/* this is the style sheet for the operating hours calendar */

/* The structure of the calendars are: a navigation bar at the top allowing easy access to future months. A title area with a seasonal picture to either side of the month year text.  A grid display of the days and weeks with a picture added in any unused grid blocks and the days of the week in the header of the table.  The three main area: navigation bar, Title Area, and Calendar are common to all of the calendars.  The image for the unused blocks has its own area for each month due to the difference in the location of unused blocks.  It is positioned with an absolute position call and set top and left values to place it appropriately. The Calendar1 division heading is for months with decorations on the left hand side. */

#MonthNav  {
	position:absolute;
	left:0;
	top:0;
	background-color:#CCCCCC
}

.MonthNav  {
	border-collapse: collapse;
	cell-spacing: 10px;
	border: 1px solid #000000;
	font-size:10px;

}
.MonthNav td {
	border:1px solid #000000;
	padding: 5px;
	margin: 5px;
}
.MonthNav a:link {
	font-size:10px;
	color:#111111;
}
.MonthNav a:visited {
	font-size:10px;
	color:#111111;
}
.MonthNav a:hover {
	font-size:12px;
	color:#000099;
}

#MonthBar  {
	position:absolute;
	top:35px;
	left:0;
	border-collapse: collapse;
	border: 1px none #000000;
	font-size:50px;
}
#Calendar1  {
	position:absolute;
	top:160px;
	left:20px;
	border-collapse: collapse;
	border:1px solid #000000;
}
#Calendar1 th {
	border-left:2px solid #000000;
	border-bottom:2px solid #000000;
}
#Calendar1  td {
	border:1px solid #000000;
	padding: 0;
	margin: 3px;
	width: 134px;
	font-size:16px;
	}
#Calendar2  {
	position:absolute;
	top:160px;
	left:40px;
	border-collapse: collapse;
	cell-spacing: 0;
	border:1px solid #000000;
}
#Calendar2 th {
	border-left:2px solid #000000;
	border-bottom:2px solid #000000;
}
#Calendar2  td {
	border:1px solid #000000;
	padding: 0;
	margin: 3px;
	width: 134px;
	font-size:16px;
	}
#Calendar  {
	position:absolute;
	top:160px;
	left:0px;
	border-collapse: collapse;
	cell-spacing: 0;
	border:1px solid #000000;
}
#Calendar  th {
	border-left:2px solid #000000;
	border-bottom:2px solid #000000;
}
#Calendar  td {
	border:1px solid #000000;
	padding: 0;
	margin: 0;
	width: 134px;
	font-size:16px;
}	
	
.Days {
	color:#000000;
}
.Days > tr {
	border:5px solid #000000;
}	
.Days > th {
	border-left:2px solid #000000;
}

.hours  {
	font-size:18px;
	text-align:center;
}
.event {
	font-size:16px;
	text-align:center;
}

.author  {
	font-size:14px;
	text-align:center;
}
.redtext {
	color:#FF0000;
}
.greentext {
	color:#00AA00;
}
.textshadow {
	text-shadow: -1px 0 #cccccc, 0 1px #cccccc,
      1px 0 #cccccc, 0 -1px #cccccc, -2px 0 #333333, 0 2px #333333, 2px 0 #333333, 0 -2px #333333;
	color:#111111;
	}

#Jan09FrontBlank {
	position:absolute;
	top:230px;
	left:80px;
}
#Mar09BackBlank {
	position:absolute;
	top:675px;
	left:470px;
}
#AprilEndSpace  {
	position:absolute;
	top:670px;
	left:700px;
}
#SpringBreak  {
	position:absolute;
	top:350px;
	left:150px;
	font-size:40px;
}
#RegistrationMessage  {
	position:absolute;
	top:490px;
	left:220px;
	font-size: 36px;
}
#Library_Week  {
 	position:absolute;
	top:460px;
	left:150px;
	font-size: 26px;
}

