/*-----------------------------------------
Basic Style Sheet
version: 1.1
author: Blue-Iceberg
email: production@blue-iceberg.com
website: http://www.blue-iceberg.com

------------------------------------------*/

/* General Styles
=================================*/

body {
 	font-family: Arial, Helvetica, sans-serif;
	color: #002252;
 	font-size: 11px;
	line-height: 15px;
	margin: 0px;
	background: #f3eedb
}

a:link {
	color: #4870a8;
	text-decoration: none;
}

a:visited {
	color: #4870a8;
	text-decoration: none;
}

a:hover {
	border-bottom: none;
	color: #002252;

}

.bodybold
{	
	font-weight: bold;

}


h1, h2 {
	color: #002252;
	font-weight: bold;
	margin: 0px;	

}

h1 {
	font-size: 15px;
	padding: 22px 0px 0px 0px;	
	margin: 0px 10px 0px 13px;
}

html>body h1
{
	/* IE fix */
	margin: 0px 10px 0px 13px;
}

		
h2 {
	font-size: 12px;
	margin: 5px 10px 0px 13px;

}

h3
{
	font-size: 12px;
	margin: 2px 10px 0px 12px;
	font-style: italic;
}

h4
{
	font-weight: bold;
	padding: 18px 0px 0px 0px;
	margin: 0;
        font-size: 12px;
	
}

.box {
  	font-size: 11px;
}

.breadcrumbs {
	padding: 0px 0px 0px 13px;
}


a.red:link {
        color:#c40a0a;
	text-decoration: none;
}

a.red:visited {
        color:#c40a0a;
	text-decoration: none;
}


a.red:hover {
	border-bottom: none;
	color: #c40a0a;

}

/* Layout
=================================*/


#bg{
	margin: 0px 50px 0px 50px;
	background: url(../images/bg.gif) repeat-y left;
	width: 800px;
}

#bglast{
	margin: 0px;
	background: url(../images/bglast.gif) no-repeat left bottom;
	width: 800px;
}

#bgpopup{
	margin: 0px 20px 0px 20px;
	background: url(../images/bg-popup.gif) repeat-y left;
	width: 275px;
}

#bglastpopup{
	margin: 0px;
	background: url(../images/bglast-popup.gif) no-repeat left bottom;
	width: 275px;
}

#bgpopup3{
	margin: 0px 20px 0px 30px;
	background: url(../images/bg-popup3.gif) repeat-y left;
	width: 350px;
}

#bglastpopup3{
	margin: 0px;
	background: url(../images/bglast-popup3.gif) no-repeat left bottom;
	width: 350px;
}


table {
	border-collapse: collapse;
	width: 300px;
	margin-left: 60px;
}

th, td {
	text-align:left;	
	padding: 5px 0px 5px 10px;
        vertical-align:top;
}

.mainnav {
	background: url(../images/Nav-logo-bg.gif) no-repeat left;	
	list-style: none;
	height: 48px;
	margin: 0px 10px 0px 21px;
	padding: 0px 20px 0px 0px;
	text-align: right;
	
}

html>body .mainnav
{
	/* IE fix */
	margin-bottom: 1px;
}

.mainnav a {
	color: #002252;
	height: 48px;
	padding: 0px 15px 0px 15px;
	text-decoration: none;

}

.mainnav a:hover {
	background: url(../images/parents-students-navon-bg.gif) no-repeat left top;
	color: #fff;
	margin: 0px;
	padding: 15px 15px 15px 15px;
	border-bottom: 0px;

}

html>body .mainnav a:hover
{
	/* IE fix */
	padding-top: 16px;
}

.mainnav li
{
	color: #002252;
	line-height: 50px;
	font-size: 13px;
	padding: 2px;
	display: inline;

}

/* subnav styles */

.subnav
	{
	display:list-item;
	list-style-type: none;
	width: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
	
}

.subnav li {
	display:list-item;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	line-height:14px;
	width: 100%;
	
}

.subnav a {
	color: #4870a8;
	background: #f8e7b7;
	border: 1px solid #fff;;
	margin: 0px;
	padding: 3px 8px 3px 8px;
	width: 100%;
}

.subnav a:hover {
	color: #fff;
	background: #e8ae12;
	margin: 0px;
	padding: 3px 8px 3px 8px;
	}

/* end subnav styles */

/* specific subnavs */
	
