body {font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; background:#eee; color:#000;}
h1, h2, h3 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
a {color:#457784; text-decoration:none;} a:hover {color:#457784;} 
#main {width:768px; margin:25px auto; border:1px solid #555; margin-bottom:500px;}
#header {background:#ccc url('../images/New-Caledonia-LOGO.gif') 5px 5px no-repeat; padding:0 0 0 505px; height:245px; line-height:25px; color:#ccc; }
#header h1 {background:#ccc; font-size:5px; margin:0; line-height:7px; height:14px; padding:0;}
#header h3 {border:25px solid #ccc; margin:0; padding:6px 25px; border-width:65px 0 78px; background:#231f20; font-weight:normal; color:#fff;}
#content, #footer {background:#fff; padding:5px 0; width:768px; text-align:center; clear:both; border-top:1px solid #555; } 
.transparent {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
img {border:1px solid #555; margin:5px; } 
.right {float:right; } .left {float:left;}

ul#nav{ margin:0; padding:0; text-align:center; clear:both; position:relative; background:#ccc; width:100%; float:left; padding-top:20px; }	
	#nav li { position:relative; float:left; padding:0; margin:0; list-style:none; }
	#nav li a { width:auto; display:block; text-decoration:none; font-size:18px; padding:0 14px; line-height:25px;   }
	#nav a.last {border:none; } #nav a.first {}	
	#nav li a:hover, #nav li li a.here {color:#000; } #nav li a:hover {} 
	#nav li ul { padding:0; margin:0; position:absolute; left:-999em; width:150px; filter:alpha(opacity=93); -moz-opacity:0.93; opacity:0.93;}		
	#nav li li a { border:1px solid black; border-top:none; background:#457784; width:150px; margin:0; color:#fff; font-size:.9em; line-height:20px; padding:3px;} 
#nav li li a:hover { }
#nav li:hover ul li, #nav li.hover ul li {position:static;} 
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:0; z-index:50000;}
#schedule, #neighbors {border:1px solid #ccc; padding:5px; width:55%; float:left; margin:5px 10px;}
#schedule a {display:block; font-weight:bold;} 
#descriptions {clear:right;} 
#neighbors {float:none; width:auto; backgroud:#82624b; text-align:center;}
div.teacher { margin:10px; padding:5px; border-bottom:1px solid #eee; }
div.teacher img {margin-right:25px;}
p {padding:5px 25px; text-align:left;}
#content ul {font-size:1.2em; line-height:150%; padding-left:50px; text-align:left;}
#content h1 {font-size:1.5em;} #content h2 {font-size:1.3em;} #content h3 {font-size:1.1em;}
div.swatch {width:200px; height:140px; float:left; overflow:hidden; margin:10px 0 10px 40px; border:1px solid black; display:inline;  }
div.swatch a {display:block; text-decoration:none; font-size:23px; padding:0 15px 100px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; color:#000;}
div.swatch a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; background:#fff; }
.detail img {float:left;}
p.paging {clear:both; padding:0; margin:10px; text-align:center; }
.paging a, .paging b {background:white; display:inline-block; padding:5px 8px; margin:0 2px; text-decoration:none;}
.paging a:hover {color:white; background:black;}
#categories {float:left; border-bottom:1px solid #a0a446; padding:0; margin:0 5px; width:753px; }
#categories input { float:left; margin:0 2px; width:auto; height:15px; padding:0;  }
#categories input.button { background:#51808c; color:#fff; border:none; margin:0; }
#categories a {font:13px Verdana, Arial, Helvetica, sans-serif; float:right; display:inline; padding:3px 5px;  }
#categories a:hover {color:black;}
.detail h1 {clear:right;}
li b {font-weight:normal;}