#May09EndBlank  {
	position:absolute;
	top:658px;
	left:430px;
}
#FallRegistration  {
	position: absolute;
	top: 335px;
	left:150px;
	font-size: 28px;
}
#June09TrailSpace  {
	position: absolute;
	top: 580px;
	left:440px;
	font-size: 36px;
}
#LateFallRegistration  {
	position: absolute;
	top: 420px;
	left:290px;
	font-size: 28px;
}
#Sep09Front  {
	position:absolute;
	top:210px;
	left:60px;
}
#Oct09Front  {
	position:absolute;
	top:213px;
	left:60px;
}
#Nov09Back  {
	position:absolute;
	top:585px;
	left:430px;
}
#SpringPriorityRegistration  {
	position: absolute;
	top: 420px;
	left:145px;
	font-size: 26px;
	color:#CC6600;
	font-weight:bold;
}
#dec-banner {
	position: absolute;
	top: 590px;
	left:40px;
	font-size: 28px;
}
#Dec_Reopen_Message {
	position: absolute;
	top: 580px;
	left:680px;
        width:260px;
	font-size: 24px;
	text-align:center;
}
#Library_Hours_tab  {
	position:absolute;
	top:130px;
	left:450px;
	width:450px;
	height:25px;
	font-size:22px;
	text-align:center;
}
#Feb10TrailSpace {
	position: absolute;
	top: 565px;
	left:300px;
	font-size: 36px;
}
#Mar10TrailSpace {
	position: absolute;
	top: 570px;
	left:550px;
	font-size: 36px;
}
#Mar10Daylight {
	position: absolute;
	top: 390px;
	left:25px;
	font-size: 36px;
}
#Mar10Regents1 {
	position: absolute;
	top: 320px;
	left:415px;
	font-size: 36px;
}
#Mar10Regents2 {
	position: absolute;
	top: 410px;
	left:150px;
	font-size: 36px;
}
#Apr10_SpringBreak{
	position: absolute;
	top: 320px;
	left:180px;
	font-size: 36px;
}
#Apr10_SummerRegistration{
	position: absolute;
	top: 405px;
	left:220px;
	font-size: 36px;
}
#May10Monkey {
	position: absolute;
	top: 200px;
	left:25px;
	font-size: 36px;
}
#May10End {
	position: absolute;
	top: 660px;
	left:587px;
}	
#May10End1 {
	position: absolute;
	top: 660px;
	left:320px;
}	
#June10FrontSpace {
	position: absolute;
	top: 220px;
	left:15px;
	font-size: 36px;
}
#June10SideBar {
	position: absolute;
	top: 320px;
	left:0px;
	font-size: 36px;
}
#June10Regents {
	position:absolute;
	top:580px;
	left:440px;
	height:60px;
	width:525px;
	border:3px groove #000000;
	font-size:45px;
}
#June10EndDecoration {
	position:absolute;
	top:660px;
	left:940px;
}
#July10SideBar {
	position: absolute;
	top: 220px;
	left:0px;
	font-size: 36px;
	line-height:50px;
}
#Aug10EndDecoration {
	position:absolute;
	top:580px;
	left:640px;
}
#Aug10Sidebar {
	position: absolute;
	top: 220px;
	left:0px;
	font-size: 36px;
	line-height:140px;
}

#Calendar_Not_finished {
	position:absolute;
	top:150px;
	left:60px;
}
/*#NetLibrary is used with #Calendar   */
#NetLibrary {
	position:absolute;
	top:100px;
	left:940px;
	}
/* #NetLibrary1 is used with #Calendar1  */
#NetLibrary1 {
	position:absolute;
	top:150px;
	left:965px;
	}
/*NetLibrary2 is used with calendars with overlapping lefthand decorations */
#NetLibrary2{
	position:absolute;
	top:150px;
	left:985px;
	}
/*NetLibrary3 is used with #Calendar2 */
#NetLibrary3 {
	position:absolute;
	top:150px;
	left:995px;
	}

#Fall2010Registration {
	position:absolute;
	top:320px;
	left:310px;
	font-size:28px;
	}
#September2010_Star1 {
	position:absolute;
	top:70px;
	left:100px;
	}
#September2010_Star2 {
	position:absolute;
	top:50px;
	left:50px;
	}
#September2010_Star3 {
	position:absolute;
	top:80px;
	left:10px;
	}
#September2010_Star4 {
	position:absolute;
	top:130px;
	left:10px;
	}
#September2010_Star5 {
	position:absolute;
	top:180px;
	left:30px;
	}
#September2010_Star6 {
	position:absolute;
	top:230px;
	left:30px;
	}
#September2010_Star7 {
	position:absolute;
	top:280px;
	left:10px;
	}
#September2010_LaborDay {
	position:absolute;
	top:320px;
	left:180px;
	}
#September2010_USFlag {
	position:absolute;
	top:300px;
	left:840px;
	}