#schools_subnav {
	position: absolute;
	left:  298;
	top: 70;
	z-index: 11;
	}
	html>body #schools_subnav

{
	/* IE fix */
	left:  250px;
}

#schools_achievement {
	position: absolute;
	left:  0px;
	top: 75;
	z-index: 10;
}

	html>body #schools_achievement

{
	/* IE fix */
	left:  395px;

}


#schools_admissions {
	position: absolute;
	left:  397px;
	top: 96px;
	z-index: 11;
}

	html>body #schools_admissions

{
	/* IE fix */
	left:  395px;	
	top: 95px;
}

#schools_members {
	position: absolute;
	left:  397px;
	top: 117px;
	z-index: 11;
	}

	html>body #schools_members 

{
	/* IE fix */
	left:  395px;	
	top: 116px;
}



#parents_subnav {
	position: absolute;
	left:  406px;
	top: 70px;
	z-index: 12;
	}
	
	html>body #parents_subnav 

{
	/* IE fix */
	left:  409px;
}

#parents_achievement {
	position: absolute;
	left:  503px;
	top: 75px;
	z-index: 11;
	}
	
	html>body #parents_achievement 

{
	/* IE fix */
	left:  502px;
	top: 74px;
}

	
#parents_admissions {
	position: absolute;
	left:  503px;
	top: 95px;
	z-index: 11;
	}
	
	html>body #parents_admissions 

{
	/* IE fix */
	left:  502px;
}


#news_subnav {
	position: absolute;
	left:  580px;
	top: 70px;
	
	}
	
	html>body #news_subnav

{
	/* IE fix */
	left:  583px;	
	top: 70px;
}	

#events_subnav {
	position: absolute;
	left:  650px;
	top: 70px;
	}
	
	html>body #events_subnav

{
	/* IE fix */
	left:  652px;	
}	
#about_subnav {
	position: absolute;
	left:  727px;
	top: 70px;
	}
	
	html>body #about_subnav

{
	/* IE fix */
	left:  730px;
}	
.arrow{
	float: top right;
	text-align: right;

}

/* endspecific subnavs */


#content
{
	margin: 5px; 
	margin-left: 0;
	padding: 0 5px 0 5px;
	float: right;
	width: 625px;
}

#subnav
{
	margin: 0px;
	padding: 5px 0px 0px 21px;
	width: 128px;
	float: left;
}


#subnav ul
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#subnav li
{
	margin-top: -2px;
	margin-bottom: 0px;
	padding: 1px;
	width: 128px;
	background: #f8e7b7;
}

html>body #subnav li
{
	/* IE fix */
	margin-top: 1px;
}

#subnav ul a {
	
	padding: 3px 0 3px 5px;
	display: block;
	text-decoration: none;
	line-height: 13px;
	font-weight: bold;

}

#subnav ul a:hover {
	
	padding: 3px 0 3px 5px;
	display: block;
	color: #fff;
	background: #e8ae12;
	text-decoration: none;
	line-height: 13px;
	border-bottom: 0px;
	font-weight: bold;
}

#maincontent {
	float: left;
	margin: 1px;
	padding: 0px;	
	width: 418px;	
}

#secondarycontent
{	
	float: right;
	width: 170px;
        padding: 0px 23px 0px 0px;
        margin: 0px;
	background-color: #fff
}


#footertop {
	background: url(../images/footertop-bg.gif) no-repeat right bottom;
	margin: 0px 22px -1px 0px;
	padding: 10px 15px 4px 10px;
	text-align: right;

}

#footerbottom {
	background: url(../images/footerbottom-bg.gif) no-repeat right top;
	list-style: none;
	height: 30px;
	margin: 0px 22px 0px 0px;
	padding: 8px 0px 10px 0px;
	text-align: center;

}

#footerbottom p {
	text-align: center;
	margin: 0px;

}

#footerbottom li
{
	color: #002252;
	line-height: 10px;
	font-size: 11px;
	padding: 5px;
	margin: 0px;
	display: inline;
	

}


/* Main Content Styling=================================*/

/*landing page styling*/

#landingcontent
{
	float: left;
	margin: 1px;
	padding: 0px;	
	width: 225px;	

}

#landingcontent h1
{
	font-size: 15px;
        width: 170px;
	padding: 22px 0px 0px 0px;	
	margin: 0px 0px 0px 12px;

}
		
