/* CSS Document for Courtyard School */

/*   normalize for cross browser compatibility   */
body,div,ul,ol,li,dl,dd,dt,form,fieldset,legend,input,p,img,table,tr,td,h1,h2,h3,h4,h5,h6,a {margin:0;padding:0;}
img {vertical-align:bottom;}
img, fieldset {border:0;}
li {list-style:none;}
.bold {font-weight:bold;}
a {text-decoration:none;}

/*   structural markup   */

body {background-color:#D3D3D3;font:12px Arial, sans-serif;margin:0 0 25px 0;} /* put a margin on the bg because IE PC will not give a bottom margin to the wrapper div */
#mainWrapper {width:900px;height:auto;margin:25px auto;}
#headerWrapper {background:#5987c6 url(../SchoolImages/title.JPG) no-repeat;width:900px;height:170px;position:relative;}
#headerWrapper a.home {display:block;position:absolute;left:0;top:0;text-indent:-9999em;width:180px;height:156px;}
#headerWrapper ul {font:10px Verdana, Arial, Helvetica, sans-serif;position:absolute;left:230px;top:133px;}
#headerWrapper ul li {float:left;}                                                              
#headerWrapper ul li a {color:#fff;display:block;padding:6px 8px 4px 8px;}
#headerWrapper ul li a:hover {background:#0059cf url(../SchoolImages/mainNav_bgOver.gif) repeat-x;}
#contentWrapper {background:#fff url(../SchoolImages/content_bg.gif) repeat-y;position:relative;min-height:750px;height:auto !important;height:600px;}
#leftNav {float:left;background:#e5ecf4 url(../SchoolImages/leftNav_bgTop.gif) 0 0 no-repeat;width:166px;padding:0 0 25px 0;}
#leftNav ul {text-align:right;font:10px Verdana, Arial, Helvetica, sans-serif;margin:47px 8px 0 0;}
#leftNav ul li {background:url(../SchoolImages/leftNav_elementBg.gif) right bottom no-repeat;padding:5px 0 8px 0;}
#leftNav ul li.last {background:none;}
#leftNav ul li a {color:#004990;}
#leftNav ul li a:hover {color:#0073D6;}
#searchBox form {margin:10px 0 0 0px;}
#searchBox input, #searchBox label {margin:0 0 0 13px;}
#searchBox input.search {width:143px;margin-bottom:2px;}
#searchBox label {font-size:9px;display:block;}
#contactInfo {margin:24px 0 0 0;}
#contactInfo p {margin:0 0 0 13px;text-align:left;color:#004990;background:url(../SchoolImages/leftNav_elementBg.gif) 0 0 no-repeat;padding:17px 0 0 0;font-size:10px;}
#contactInfo p a {color:#004990;}
#contactInfo p a:hover {color:#0073D6;}

#mainContentContainer { margin: 0 0 0 168px; padding: 10px 0 10px 10px; }
#mainContentContainer h1 { font: normal 27px Times,"Times New Roman", serif; color: #000; }
#mainContentContainer h3 { width: 510px; font: bold 18px Verdana,Arial,Helvetica,sans-serif; color: #CCC; }
#mainContentContainer h3 .homeGirl { margin-top: 15px; float: right; }
#mainContentContainer p { margin: 10px; }
/*.homePage #mainContentContainer {margin:0 0px 0 168px;padding:0px 0 0px 0px;}*/
#mainContent {margin:0 206px 0 0px;padding:5px 0 5px 20px;}
*html #mainContent {margin-top:-15px;}
*html #mainContent img.homeGirl { margin-top:15px; float: right; }
#mainContent img.homeGirl {float:right;margin:0 0 0 5px;}
#mainContent h1 {font:27px Times, "Times New Roman", serif;color:#000;}
#mainContent h3 {font:18px Arial, Helvetica, sans-serif;color:#666;margin:0 0 12px 0;}
#mainContent p {font-size:11px;line-height:16px;margin:0 178px 15px 0;}
#mainContent p img.thumbs {float:left;margin:5px 13px 10px 0;}
#announcements {width:150px;position:relative;float:right;margin-top:25px;margin-right: 5px;text-align:center;color:#326DA5;font:12px Verdana,Arial,Helvetica,sans-serif; }
#announcements dl {width:120px;padding:7px 9px;border:4px solid #004a95;margin:0;background:#e5ecf4;}
#announcements dt {font-size:18px; font-family:Verdana,Arial,Helvetica,sans-serif;}


/* ESS styles */

#ESSfooter {width:900px;height:auto;margin:25px auto;text-align: center;}



.contenttable
{
	border-top: 1px; 
	border-top-style: solid; 
	border-top-color :#5155B4; 
	border-top-collapse: collapse;
	border-left: 1px; 
	border-left-style: solid; 
	border-left-color :#5155B4; 
	border-left-collapse: collapse;
	border-right: 1px; 
	border-right-style: solid; 
	border-right-color :#5155B4; 
	border-right-collapse: collapse;
	border-bottom: 1px; 
	border-bottom-style: solid; 
	border-bottom-color :#5155B4; 
	border-bottom-collapse: collapse;
}

 .contenttabletitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	background-color: #5a88c6;
}

