/* CSS Document */
/* Main Styles */
html, body, table, tr, td, div, img, a, p, ul, ol, li, h1, h2, h3, h4, blockquote, form { margin: 0px; border: 0px; padding: 0px; }
body { font-family:"Trebuchet MS", sans-serif; font-size:9pt; margin-top:20px; line-height:1.2; }
/* Banner Styles */
#bannerWrap { width:960px; height:142px; margin-left:auto; margin-right:auto; }
#bannerLeft { width:130px; height:130px; float:left; border-bottom:#6699FF 2px solid; background-color:#880000; padding-left:10px; padding-top:10px; }
#bannerMain { width:660px; height:97px; float:left; background-image:url(graphics/bannerBkgrnd.jpg); background-repeat:no-repeat; padding-top:45px; padding-left:20px; }
#bannerRight { width:125px; height:105px; float:left; border-bottom:#880000 2px solid; background-color:#6699FF; padding-left:15px; padding-top:35px; line-height:1.4; color:#FFFFFF; font-weight:bold; }
/* Content Styles */
#contentWrap { width:960px; height:auto; margin-left:auto; margin-right:auto; }
.colLeft { width:140px; background-color:#880000; vertical-align:top; }
#colLeft { width:auto; height:auto; padding-left:15px; padding-top:20px; padding-bottom:20px; line-height:1.5; color:#FFFFFF; font-weight:bold; }
#content { width:auto; height:auto; min-height:370px; padding:20px; color:#000000; }
#strap { width:auto; height:35px; margin-left:20px; margin-right:20px; margin-bottom:20px; background-image:url(graphics/logoStrap.jpg); background-position:right; background-repeat:no-repeat; font-size:13pt; font-weight:bold; color:#880000; padding-top:15px; padding-right:60px; text-align:center; }
.colRight { width:140px; background-color:#6699FF; vertical-align:top; }
#imgBox01, #imgBox02, #addBox { width:140px; height:140px; padding-top:20px; }
#noticeboardBox { width:128px; height:128px; padding:4px; padding-top:10px; }
#noticeboardHeader { width:100%; height:16px; background-color:#FFFFFF; font-weight:bold; padding:2px; }
#noticeboardContent { width:100%; height:112px; background-color:#FFFFFF; padding:2px; overflow:auto; }
.noticeboardItem { margin-bottom:10px; border-bottom:#000000 1px dashed; padding-bottom:5px; }
.noticeboardEmergencyItem { margin-bottom:10px; border-bottom:#FF0000 1px dashed; color:#FF0000; font-weight:bold; padding-bottom:5px; }
#addBox { width:125px; height:auto; padding-top:20px; padding-left:15px; padding-bottom:20px; font-weight:bold; color:#FFFFFF; }
.imgWrap { width:625px; height:145px; margin-bottom:10px; }
.imgImg { width:auto; height:auto; border:#880000 2px solid; margin-right:20px; float:left; text-align:center; font-size:7pt; font-weight:bold; }
.imgLeft { border:#880000 2px solid; margin:15px; margin-left:0; float:left; }
.imgRight { border:#880000 2px solid; margin:15px; margin-right:0px; float:right; }
.galleryThumb { border:#880000 2px solid; margin-right:10px; margin-bottom:10px; }
.newslettersWrap { width:auto; height:100px; margin-left:20px; }
.newslettersItem { width:125px; height:90px; margin-right:20px; float:left; line-height:1; }
.contactDetail { width:auto; height:auto; float:left; padding-left:200px; }
/* Footer Styles */
#footerWrap { width:960px; height:25px; margin-left:auto; margin-right:auto; background-image:url(graphics/gradientBar.jpg); background-position:top; background-repeat:no-repeat; }
#footerLeft { width:140px; height:25px; float:left; border-top:#6699FF 2px solid; background-color:#880000; }
#footerRight { width:140px; height:25px; float:right; border-top:#880000 2px solid; background-color:#6699FF; }
#footerBtm { width:960px; height:2px; margin-left:auto; margin-right:auto; background-image:url(graphics/gradientBar.jpg); background-position:top; background-repeat:no-repeat; }
#footerCopyright { width:auto; height:auto; float:left; margin-top:7px; margin-left:20px; }
#footerCredit { width:auto; height:auto; float:right; margin-top:7px; margin-right:20px; text-align:right; }
#footerValidation { width:960px; height:auto; margin-left:auto; margin-right:auto; padding-top:10px; text-align:center; }
/* Secondary Menu Styles */
#menu { width:960px; height:auto; margin-left:auto; margin-right:auto; padding-top:5px; font-size:8pt; text-align:center; }
/* Link Styles */
a { color:#000000; text-decoration:underline; }
a:hover { color:#000000; text-decoration:none; }
a.nav { color:#FFFFFF; text-decoration:none; }
a.nav:hover { color:#FFFFFF; text-decoration:underline; }
a.footer { color:#000000; text-decoration:none; }
a.footer:hover { color:#000000; text-decoration:underline; }
a.menu { color:#000000; text-decoration:none; }
a.menu:hover { color:#000000; text-decoration:underline; }
/* Text Styles */
h1 { font-size:13pt; font-weight:bold; color:#880000; margin-bottom:10px; }
h2 { font-size:11pt; font-weight:bold; color:#880000; margin-bottom:10px; }
h3 { font-size:9pt; font-weight:bold; color:#880000; margin-bottom:5px; }
h4 { font-size:9pt; font-weight:bold; color:#6699FF; }
h5 { font-size:13pt; font-weight:bold; color:#FF0000; margin-bottom:20px; }
h6 { font-size:9pt; font-weight:bold; color:#880000; margin-bottom:0; margin-top:0; }
ul, ol, li { margin-left:10px; margin-bottom:5px; }
ul { line-height:1.3; }
.bold { font-weight:bold; }
/* Default DOM Tooltip Styles */
div.domTT { border:2px solid #880000; background-color:#FFFFFF; padding:1px; }
div.domTT .contents { padding:1px; font-weight:bold; background-color:#FFFFFF; text-align:center; }
/* Lightbox Styles */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(graphics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(graphics/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData{ padding:0 10px; color: #666; }
#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; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }