/* ------ Reset ------ */
@import url("reset.css");

/* ------------------------------------------- */ 
body { margin: 0; padding: 0; background: #b2b2b2 url(/assets/images/page_bg.gif) repeat-x top; font-family: Verdana, "Trebuchet MS", Helvetica; font-size: 0.7em; color: #1E3A59; }

/* ------------------------------------------- */
#wrap { width: 798px; margin: 0 auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/assets/images/body_bg.png'); /* ie png transparency hack */ }
/* fix it in good browsers */ html > body div#wrap { background: transparent url(/assets/images/body_bg.png) repeat-y top; }

/* ------------------------------------------- */
#masthead { width: 100%; height: 155px; margin: 0; padding: 0; background: transparent url(/assets/images/masthead.jpg) no-repeat top; }
#masthead p { text-align:right; float: right; margin: 130px 11px 0 0; font-size: 1.2em; position:relative; }
html > body #masthead p { margin: 130px 33px 0 0; }
#nav { margin: 0px 9px; background-color: #496481; position: relative; }

/* ------------------------------------------- */
#main { margin: 0 9px; overflow: hidden; background: transparent url(/assets/images/curve.jpg) no-repeat 0px 0px; position: relative; }
/* fix it in good browsers */ html > body div#main { background: transparent url(/assets/images/curve.jpg) no-repeat top; }
#search { position: relative; left: 530px; margin: 0; padding: 10px 10px 0 0; width: 245px; /* z-index: 9999;*/ /* seems to break lightbox in Safari - search box shows through */ }
#search p { margin: 0; color: #fff; }
.searchmeta { color: #999999; font-style: italic; }
u { text-decoration: none; border: 0; }
#left { float: left; width: 201px; margin: 0; padding: 20px 0 0 15px; position:relative; background: #fff url(/assets/images/grey_fade.jpg) no-repeat 0px 0px; }
/* save non-ie users some time */ html > body div#left { background: transparent; }
#content { width: 523px; margin: 0 0 0 218px; padding: 20px 15px 0 20px; position: static; }
/* fix it in good browsers */ html > body div#content { padding: 40px 0 0 25px; margin: 0 0 0 218px; width: 507px; position: relative; }

/* ------------------------------------------- */
#footer { margin: 0 auto; height: 54px; width: 798px; padding: 25px 0 0 0; background: transparent url(/assets/images/footer.gif) no-repeat top; }
#footer p { width: 638px; margin: 0 0 5px 0; padding: 0 80px; text-align: center; color: #fff; }

/* ------------------------------------------- */
#yellow_box { width: 509px; margin: 10px 0; background: #FFD409 url(/assets/images/yellow_box_top.jpg) no-repeat top; }
#yellow_box_inner { background: transparent url(/assets/images/yellow_box_bottom.jpg) no-repeat bottom; padding: 10px; }
#yellow_box_inner h3 { margin: 0; font-size: 1.4em; font-weight: normal; }
#yellow_box_inner p { margin: 5px 0; }

/* ------------------------------------------- */
.box { margin: 0; padding-bottom: 25px; width: 190px; }
.box h2 { font-family: Helvetica; color: #496481; background: transparent; font-size: 22px; padding: 10px 0 0 0; clear:both; }
.box a:link, .box a:visited { color: #496481; text-decoration: none; border: 0; }
.box a:hover, .box a:active { color: #496481; text-decoration: none; border: 0; }
.box img { margin: 3px 5px 3px 0; }
.box p { margin: 3px 0 0 0; font-size: 11px; line-height: 1.3; }

/* ------------------------------------------- */
#nav ul { margin: 0 20px; padding: 5px; list-style-type: none; overflow: hidden; }
#nav ul li { display: inline; }
#nav ul li a { font-size: 1.2em; color: #fff; text-decoration: none; margin: 0 15px 0 0; padding: 0 15px 0 0; border-right: 1px solid #fff; }
#nav ul li.contact a { border: 0; margin: 0; padding: 0; }
#nav ul li a:hover { text-decoration: underline; }

/* ------------------------------------------- */
#left li a { line-height: 1.5; }
#left ul { margin: 0; padding: 0; list-style-type: none; font-size: 1.05em; }
#left ul ul { margin: 0 0 0 25px; font-size: 1.0em; }
#left ul ul ul { margin: 0 0 0 25px; font-size: 1.0em; }
#left ul li a { display: block; padding: 5px 3px; text-decoration: none; color: #496481; font-weight: bold; width: 195px; }
#left ul ul li a { display: block; padding: 5px 3px; text-decoration: none; color: #496481; font-weight: normal; width: 170px; }
#left ul ul ul li a { display: block; padding: 5px 3px; text-decoration: none; color: #496481; font-weight: normal; width: 145px; }
#left ul ul ul ul li a { display: block; padding: 5px 3px; text-decoration: none; color: #496481; font-weight: normal; width: 120px; } #left ul ul ul ul ul li a { display: block; padding: 5px 3px; text-decoration: none; color: #496481; font-weight: normal; width: 95px; }
#left ul li a:hover, #left ul ul li a:hover, #left ul ul ul li a:hover, #left ul ul ul ul li a:hover { display: block; padding: 5px 3px; text-decoration: none; color: #000; background-color: #FFE463; }
#left ul li a.active { color: #fff; background-color: #1d3a58; } /*ul#do_nav { display: block; } #left ul li#things_to_do a { color: #fff; background-color: #1d3a58; } #left ul ul#do_nav li a { color: #496481; background-color: inherit; } #left ul ul#do_nav li a:hover { background-color: #FFE463; }*/

/* ------------------------------------------- */
form { margin: 0; padding: 0; }

/* ------------------------------------------- */
h1, h2, h3 { font-family: Georgia; font-weight: normal; }
h1 { margin: 10px 0 5px 0; font-size: 2.5em; }
h1.happening { width: 300px; }
#content h2 { margin: 10px 0 5px 0; font-size: 1.8em; }
#content h3 { margin: 10px 0 5px 0; font-size: 1.5em; }
#content h4 { margin: 10px 0 5px 0; font-size: 1.3em; }

/* ------------------------------------------- */
img.border { border: 1px solid black; }
.image_left, .align-left { float: left; margin: 5px 10px 5px 0; }
.image_right, .align-right { float: right; margin: 5px 0 5px 10px; }

/* ------------------------------------------- */
pre { font-size: 1.3em; margin: 5px 15px; padding: 10px; border: 1px solid #ccc; background-color: #eee; }
blockquote { padding-left: 10px; /* border-left: 2px solid #999999; */ }
#content p { line-height: 1.8em; margin: 5px 0 .75em 0; }
.main_photo { border: 1px solid #ccc; padding: 4px; background-color: #eee; }
#content ul { margin: 10px 0 1.5em 20px; padding: 0; list-style-type: disc; }
#content ul li, ol li { margin: 0 0 .5em 2em; line-height: 1.5; }
#content ol { list-style-type: decimal; line-height: 1.6; margin: 10px .5em 1.5em 2.5em; }

/* ------------------------------------------- */
#masthead a:link, #masthead a:visited { color: #fff; text-decoration: none; }
#masthead a:hover, #masthead a:active { text-decoration: underline; }

/* ------------------------------------------- */
#content a:link, #content a:visited { color: #496481; text-decoration: underline; }
#content a:hover, #content a:active { color: #333; text-decoration: none; }

/* ------------------------------------------- */
#footer a:link, #footer a:visited { color: #ccc; }
#footer a:hover, #footer a:active { color: #ccc; text-decoration: none; }

/* ------------------------------------------- */ /* Lightbox JS for photo gallery */ /* ------------------------------------------- */
#photo_gallery img { border: 1px solid #1E3A59; padding: 2px; background-color: #eee; }
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/assets/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/assets/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/assets/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }
div.feature-right { width: 40%; margin: .1em 0 .2em 1em; padding: 0 1em; border: solid 5px #add6f3; background-color: fff; float: right; font-size: 110%; }
div.feature-left { width: 40%; margin: .1em 1em .2em 0; padding: 0 1em; border: solid 5px #add6f3; background-color: fff; float: left; font-size: 110%; }