html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
table {border-spacing: 0;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

body {background-color:#ffc; font-family:Verdana, Arial, sans-serif; font-size:12px}
#mainWrap {margin: 0 auto; width:1000px; overflow:hidden; background-color:#690; padding:0 4px 4px 4px;}

.ir {position: relative; overflow: hidden;}
.ir span {position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em;}

.hide {display:none;}
.show {display:block;}

small {font-size:50%; font-weight:normal; color:#5a5a5a;}

#nav {background-color:#360; clear: both; height:30px; margin:3px 0;}
#nav ul {height:18px; overflow: visible;}
#nav li {float:left; position:relative;}
#nav li.last {padding:0; margin:0; background-image:none;}
#nav li a:link, #nav li a:visited {float:left; display:block; color:#ffc; font-weight:bold; text-decoration: none; height:18px; padding:6px 0; margin:0; width:163px; text-align:center;} /* background: url(/images/nav-bar.gif) no-repeat bottom right; */
#nav li:hover a:link, #nav li:hover a:visited {background-color:#636; text-decoration: underline;}
#nav li ul {position: absolute; left: -1000em; top: 30px; width: 190px; padding: 5px 0 15px; height: auto; background:#636; z-index:99;}
#nav li:hover ul, #nav li.onhover ul {left: -2px; border-right:2px solid #360; border-bottom:2px solid #360; border-left:2px solid #360;}
#nav li li {width: 180px; padding: 0 5px;}
#nav li:hover li a:link, #nav li:hover li a:visited	{float: none; padding: 3px 10px; color: #ffc; text-decoration: none; height:auto; background: none; font-weight:normal; text-align:left;}
	#nav li li:hover a:link, #nav li li:hover a:visited {color: white; background: none; text-decoration: underline; height:auto; background: none; font-weight:normal;}

#subnav {margin:-10px 0 20px 0; height:25px;}
#subnav a {display:block; padding:3px 1px; text-align:center; height:25px; width:82px; border-left:1px solid #636; float:left; font-size:10px; color:#360; font-family:Verdana,Arial,sans-serif;}
#subnav a.first {border-left:0;}
#subnav a:hover, #subnav a.active {background-color:#fff;}

.home #logo {height:160px; background-color:#ffc; overflow:hidden;}
.home #logo span {background: url(/images/home-logo.gif) no-repeat;}
.home #main {background-color:#360; margin: 5px 0 0 0;}
.home #classes {width:380px; padding:8px 12px;}
.home #classes li {float: left; height:150px; width:178px; background: url(/images/home-img-bg.gif) no-repeat; margin: 0 8px 8px 0;}
.home #classes li .img {height:127px; width:178px; background: url(/images/home-img-bg.gif) no-repeat; border:0;}
#classes li a {color:#ffc; font-weight:bold; text-decoration: none; text-transform:uppercase; float:right; padding: 0 6px 0 0;}
#classes li .img a {float:left; padding: 0;}
#classes li a:hover {text-decoration: underline;}

.home #news {clear:both; background-color:#636; height:107px; padding:16px 12px;}
	#news h3 {font-size:16px; color:#ffc; font-weight:bold;}
	#news ul {width:350px;}
	#news li {list-style:disc; color:#ffc; margin: 4px 0 4px 30px;}
	#news li a {color:#ffc; text-decoration: none; padding: 0 6px 0 0;}
	#news li a:hover {text-decoration: underline;}
	
.home #main {position:relative;}
.home #slide {position:absolute; left:380px; z-index:10; width:620px; height:623px; background:url(/images/loading.gif) no-repeat top right;}
.home #slide img {position:absolute;}

.home #quote {position:relative;}
.home #quote img {position:absolute; left:265px; top: 30px; z-index:11; width:235px;}
	
#footer{width:100%; background-color:#ffc; text-align:center; color:#000; clear:both; padding:20px 0;position:relative;}
#footer .bannerright {position:absolute; right:20px; top:20px;}
#footer a {color:#000;}
#footer #school {display:block; font-weight:bold; margin: 0 0 10px 0;}
#footer #phone {margin: 0 0 10px 0;}
#footer #contact, #footer #directions, #footer #home {display:inline;}
#footer .links {margin: 0 0 10px 0;}

#alert {background:url(/images/alert-bg.gif) no-repeat 20px center #d50000; color:#fff; margin:0 0 3px 0; padding:5px 10px 5px 200px;}
#alert h2 {font-size:18px; text-transform:uppercase; font-family:'Arial Black'; font-weight:normal;}
#alert p {margin:6px 0 0 0;}
#alert p.posted {font-style:italic; margin:0;}

.int1 #logo {height:108px; width:260px; background:url(/images/nav-curv.png) no-repeat top right; overflow:hidden; font-size:0px;}
.int1 #logo.ir span {background: url(/images/nav-logo.gif) no-repeat 10px 0 #ffc; width:178px; height:108px;}
.int1 #main {background-color:#ffc; padding:3px 0 24px 0; border-bottom:22px solid #360; font-family:Georgia, 'Times New Roman', serif; font-size:16px;}
.int1 #main h2 {color:#636; font-size:24px; margin:0 0 10px 0; border-bottom:1px solid #636;}
.int1 #content {float:left; width:780px;}
.int1 #maincol {width:460px; padding:0 20px 0 0;}
.int1 #subcol {width:300px;}

.int2 #logo {height:108px; width:260px; background:url(/images/nav-curv.png) no-repeat top right; overflow:hidden; font-size:0px;}
.int2 #logo.ir span {background: url(/images/nav-logo.gif) no-repeat 10px 0 #ffc; width:178px; height:108px;}
.int2 #main {background-color:#ffc; padding:3px 0 24px 0; border-bottom:22px solid #360; font-family:Georgia, 'Times New Roman', serif; font-size:16px;}
.int2 #main h2 {color:#636; font-size:24px; margin:0 0 10px 0; border-bottom:1px solid #636;}
.int2 #content {float:left; width:780px;}
.int2 #maincol {width:760px; padding:0 20px 0 0;}
	
.wrap {margin-bottom:15px;}
.wrap p {font-style:italic; font-size:12px; margin: 3px 0 0 0; display:block;}
.wrap img {background-color:#fff; padding:3px; border:1px solid #360;}
.left {float:left; margin-right:10px;}
.right {float:right; margin-left:10px;}

#maincol {float:left;}
#maincol h3, #maincol h3 a {color:#360; font-family:Verdana,Arial,sans-serif; font-size:16px; margin:0 0 5px 0;}
#maincol p {margin:0 0 10px 0; line-height:135%;}
#maincol ul, #maincol ol {margin:5px 10px 25px 25px;}
#maincol ul li {margin:2px 10px; list-style: disc outside; line-height:135%;}
#maincol ol li {margin:2px 10px; list-style: decimal outside; line-height:135%;}
#maincol ul.items {margin:0;}
#maincol ul.items li {margin:0 0 25px 0; list-style: none; line-height:135%;}
#maincol ul.items li h3 {margin:0;}
	
#subcol {float:right;}
#subcol p {margin: 2px 10px;}
#subcol li {margin: 2px 10px;}
#subcol li {margin: 2px 10px;}
	
.box {border:1px solid #636; background-color:#fff;}
.box .group, .box .item {margin: 0 0 10px;}
.box h3 {display:block; background-color:#636; padding: 3px; color:#fff; font-family:Verdana,Arial,sans-serif; font-size:14px;}
.box ul ul {margin:0 0 0 25px; font-size:12px;}

#leftnav {width:173px; margin:0 20px 20px 0; padding:10px 0 10px 7px; background-color:#636; font-family:Verdana,Arial,sans-serif; font-size:12px; float:left;}
#leftnav h3 {color:#ffc; font-family:Verdana,Arial,sans-serif;}
#leftnav li {padding:2px 10px 3px 3px; margin:10px 0; overflow:visibile;}
#leftnav ul ul {margin:-5px 0 5px 0; font-size:10px;}
#leftnav ul ul li {position:relative; left:10px; margin:5px 0;}
#leftnav a {color:#ffc; text-decoration:none;}
#leftnav a:hover {text-decoration:underline;}
#leftnav li.active {background-color:#ffc;}
#leftnav li.active a, #leftnav li.active a:hover {color:#636; text-decoration:none;}

.box2 {border:4px double #690; margin:20px 0;}
.box2 .group {background-color:#fff; padding: 0 20px 10px;}
.box2 h3 {color:#636; font-size:14px; font-family:Verdana,Arial,sans-serif; padding: 5px 0 3px 0;}
.box2 p, .box2 ul, .box2 ol {font-size:12px; font-family:Verdana,Arial,sans-serif;}
.box2 a {color:#636; font-family:Verdana,Arial,sans-serif;}

.quote {font-style:italic; text-align:center; margin:20px 50px;}
.quote .attrib {text-align:right; font-style:normal; margin:5px 20px 5px 0;}

.staffperson {margin: 0 0 15px 25px; padding:0 0 15px 0; border-bottom:1px dotted #636;}
.staffperson p {font-size:12px; padding-left:20px;}
.staffperson .name {font-weight:bold; font-size:16px; padding-left:0;}

.summary {margin:10px 0; border-left:3px solid #636; padding:3px 10px; font-family:Arial, Verdana, sans-serif; background-color:#ffffee; font-size:12px;}
.summary .item {margin:0 0 5px 0;}
.summary .item .label {font-weight:bold;}

.details {clear:both; font-family:Verdana,Arial,sans-serif; font-size:12px;}
.details .title {float:left; border-top:1px solid #636; border-right:1px solid #636; border-bottom:1px solid #636; background-color:#360; color:#fff; font-size:10px; font-weight:bold; padding:5px; position:relative; z-index:2;}
.details .title.first {border-left:1px solid #636;}
.details .title.active {border-bottom:1px solid #fff; background-color:#fff; color:#000;}
.details .title:hover {background-color:#fff; color:#000; cursor:pointer;}
.details .descwrap {position:relative; z-index:1; clear:both; height:200px; border:1px solid #636; background-color:#fff; top:-1px; overflow:auto;}
.details .desc {position:absolute; top:0; left:0; padding:5px 20px 10px 20px; background-color:#fff; line-height:125%; font-size:13px;}
.details .desc {position:absolute; top:0; left:0; padding:5px 20px 10px 20px; background-color:#fff; line-height:125%; font-size:13px;}

#maincol table {margin:10px 0;}
#maincol th, #maincol td {text-align:left; vertical-align:top; padding:2px 20px 2px 4px;}
#maincol tr.sep td, #maincol tr.sep th {padding-top:10px;}
#maincol td.sub {padding-left:20px;}

.calendar p {font-size:12px; margin:2px !important;}
.calendar .event {margin:2px 20px 20px 20px;;}
.calendar .title {font-weight:bold; font-size:14px; margin-top:15px;}
.calendar .date {font-style:italic;}

.contact div {margin:5px 0;}
.contact label {width:150px:}

.submit {margin:5px 0; border:3px double #690; background-color:#360; color:#ffc; font-weight:bold; padding:5px 20px;}
.submit:hover {background-color:#690; border:3px solid #360;}

#map {width:458px; height:300px; border:1px solid #690;}

.imgcap{margin:0 0 20px 0;}
.imgcap img {background-color:#fff; border:1px solid #690; padding:2px;}
#subcol .imgcap p {font-size:11px; font-style:italic; font-color:#484848; margin:3px;}