#landingcontent h2 
{
	font-size: 12px;
	margin: 5px 10px 0px 12px;
        width: 220px;
	position: absolute;
}

.landingcontentblock h4
{
	background: none;
	padding: 5px 14px 0px 14px;
        width: 200px;

}

.landingcontentblock p
{
        background: none;
	padding: 5px 14px 0px 14px;
        width: 200px;
}

.landingcontentblock table 
{
	border-collapse: collapse;
	width: 170px;
	margin-left: 60px;
}

.landingcontentblock th, td 
{
	text-align:left;	
	padding: 5px 0px 5px 10px;
        vertical-align:top;
}

#secondarylandingcontent 
{
	float: right;
        width: 370px;
        padding-right: 15px;
        margin: 0px;
}



/*maincontent styling*/

.contentbox {
	width: 418px;
	background: #f8e7b7 url(../images/contentbox-bottom.gif) no-repeat left bottom;
	margin: 0px 0px 10px 0px;
}

.contentbox h4{
	background: url(../images/contentbox-top.gif) no-repeat left top;
	padding: 14px 0px 0px 14px;
        font-size: 12px;
}

.contentbox p {
	padding: 0px 14px 0px 14px;

}

.contentblock p {
	background: none;
	color: #002252;
	padding: 5px 14px 0px 14px;
}

.contentblock h4 {
        font-size: 12px;
	background: none;
	color: #002252;
	padding: 5px 14px 0px 14px;
}

.contentbox li {
  	padding: 0px;
  	margin: 0px 25px 0px 25px;

}

.contentbodybold {
	font-weight: bold;
}

.contentbodyboldlink {
	padding-bottom: 10px;
	line-height: 12px;
	color: #4870a8;
	font-weight: bold;
}

.contentbodyboldlink a:hover{
	line-height: 12px;
	color: #002252;
	border-bottom: none;

}

/*maincontent styling for articles not editable*/

.contentbox2 {
	width: 418px;
	background: #f8e7b7 url(../images/contentbox-bottom.gif) no-repeat left bottom;
	margin: 0px 0px 10px 0px;
}

.contentbox2 h4{
	background: url(../images/contentbox-top.gif) no-repeat left top;
	padding: 14px 0px 0px 14px;
}

.contentbox2 p {
	padding: 0px 14px 0px 14px;

}

.contentbox2 li {
  	padding: 0px;
  	margin: 0px 25px 0px 25px;

}

table {
	border-collapse: collapse;
	width: 300px;
	margin-left: 60px;
}

th, td {
	text-align:left;	
	padding: 5px 0px 5px 10px;
        vertical-align:top;
}

caption {
	font-weight: bold;
}

.uparrow a {
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	margin-right: 10px;
	background: no-repeat top right url(../images/arrow-backtotop-off.gif);
}

.uparrow a:hover{

	background: no-repeat top right url(../images/arrow-backtotop-on.gif);
	color: #4870a8;
}

/*secondarycontent*/

.secondbody {
  	background: url(../images/faq_box_tile.gif) repeat-y;
 	margin: 8px 0px 0px 5px;
        padding: 0px;
        width: 175px;
}

.secondbody h4{
  	background: url(../images/faq_box_top.gif) no-repeat top left;
 	margin: 0px;
        font-size: 15px;
	padding: 35px 0px 8px 14px;
}

.secondbody p {
	padding: 10px 14px 5px 14px;
        margin: 0px;
}

.secondbody ul {
        color: #4870a8;
	font-weight: bold;
	margin: 0px;
  	padding: 0px;
	list-style: none;
}

.secondbody li {
	margin: 0px;
	padding: 5px 14px 0px 14px;
}

.secondbody ul a {
	margin: 0px;
	display: block;
	text-decoration: none;
        padding-bottom: 8px;
	line-height: 13px;
	font-weight: bold;
}
		
.secondbody ul a:hover {
	display: block;
	color: #002252;
	text-decoration: none;
	line-height: 13px;
	border-bottom: 0px;
	font-weight: bold;
}

.secondbodylast {
  	background: url(../images/faq_box_bottom.gif) no-repeat;
	width: 175px;
        height: 23px;
	padding: 0px;
        margin-left: 5px;
}

/*Home Page Styling*/


#topcontainer {
	margin: 0px;
	width:800px;

}