.contenttabledata
{
	font-size: 12px;color: #000000;padding: 2px;
}

.formlable
{
	background-color: #e5ecf4;
}

.formdivide
{
	background-color: #abc4e2;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;font-weight: bold;
}


.admin td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}



.admin a:hover
{
	text-decoration : underline;
	font-weight : 900;
	color : #000000;
}

.admin a
{
	text-decoration : none; font-weight : 900; color : #000000;
}

.data
{
	background-color:#ADC4E2; border-color:#ADC4E2;
}

	
.version
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;
}

.sitetable
{
	background-color: #abc4e2;border-top: 1px; border-top-style: solid; border-top-color :#000000; border-top-collapse: collapse;border-left: 1px; border-left-style: solid; border-left-color :#000000; border-left-collapse: collapse;border-right: 1px; border-right-style: solid; border-right-color :#000000; border-right-collapse: collapse;border-bottom: 1px; border-bottom-style: solid; border-bottom-color :#000000; border-bottom-collapse: collapse;
}
.mini 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; 
}

.breadcrumb 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight: normal;
}

a.breadcrumb:hover 
{
	text-decoration : underline; font-weight : normal; font-size: 10px; color : #000000; 
}
.breadcrumbcarrot 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight: normal;color: #b1b1b1;
}
.breadcrumbcurrent 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight: normal;font-style: italic;
}

.header
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold;
}


.expired
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}

.hidden
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
}

.essonly
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D50000;
}

.error
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : 900;
	color: #FF0000;
}

 .contenttablebg1
{
	background-color: #DDDDDD;
	background-image: url(../SchoolImages/bg2.gif);
}

.contenttablebg2
{
	background-color: #e6e6e6;
	background-image: url(../SchoolImages/bg.gif);
	}

.contenttablebg3
{
	background-color: #cccccc;
	background-image: url(../SchoolImages/bg_hi.gif);
}
#gLogoff {
	background-color:#e5ecf4;
	border:2px solid #abc4e2;
	height:20px;
	width:70px;
	padding:2px;
	position:absolute;
	right:5px;
	top:-0px;
	text-align:center;
	}
	
	 .AdminMenuBox 
	 {
	  border : 1px solid #b1b1b1;
	 }
