body {
	width:100%;
	height:100%;
	font: 62.5% Arial,Helvetica,sans-serif;
	color:Black;
	background: #6290b7 url(../imgs/cal_bg.png) repeat-x;
}

/*
div classes
*/

.loading {position: absolute; top: 5px; right: 45px;}

.mainHldr {width:820px; height: 600px; overflow: hidden; border:5px solid #9E0F31;}

.topHldr {width:100%; height:35px; overflow: hidden; margin-bottom:10px; background-color: #9E0F31;}
.topHldr img {margin:2px 10px 0px 0px;}
.topHldr h1 {font-size:2em; margin: 10px 0 0 5px; color:#ffffff; font-weight:normal;}

.contentHldr {width:820px; clear:both; padding:10px; overflow:hidden; padding-left: 5px; padding-top: 0;}

td.currentday {background:transparent url(../imgs/junior_visual_calendar_today.gif) no-repeat scroll 9px 1px !important;}
td.currentday a {color: #FFFFFF !important;}


.rightHldr {
	padding: 10px;
	background-color: white;
	float: right;
	overflow-x:hidden;
	color: Black;
	overflow-y:scroll;
	height:500px;
	margin-right:10px;
	width:490px;
	border:5px solid #9E0F31;
	}
.rightHldr h1 {font-size:12px; color:#000; font-weight:bold; margin-left:4px; text-transform: uppercase; margin-bottom: 10px;}
.rightHldr h1 a:link {color:#000; text-decoration:none}
.rightHldr h1 a:visited {color:#000; text-decoration:none}
.rightHldr h1 a:hover {color:#000; text-decoration:underline;}
.rightHldr h1 a:active {color:#000;}
.rightHldr h2 {font-size:1.4em; font-family:Arial,Helvetica,sans-serif; color:#003366; font-weight:bold; border-bottom: 3px solid #003366; padding-bottom:5px; margin-bottom:2px;}
.rightHldr h3 {font-size:12px; color:#474646; font-weight:normal; padding:0; margin:5px 0px 0px 0px;}
.rightHldr h4 {font-size:13px; color:#474646; font-weight:bold; padding:0; margin:10px 0px 0px 0px;}
.rightHldr p { font-size: 12px; margin-top: 12px; margin-bottom:0;}
.rightHldr p a:link {color:#e03080; text-decoration:none}
.rightHldr p a:visited {color:#e03080; text-decoration:none}
.rightHldr p a:hover {color:#e03080; text-decoration:underline;}
.rightHldr p a:active {color:#e03080;}

.line {width:auto; height:0px; border-bottom: 1px dotted #9E0F31; margin:0px; padding-top:14px; }

.leftHldr {float: left; overflow: hidden; margin-left: 2px; margin-top: 8px;}
.leftHldr h2 {font-size:1.3em; font-family:Arial,Helvetica,sans-serif; color: #fff; font-weight:normal; }
.leftHldr h3 {font-size:110%; color: #2651af; font-weight:normal;}

/*
Lists
*/

.leftHldr ul {width: 280px; padding:0; margin: 0 0 0 0;}
.leftHldr ul li {list-style: none;}
.leftHldr ul li span {float:left; font-size: 10px; font-weight: bold;}
.leftHldr ul li select {width: 150px; float: right; margin-bottom: 5px;}
.leftHldr ul li label {width: 120px; float: left; margin-bottom: 5px; font-size:1.3em; font-family:Arial,Helvetica,sans-serif; color: #fff; font-weight:normal;  margin-bottom: 8px; }

/*
Lists - Calendar
*/

.leftHldr ul li table.clearer {clear:both; text-decoration: none;}
.leftHldr ul li table.clearer tr td {padding: 5px !important;}
.leftHldr ul li table.clearer tr td a {text-decoration: none; font-size:12px !important;}
/*
Data Repeater
*/
.rightHldr .reapeater table {color:#00253a; width:475px !important; table-layout: fixed;}
.rightHldr .reapeater table thead {text-align:left; color: #343434; padding-top:10px;}
.rightHldr .reapeater table thead tr {}
.rightHldr .repeater table thead tr th {color: #343434;}
.rightHldr .repeater table tbody {}
.rightHldr .repeater table tbody tr {}
.rightHldr .repeater table tbody tr td {color:#fff;}

/*
Calendar
*/

.calendar_logo {
	margin: 20px 0 0 60px;	
}

.ie_logo {
	margin:20px 0 0 50px;
}

.DayHeader {background-color: transparent; text-decoration:none; color: #474646; font-size: 11px; padding: 5px 0px; font-family:Georgia,"Times New Roman",Times,serif;}

.TitleHeader {
	font-size: 12px;
	font-weight:bold;
	color: #FFF; !important;
	background-color: transparent !important;
	padding:0px;
	border-bottom: 1px dotted #e73e97 !important;
	height: 34px;}
	
.TitleHeader a {
	background: transparent url(../imgs/calbutton2.gi) no-repeat 0 0 !important;
	padding: 3px 8px;
	color: #fff !important;
	font-family:Arial,Helvetica,sans-serif;}
	
.calendarHldr {border:0; width:280px; height:220px;}
	
/*
School Logo
*/
#schoollogo {width:auto;}