#September2010_FlowerPig {
	position:absolute;
	top:570px;
	left:760px;
	}
#October2010_RegentsStart {
	position:absolute;
	top:500px;
	left:420px;
	font-size:30px;
	color:#CC1100;
	}
#October2010_RegentsStop {
	position:absolute;
	top:590px;
	left:140px;
	font-size:30px;
	color:#CC1100;
	}
#October2010_Halloween {
	position:absolute;
	top:665px;
	left:10px;
	}
#October2010_Skeleton {
	position:absolute;
	top:580px;
	left:890px;
	}
#October2010_Bat1 {
	position:absolute;
	top:20px;
	left:750px;
	}
#October2010_Bat2 {
	position:absolute;
	top:90px;
	left:810px;
	}
#October2010_Bat3 {
	position:absolute;
	top:70px;
	left:900px;
	}
#October2010_Bat4 {
	position:absolute;
	top:120px;
	left:920px;
	}
#October2010_Bat5 {
	position:absolute;
	top:190px;
	left:930px;
	}
#October2010_Bat6 {
	position:absolute;
	top:270px;
	left:917px;
	}
#October2010_Bat7 {
	position:absolute;
	top:320px;
	left:910px;
	}
#October2010_Bat8 {
	position:absolute;
	top:390px;
	left:920px;
	}
#October2010_Bat9 {
	position:absolute;
	top:460px;
	left:910px;
	}
#October2010_Bat10 {
	position:absolute;
	top:530px;
	left:918px;
	}
#November2010_Daylight {
	position:absolute;
	top:305px;
	left:40px;
	}
#November2010_ThanksgivingBanner {
	position:absolute;
	top:485px;
	left:570px;
	}
#November2010_Leaf1 {
	position:absolute;
	top:35px;
	left:90px;
	}
#November2010_Leaf2 {
	position:absolute;
	top:75px;
	left:160px;
	}
#November2010_Leaf3 {
	position:absolute;
	top:95px;
	left:70px;
	}
#November2010_Leaf4 {
	position:absolute;
	top:135px;
	left:5px;
	}
#November2010_Leaf5 {
	position:absolute;
	top:200px;
	left:10px;
	}
#November2010_Leaf6 {
	position:absolute;
	top:105px;
	left:750px;
	}
#November2010_Leaf7 {
	position:absolute;
	top:55px;
	left:950px;
	}
#November2010_Leaf8 {
	position:absolute;
	top:215px;
	left:870px;
	}
#November2010_Leaf9 {
	position:absolute;
	top:315px;
	left:920px;
	}
#November2010_Leaf10 {
	position:absolute;
	top:395px;
	left:920px;
	}
#November2010_Leaf11 {
	position:absolute;
	top:485px;
	left:900px;
	}
#November2010_Leaf12 {
	position:absolute;
	top:605px;
	left:850px;
	}
#November2010_Leaf13 {
	position:absolute;
	top:575px;
	left:900px;
	}
#November2010_SpringReg {
	position:absolute;
	top:415px;
	left:165px;
	font-size:30px;
	color:#CC1100;
	}
#December2010_Lights {
	position:absolute;
	top:215px;
	left:15px;
	}
#December2010_HappyHolidaysBanner {
	position:absolute;
	top:580px;
	left:215px;
	}
#January2011_NewYears {
	position:absolute;
	top:220px;
	left:800px;
}
#January2011_MLK {
	position:absolute;
	top:490px;
	left:160px;
}
#January2011_Meditation {
	position:absolute;
	top:680px;
	left:430px;
}
#Feb2011_GroundHog {
	position:absolute;
	top:220px;
	left:300px;
	}
#Feb2011_SuperBowl {
	position:absolute;
	top:300px;
	left:30px;
	}
#Feb2011_Valentines {
	position:absolute;
	top:400px;
	left:170px;
	}
#Feb2011_Frog {
	position:absolute;
	top:600px;
	left:620px;
	}
#Feb2011_Cattail {
	position:absolute;
	top:570px;
	left:680px;
	}
#March2011_UpperLeft {
	position:absolute;
	top:85px;
	left:0px;
	}
#March2011_TimeChange {
	position:absolute;
	top:395px;
	left:75px;
	}
