@charset "UTF-8";
/***colors***
dark blue #004C94
teal green  #3D8A9C
plum #963E7B
gold #FCBB17
rasberry #E02130
***/

body { font: 90% "Lucida Grande", Verdana,Geneva,  Arial, sans-serif; line-height: 1.2em; background: #9ebbd6; margin: 0; padding: 0; text-align: center; color: #000000; }
#center{width: 980px; margin: 0 auto;  }
#container { text-align: left; background: url(/images/layout/sides.gif) repeat-y  ; margin:0;}
#top { background: #fff url(/images/layout/header.gif) no-repeat; height:102px;  margin: 0;}
#top h1{visibility:hidden; display:none;}

#bottom{ background: #FFFFFF url(/images/layout/bottom.gif) no-repeat; height:22px;}
#navigation { margin: 0px 7px 0px  0px; position:relative; top: 55px; z-index: 2; zoom: 1;}

/*#leftSide { float: left; width: 240px; padding: 60px 10px 15px 7px; overflow: hidden; margin: 0; }*/

 
#rightSide { float: right; width: 240px;  padding: 15px 5px 5px 5px; border-left: thin #999 dashed; margin: 0 7px 0 0; }
#rightSide h3 {background-color: #FCBB17; padding: .5em 0 .25em .5em; font-size: 80%;  color: #333;}
#rightSide ul { list-style:none; margin-left:0; padding-left: 10px;}
#rightSide ul  li{padding-bottom: 15px;}
#rightSide p {padding-left:.5em;}
#rightSide img {-moz-box-shadow: 0 5px 5px -3px #000;				-webkit-box-shadow: 0 5px 5px -3px #000; overflow: hidden;}

#mainContent { margin: 0 260px 0 225px; padding: 5px 2em 10px  5em; background: #FFF; z-index: 2; }
#mainContentWide { margin: 0 260px 0 7px; padding: 5px 2em 10px  3em; background: #FFF; z-index: 2; text-align:left;}
#homeContent {margin: 0 260px 0 7px; padding: 5px 2em 10px 15px; background: #FFF; z-index: 2; text-align:left;}

#footer { background:#fff;  margin: 5px 7px 0;}
#footer p { margin: 0; padding: 10px 0; text-align:center; font: 70%/120% Verdana, Geneva, sans-serif; color: #666; }

.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

h2 { color: #004C94; font: bold 170% "Apple Casual", "Comic Sans MS", cursive; border-bottom: 2px solid #004C94; }
h3 {color: #004C94; font-size:110%; font-weight:bold; padding-top: .5em;}
a {color: #004C94; text-decoration:none; }
a:hover {text-decoration:underline;}
img {border:none;}
table {border: 1px #666 solid; border-collapse: collapse; margin-top: 10px; }
th,td { padding: 5px; text-align:right; }
th { border: 1px solid #000000; }
td { border: 1px solid #746488; }
/*shading for zebra stripe table*/
.altrow {background-color:#eee;}
.alignLeft{text-align:left;}
.small {font-size: 80%;}
.imgLeft {float:left; margin-right: 5px; }
.edit {font-style:italic; color: red;}
.homeHeadline { font: italic bold 110% Verdana, Geneva, sans-serif; }

/*****Navigation Styles *******/
#home {background-color:#004C94; }
#programs {background-color:  #3D8A9C;}
#enrollment {background-color: #963E7B;}
#families {background-color: #FCBB17;}
#contact{background-color: #E02130;}

#home:hover{background-color: #4C87B4;}
#programs:hover{background-color: #77ADBA;}
#enrollment:hover{background-color: #B578A2;}
#families:hover{background-color: #FDCF5C;}
#contact:hover{background-color: #E9636E;}
  
#nav, #nav ul {float:right;	padding: 0;	margin: 0;	list-style: none; z-index:100; width: 55%;}
#nav a {	display: block;	/* width: 8em;	width: 20%;*/ padding: 10px 1em 10px  0;  font-family: Georgia, "Times New Roman", Times, serif;  font-weight: bold; text-decoration:none;color: #fff; }
#nav li {	float:left;	 /*width: 8em; */width: 20%; height: 38px;  position: relative;}
#nav li ul {	position: absolute;	/*width: 8em;*/	 width: 100%;left: -999em;	text-align:left;	background-color: #9c9c9c;}
#nav li ul li {	border-bottom: 1px #666 solid; padding-bottom: 0; height: auto;width: 100%; }
#nav li ul li a {	font-size: 12px; padding:5px ; font-weight: normal;  width: 100%;}
#nav  li:hover ul {left: 0; zoom: 1;}
#nav li ul li:hover {background-color:#ccc;}

