/*!!! IMPORTANT !!!
any changes made to this document
must also be made to sides_IE5x.css*/
html,body 	{ margin: 0px; padding: 0px; text-align: center; height: 100%; font: 11px Verdana, Helvetica, sans-serif; background-image:url(images/body-bg.jpg); background-repeat:repeat-x;}
.students 	{ background:url(../images/students_back.jpg) repeat-x; }
.parents 	{ background:url(../images/parents_back.jpg) repeat-x; }
h1 			{ font:Verdana, Arial, Helvetica, sans-serif; color:#AE0602; font-size:20px;}
h2 			{ font:Verdana, Arial, Helvetica, sans-serif; color:#07629B; font-size:14px;}

h3 	   { font: bold 15px Verdana, Helvetica, sans-serif; color:#999; }
h5, h6 { font: bold 12px Verdana, Helvetica, sans-serif; color:#999; margin-bottom: 5px; }
p 	   { font: normal 11px Verdana, Helvetica, sans-serif; color:#000; line-height:17px;}

div.padder 			 	{ padding: 15px; }
div.padderContent	  	{ padding: 15px 15px 0px 15px; }
div.adminPadderContent	  	{ padding: 15px 15px 0px 15px; }
div.padderContent img 	{ padding: 0px 8px 2px 0px; position:relative; float:left; }

a {font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CC0000; text-decoration:none;}
.back {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#AE0602;}


.popup				{ margin: 10px 0px 0px 40px; padding: 100px 50px 20px 0px; text-align:left; }

.divider		 	{ display:block; padding:2px; border-bottom:1px solid #ccc; font: normal 13px Verdana, Helvetica, sans-serif; color:#999; }

img					{ border:0; }
#google				{ vertical-align:top; border:0px; }
table				{ font: normal 11px Verdana, Helvetica, sans-serif; color:#000; }
.table				{ border-top:1px solid #ccc; }
.table td			{ padding:5px; border-bottom:1px solid #ccc; }
.table th			{ padding:5px; background-color:#ebebeb; }
#photos				{ position:relative; float:right; padding-top:2px; }

.admin				{ text-align: left; }
.admin-center		{ text-align: center; }

.map-icon			{ position:relative; float:right; display:block; width:186px; height:183px; padding:0px; margin:0px; }
.map-icon a			{ position:relative; border:0px; display:block; width:130px; height:145px; background-image:url(../images/map-icon.gif); }
.map-icon a:hover	{ position:relative; border:0px; display:block; width:130px; height:145px; background-image:url(../images/map-icon-OVER.gif); text-decoration:none;}

/*
table#bcRes		{ border-top:1px solid #ccc; padding:0px; }
#bcRes td		{ border-bottom:1px solid #ccc; padding:3px; }
#bcRes td#right { border-right:1px solid #ccc; padding:3px; }
#bcRes ul li	{ margin-left:-13px; }*/
.general ul li		    { list-style-image: url(../images/general_bullet.jpg); padding-bottom:5px; margin-top:2px; }
.general ul li a	    { font: normal 11px Verdana, Helvetica, sans-serif; color:#8B5A07; text-decoration:none; }
.general ul li a:hover	{ font: normal 11px Verdana, Helvetica, sans-serif; color:#999; text-decoration:underline; }

.students ul li			{ list-style-image: url(../images/students_bullet.jpg); padding-bottom:5px; margin-top:2px; }
.students ul li a	    { font: normal 11px Verdana, Helvetica, sans-serif; color:#B12F8C; text-decoration:none; }
.students ul li a:hover	{ font: normal 11px Verdana, Helvetica, sans-serif; color:#999; text-decoration:underline; }

.parents ul li			{ list-style-image: url(../images/parents_bullet.jpg); padding-bottom:5px; margin-top:2px; }
.parents ul li a	    { font: normal 11px Verdana, Helvetica, sans-serif; color:#336699; text-decoration:none; }
.parents ul li a:hover	{ font: normal 11px Verdana, Helvetica, sans-serif; color:#999; text-decoration:underline; }

#breadCrumbs		 { display:block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; font: normal 13px Verdana, Helvetica, sans-serif; color:#999; }
#breadCrumbs a		 { font: normal 13px Verdana, Helvetica, sans-serif; color:#999; text-decoration:none; }
#breadCrumbs a:hover { font: normal 13px Verdana, Helvetica, sans-serif; color:#999; text-decoration:underline; }

.general #admin-table td { border-top:1px solid #F9A20E; }
.general #admin-table { display:block; border-top:1px solid #F9A20E; border-bottom:1px solid #F9A20E; padding:10px 10px 10px 10px; color:#666; line-height:1.5em; }

#note 				{ display:block; border-bottom:1px dotted #999; padding:10px; line-height:1.5em; border-bottom-width:thin;}
#header 			{ position:relative; width: 100%;/* background-image: url(images/header.jpg); background-repeat:no-repeat; height: 215px; z-index:1;/* margin: 0px; background-color:#0F2E8B;*/}
#header .logo 		{ position:absolute; width:315px; height:67px; left:13px; top:13px; border: 0px;}
#popupLogo			{ position:absolute; width:315px; height:67px; left:0px; top:0px; border: 0px; margin:0px; padding:0px; vertical-align:left; }


#content 		   			{ position: relative; margin: 5px auto 10px auto; height: auto; width: 780px; background-image:url(images/content-bg.jpg); background-repeat:repeat-y;/* border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;*/}
#leftSection 				{ position: absolute; top: 210px; left: 0px; width: 153px; height:460px; text-align: left; background-image:url(images/bg-nav.jpg); background-repeat:no-repeat; padding-left:20px;}
#centerSection 				{ position: relative; height: auto; width:450px; margin: 15px 200px 0px 170px; padding:0px; text-align: left;  /*border-left:0px; border-right:0px solid #666;*/  }
/*CSS selector html>body solves this positioning problem in all browsers EXCEPT IE6.0x,
therefore this selector's use has been avoided.*/
#centerSection #topsquares 	{ position: absolute; width:191px; height:100px; left:500px; top:0px; margin:0px; padding:0px; }
#rightSection 				{
	position: absolute;
	top: 210px;
	right: 0px;
	height: auto;
	width: 140px;
	margin: 0px 0px 0px 25px;
	padding:0px 0px 0px 5px;
	background-color:#B8E3C0;
	z-index:0;
	/*background: transparent;*/
	text-align: left;
	left: 608px;

}

#footer 					{ position: relative; height: 100px; margin: 0px 177px 10px 165px; padding: 0px 0px 6px 0px;/* border-top: 1px solid #ccc;*/ border-bottom: 1px solid #ccc; font: 11px Verdana, Helvetica, sans-serif; color:#666; line-height:1.8em; text-align:center; clear:left }

#browser 					{ position: relative; height: 80px; margin: 0px 150px 10px 165px; padding: 30px 0px 6px 0px; font: 9px Verdana, Helvetica, sans-serif; color:#206092; line-height:1.5em; text-align:center; clear:both; border-bottom:1px solid #CCC;}
#browser a					{ font: 11px Verdana, Helvetica, sans-serif; color:#022744; }
#browser a:hover			{ font: 11px Verdana, Helvetica, sans-serif; color:#666; }

/* left navigation*/
#nav-link a					{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
#nav-link a:hover 			{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline;}
.p-line-height 				{line-height:25px;}

/*General*/
a:hover 					{font:Verdana, Arial, Helvetica, sans-serif; color:#07629B;}
.imgFloat					{ float: left; margin-right: 15px; margin-bottom: 5px;}
.imgFloatRight 				{ float: right; margin-left: 10px; margin-bottom: 10px;}