#Mar11Regents1 {
	position: absolute;
	top: 320px;
	left:450px;
	font-size: 36px;
}
#Mar11Regents2 {
	position: absolute;
	top: 410px;
	left:185px;
	font-size: 36px;
}
#March2011_SaintPat {
	position:absolute;
	top:395px;
	left:600px;
	}
#March2011_LowerRight {
	position:absolute;
	top:510px;
	left:790px;
	}
#Apr11_SpringBreak{
	position: absolute;
	top: 330px;
	left:180px;
	font-size: 36px;
}
#Apr11_SummerRegistration{
	position: absolute;
	top: 435px;
	left:160px;
	font-size: 36px;
}
#April2011_AprilFools {
	position: absolute;
	top: 218px;
	left:685px;
	font-size: 36px;
}
#April2011_Easter {
	position: absolute;
	top: 630px;
	left:25px;
	font-size: 36px;
}
#April2011_EarthDay {
	position: absolute;
	top: 520px;
	left:715px;
}
#May2011_MothersDay {
	position: absolute;
	top: 220px;
	left:10px;
}
#May2011_MemorialDay {
	position: absolute;
	top: 620px;
	left:145px;
}
#May2011_Fish {
	position: absolute;
	top: 620px;
	left:425px;
}
#May2011_Scuba {
	position: absolute;
	top: 610px;
	left:575px;
}
#May2011_Shark {
	position: absolute;
	top: 630px;
	left:715px;
}
#June11_LeftSide {
	position: absolute;
	top:250px;
	left:-1px;
	line-height:20px;
	}
#June11_Registration {
	position:absolute;
	top:310px;
	left:180px;
	font-size:35px;
	}
#June11_Tree {
	position:absolute;
	top:300px;
	left:45px;
	}
#June11_SeaHorse {
	position:absolute;
	top:580px;
	left:750px;
	}
#July11_Stars {
	position:absolute;
	top:150px;
	left:-1px;
	line-height:10px;
}
#July11_Swimmer {
	position:absolute;
	top:650px;
	left:500px;
}
#Aug11_Left {
	position:absolute;
	top:230px;
	left:-1px;
	line-height:20px;
	}
#Aug11_Bottom {
	position:absolute;
	top:550px;
	left:730px;
	}
#Aug11_Registration {
	position:absolute;
	top:310px;
	left:300px;
	font-size:35px;
}
#Sep11_LaborDay {
	position:absolute;
	top:290px;
	left:170px;
	}
#Sep11_911 {
	position:absolute;
	top:375px;
	left:40px;
	}
#Sep11_HoneyMonth {
	position:absolute;
	top:545px;
	left:850px;
	}
#Oct11_Children {
	position:absolute;
	top:290px;
	left:820px;
	}
#Oct11_Boss {
	position:absolute;
	top:460px;
	left:25px;
	}
#Oct11_Halloween {
	position:absolute;
	top:630px;
	left:150px;
	}
#Oct11_Candy1 {
	position:absolute;
	top:215px;
	left:15px;
	}
#Oct11_Candy2 {
	position:absolute;
	top:265px;
	left:175px;
	}
#Oct11_Candy3 {
	position:absolute;
	top:365px;
	left:305px;
	}
#Oct11_Candy4 {
	position:absolute;
	top:540px;
	left:435px;
	}
#Oct11_Candy5 {
	position:absolute;
	top:645px;
	left:575px;
	}
#Oct11_Candy6 {
	position:absolute;
	top:215px;
	left:455px;
	}
#Oct11_Candy7 {
	position:absolute;
	top:465px;
	left:595px;
	}
#Oct11_Candy8 {
	position:absolute;
	top:685px;
	left:815px;
	}
#November2011_Daylight {
	position:absolute;
	top:292px;
	left:30px;
	}
#November2011_YoungReader {
	position:absolute;
	top:292px;
	left:290px;
	}
#November2011_Registration {
		position:absolute;
		top:400px;
		left:150px;
		font-size:32px;
	}
#November2011_Thanksgiving {
	position:absolute;
	top:467px;
	left:570px;
}
#November2011_Mayflower {
	position:absolute;
	left:650px;
	top:550px;
}
#December2011_Ribbon {
	position:absolute;
	top:208px;
	left:445px;
	}
#December2011_Muffin {
	position:absolute;
	top:470px;
	left:170px;
	}
#December2011_IceCream {
	position:absolute;
	top:377px;
	left:580px;
	}
#December2011_HolidaysBanner {
	position:absolute;
	top:560px;
	left:290px;
	}