/*
	
	
	.admin body
	 {
	  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
	 }
	
	
	
	
	
	' .subnav
	' {
	'  font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;
	' }
	'
	
	
	' .navigationtop
	' {
	'  background: #C3C2D2;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;border-top: 2px; border-top-style: dotted; border-top-color :#000000; border-top-collapse: collapse;
	' border-bottom: 2px; border-bottom-style: dotted; border-bottom-color :#000000; border-bottom-collapse: collapse;
	' }
'	
'	 .navigationonchild
	' {
	'  background: #E3E3E3;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;
	' }
	'
	' .navigationon
	' {
	'  background: #EFF4E3;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;border-bottom: 2px; border-bottom-style: dotted; border-bottom-color :#000000; border-bottom-collapse: collapse;
	' }
	'
	' .navigation
	' {
	'  background: #c6d99f;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;border-bottom: 2px; border-bottom-style: dotted; border-bottom-color :#000000; border-bottom-collapse: collapse;
	' }
	'
	' .nav
	' {
	' font-family: Verdana, Arial, Helvetica, sans-serif;
	' font-size: 12px;
	' color: #FFFFFF;
	' background-color: #88A058;
	' }
	
	
	'
	' .formlable
	' {
	'  background-color: #BFD396;
	' }
	'
	' .formdivide
	' {
	'  background-color: #89AA46;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;font-weight: bold;
	' }
	'
	 
	
	
	
	
	' .contenttabletitle
	' {
	'	font-family: Arial, Helvetica, sans-serif;
	'	font-size: 15px;
	'	color: #FFFFFF;
	'	background-color: #667E34;
	' }
	'
	' .contenttabledata
	' {
	'  font-size: 12px;color: #000000;padding : 2;
	' }
	
	
	
	' .contenttable
	' {
	'  border-top: 1px; border-top-style: solid; border-top-color :#5155B4; border-top-collapse: collapse;border-left: 1px; border-left-style: solid; border-left-color :#5155B4; border-left-collapse: collapse;border-right: 1px; border-right-style: solid; border-right-color :#5155B4; border-right-collapse: collapse;border-bottom: 1px; border-bottom-style: solid; border-bottom-color :#5155B4; border-bottom-collapse: collapse;
	' }
	
	 .AdminMenuBox 
	 {
	  border : 1px solid #b1b1b1;
	 }
	
	' ul
	' {
	'  margin: 0;
	'  padding: 0px;
	'  width: 130px; /* Width of Menu Items 
	'  list-style: none;
	' }
	'
	' ul li
	' {
	' position: relative;
	' font-size: 13px;
	' }
	'
	' li ul
	' {
	'  position: absolute;
	'  left: 216px; /* Set 1px less than menu width 
	'  top: 0;
	'  border-bottom: thin, #FFFFFF;
	' }
	'
	'/* Styles for Menu Items 
	' ul li a
	' {
	' display: block;
	' text-decoration: none;
	' color: #ffffff; /* IE6 Bug 
	' padding-left: 8px;
	' padding-bottom: 4px;
'	 padding-top: 4px;
	' background-image: url(" & imagebase & "sidenav.gif);
	' margin: 1px;
	' border: 1px solid #667F34;
	' }
	' .sublink a
	' {
	'  display: block;
	'  text-decoration: none;
	'  text-transform: uppercase;
	'  font-size: 10px;
	'  color: #ffffff;
	'  background: #9FA275; /* IE6 Bug 
	'  padding-left: 25px;
	'  padding-bottom: 4px;
	'  padding-top: 4px;
	'  border-bottom: thin, #FFFFFF;
	'  background-image: url(" & imagebase & "sidenav.gif);
	' }
	'
	 .middle
	 {
	/* width: 365px; 
	  background-color: #B7CCDF;
	  border-left: 2px solid #FFFFFF;
	  padding: 20px;
	 }
	 .footerbar
	 {
	  background-image: url(" & imagebase & "footer-bar-TILE.gif);
	  background-repeat: repeat-x;
	  height: 13px;
	 }
	
	'/* Fix IE. Hide from IE Mac \
	'* html ul li { float: left; height: 1%;}
	'* html ul li a { height: 1%; border-bottom: thin, #FFFFFF;}
	'/* End 
	'
	'ul li a:hover {
	' color: #000000;
	' background-image: url(" & imagebase & "sidenav2.gif);
	' border: 1px solid #667F34;
	' margin: 1px;
	'} /* Hover Styles 
	'
	'li ul li a { border-bottom: thin, #FFFFFF; padding: 2px 5px; } /* Sub Menu Styles 
	'
	'li:hover ul, li.over ul { display: block; } /* The magic 
	.main {
		background-position: top;
		background-color:e5ecf4;
	 vertical-align: top;
	 padding-top: 29px;
	}
	
	#gLogoff {
	background-color:#e5ecf4;
	border:2px solid #abc4e2;
	height:20px;
	width:70px;
	padding:2px;
	position:absolute;
	right:5px;
	top:-0px;
	text-align:center;
	}
	 -->
	 </style>
*/