* { margin:0; padding:0; }
html { background:#fff; }  

/*----------GENERAL----------*/
/*----------body */
body { background:url(..//newIm/water300pale+logoSchoolv5.jpg) no-repeat; background-position:143px 0px;  height:167px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#00625a; }

/*----------BRANDING---------- */
/*----------branding*/
#branding { float:left; clear:none; position:absolute; top:30px; left:160px; }
#ie6only #branding { float:right; position:absolute; clear:right; top:0px; left:145px; overflow:visible; }
* html #ie6only #branding { position:absolute; } 

/*----------brandBorder */
#brandBorder { position:relative; left:145px; width:946px; height:163px; border-bottom:20px solid #C7E5E2; z-index:1; }
#IEroot #brandBorder { position:relative; top:4px; left:145px; width:946px; height:163px; border-bottom:20px solid #C7E5E2; }

/*----------CONTENT----------*/
/*----------content */
#content { float:left; clear:right; margin:35px 0 0 175px; display:block; width:600px; }
#ie6only #content { float:left; clear:right; margin:200px 0 0 75px; display:block; width:600px; } 

/*----------mainContent */
#mainContent { margin:0 0 55px 0;  }
#ie6only #mainContent { margin:0 0 30px 0; width:600px; } 
* html #mainContent { position:relative; overflow:visible; } 
* html #ie6only #mainContent { position:absolute; } 

/*----------section */
#section { clear:right; float:left; width:700px; position:relative; }
#sectionMap { clear:both; float:left; width:100px; position:relative; }
#IEroot #section { clear:both; } 

/*----------NAVIGATION----------*/
/*----------navContainer */
#navContainer { position:fixed; top:0; left:0; height:3500px; width:145px; background-color:#00625a; background-position:3px 4px; display:block; float:left; clear:both; z-index:2; } 
#ie6only #navContainer { position:fixed; top:5px; left:0px; height:2000px; width:145px;  background-color:#00625a; } 
* html #navContainer { position:absolute; }
* html #ie6only #navContainer { position:absolute; }

/*-----------links */
#navContainer a { font-weight:bold; text-decoration:none; display:block; width:133px; } 

/*-----------navBox*/
#navBox,#navBoxEsp { position:fixed; top:13px; left:-1px; height:120px; width:145px; margin:0; padding:1px; font:1em/1.4em Verdana, Arial, Helvetica, sans-serif; }
#navBox ul.base,#navBoxEsp ul.base { position:relative; top:0px; margin:0; padding:0; list-style-type:none; display:block; }

/*----------navBox.fly */ 
#navBox ul.fly { position:absolute; left:143px; margin:-19px 0 5px 0; padding:0; display:none; background:#C7E5E2; -moz-opacity:0.8; filter:alpha(opacity=80); border:1px solid #00625a; list-style-type:none; z-index:2000; width:115px; } 
#navBoxEsp ul.fly { position:absolute; left:143px; margin:-19px 0 5px 0; padding:0; width:220px; display:none; background:#C7E5E2; -moz-opacity:0.8; filter:alpha(opacity=80); border:1px solid #00625a; list-style-type:none; z-index:2000; }

/*----------------navBox a--------------------*/
#navBox ul li a,#navBoxEsp ul li a { display:block; padding-left:10px; }
#navBox ul li.current a,#navBoxEsp ul li.current a { color:#31FFDB; background-color:#0A443C; border-bottom:1px solid #105047; border-top:1px solid #105047; margin-top:1px; margin-bottom:1px; width:135px; } 
#IEroot #navBox ul li.current a,#navBoxEsp ul li.current a { margin:0px; } 

#navBox ul li.active a { color:#00625a; background:#C7E5E2; border-top:0px; border-bottom:0px; margin-top:0px; margin-bottom:0px; width:105px; } 
#navBoxEsp ul li.active a { color:#00625a; background:#C7E5E2; border-top:0px; border-bottom:0px; margin-top:0px; margin-bottom:0px; width:210px; }
.fly li a { position:relative; top:0px; left:0px; margin:0px; padding:0px; color:#00625a; z-index:2000; } 
.base a { color:#7fb0ac; display:block;} 
.base a:hover { color:#CFE2DD; background:#197b6f; border-top:1px solid #2e8377; border-bottom:1px solid #2e8377; margin-top:-1px; margin-bottom:-1px;  } 

.fly a { color:#00625a; display:block; }
#navBox ul li ul.fly a:hover { color:#ECF4F1; background:#197b6f; border-top:1px solid #00625a; border-bottom:1px solid #00625a; margin-top:-1px; margin-bottom:-1px;  padding-bottom:1px; display:block; width:105px; } 
#navBoxEsp ul li ul.fly a:hover { color:#ECF4F1; background:#197b6f; border-top:1px solid #00625a; border-bottom:1px solid #00625a; margin-top:-1px; margin-bottom:-1px; padding-bottom:1px; display:block; width:210px; z-index:10; }
* html #ie6only #navBox,* html #ie6only #navBoxEsp { position:absolute; }/*--ie6Fix--*/
.langSelection { padding:2px 0 2px 0; }
#IEroot .langSelection { padding:0px; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/*---------THE MAGIC----------*/
#navBox li:hover ul,#navBox li.over ul,#navBoxEsp li:hover ul,#navBoxEsp li.over ul { display: block; }/*the magic*/	

/*----------headlines*/
.menuHeadline { display:block; padding:2px 0 2px 2px; margin:1px 0 1px 0; font:bold italic small-caps 12px/14px Verdana, Arial, Helvetica, sans-serif;letter-spacing:.12em; color:#ffffff; background-color:#169283; border-top:1px solid #23B099; border-bottom:1px solid #23B099; width:143px; } 
#IEroot .menuHeadline { width:143px; }
#IEroot .menuHeadline a { width:131px; }
.menuHeadline a { color:#fff; }
.lessLetterSp { letter-spacing:normal; }
.lessLetterSp a:hover { letter-spacing:normal; }