#tagline p{
	font-size: 18px;
	color: #677c9b;
	line-height: 27px;
	font-style: italic;	
	width: 300px;
	margin: 67px 0px 0px 31px;
	padding: 0px;
	float: left;
}

html>body #tagline p
{
	/* IE fix */
	width: 300px;
	margin: 69px 0px 0px 63px;
}

#homeimagetop {
	background: url(../images/kids-school-bus.jpg) no-repeat;
	width: 411px;
	height: 231px;
	margin-top: 1px;
	float: left;

}

#homebar{
	background: url(../images/middlebar-bg.jpg) no-repeat right top;
	clear: both;
	height: 26px;
	margin-right: 23px;
	padding: 5px 8px 0px 0px;
	text-align: right;

}

#bottomcontainer {
	background-color: #f8f7ea;
	margin-left: 12px;
	padding-bottom: 10px;
	width: 753px;
	float: left;
        height: 235px;
}

html>body #bottomcontainer
{
	/* IE fix */
	margin-left: 25px;
}

.bottomcontent {
	width: 142px;
	height: 187px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
}

.bottomcontent img {
        padding-top: 20px;
        height: 190px;
        float: right;
}

.bottomcontent h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}

.bottomcontent p {
	padding-right: 8px;
	margin: 0px;
}

.bottomcontent a {
	font-weight: bold;
}

.bottomcontentleft a {
	float: none;
        padding: 0px;
        margin: 0px;
}

.bottomcontentleft a:hover {
	float: none;
        padding: 0px;
        margin: 0px;
}

#image {
	/*background: url(../images/boy-yellowshirt.jpg) no-repeat left;*/
	margin: 20px 5px 0px 0px;
	width: 35px;
	height: 197px;
	float: left;
}

.bottomcontent img.flu_flag {
       width: 160px;
      margin: 0px;
      padding: 10px 10px 0px 0px;
}

.iconcontent {
        width: 180px;
        height: 197px;
        margin-top: 5px;
        padding: 18px 5px 0px 8px;
        float: left;
} 

.iconcontent ul {
       list-style: none;
       padding: 0px;
       margin: 0px;
}
.iconcontent li {
          width: 170px;    padding: 0px;
}

.iconcontent h1{
	font-weight: bold;
        padding-bottom: 3px;
        font-size: 11px;
}

.iconcontent img {
	float: left;
        border: 0px;
}

html>body .iconcontent img {
        position: absolute;
}

.iconcontent p {
        width: 135px;
        font-size: 10px;
	line-height: 11px;
	padding: 0px 0px 0px 0px;
	margin: -40px 0px 8px 50px;
}

html>body .iconcontent p { 
	margin: 0px 0px 8px 50px;
}

.iconcontent a {
	font-size: 11px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
}

#blueiceberg {
 	width: 826px;
}

#blueiceberg p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #a7b1bb;
        float: right;
        padding-top: 10px;
}

html>body #blueiceberg p { 
        padding-top: 0px;
}

#blueiceberg a {
       color: #879dbb;
}

#blueiceberg a:hover {
       color: #002252;
}


/* Form Styling
=================================*/


#dropdown {
	margin: 0px;
}

#dropdown .bold {
	font-weight: bold;	
}

.entrybody table {
       display:inline;
}

.entrybody a.view {
       float: right;
       margin-right: 20px;
}

.entrybody p.events {
       margin-top: 10px; 
       margin-bottom: 10px;
}

.entrybody select.first {
 	font-family: Arial, Helvetica, sans-serif;
	color: #002252;
	font-size: 12px;
	margin-left: 20px;
        float: left;
}

.entrybody select {
 	font-family: Arial, Helvetica, sans-serif;
	color: #002252;
	font-size: 12px;
	margin-left: 5px;
        float: left;
}

.entrybody th {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
        text-align: left;
	padding: 5px;
}

.entrybody th.last { 
       border-right: none;
}

.entrybody td {
        text-align: left;
	padding: 5px;
}

.entrybody tr.odd {
	background-color: #fff5d7;
	cursor: pointer;
}

.entrybody tr.even {
	background-color: #f8e7b7;
	cursor: pointer;
}

.clear {
        clear: both;
}

.sortable {
        cursor: pointer;
}

/* CMS Styling
=================================*/

input.button {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/button-bg-dark.jpg) no-repeat;
        height: 25px;
	color: #031836;
	font-size: 11px;
	border: none;
        margin: 0px 0px 10px 10px
}