html, body {margin:0; padding:0;}
body {font-size:76%; font-family:Arial, Helvetica, sans-serif; color:#656565; background:#fff;}
p {font-size:1.0em; line-height:1.4em; margin:0 0 10px 0; text-align:justify;}
li {line-height:1.4;}

	a, a:visited {color:#656565;}
	a:active, a:focus, a:hover {color:#005157;}
	a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */
	a img {border:none;}

h1 {color:#000; line-height:1.6em; font-size:1.6em; font-weight:bold; padding:0; margin:0 0 10px 0; }
h2 {color:#000; line-height:1.2em; font-size:1.2em; font-weight:bold; margin:20px 0 10px 0;}
h3 {color:#000; line-height:1.1em; font-size:1.1em; font-weight:bold; padding:0; margin:0 0 10px 0; }
h4 {color:#000; line-height:1.1em; font-size:1.0em; font-weight:normal; padding:0; margin:0 0 10px 0; }
.unviewable {position:absolute; display:block; height:10px; text-indent:-999em; margin:-10px 0 0 0; list-style:none; top:-999em;}  /* Hides the element from view */

.clear {clear:both;}

div {position:relative;}

::selection, ::-moz-selection { background:#e0f1f4; } 

/************************
STRUCTURAL
************************/

#container {min-width:980px; overflow:hidden;}

#header {height:400px;}


#wrapper{float:left;width:100%}
#content{margin: 0 0 20px 320px; min-height:280px;}
#sidebar{float:left;width:320px;margin-left:-100%; }





/************************
 * HEADER
 ***********************/
#logo {position:absolute; display:block; top:25px; left:38px; width:225px; height:93px; margin:0; }
#header-vis-1-outer {position:absolute; top:140px; min-width:1100px; width:100%; height:210px; z-index:10;}
#header-vis-1 {position:absolute; top:0; right:50px; height:210px; width:280px; background:url(../images/head-over.png) no-repeat; }
#header-vis-2 {position:absolute; top:140px; left:0; height:210px; width:100%; background:#005157 url(../images/head.jpg) no-repeat;}
#header-vis-3 {position:absolute; top:350px; left:0; height:30px; width:100%; background:#000 url(../images/head-bottom.png) repeat-x;}

.site-map {position:absolute; line-height:25px; text-decoration:none;padding-right:10px; border-right:2px solid #e0f1f4; font-size:0.95em;}

/************************
 * NAVIGATION
 ***********************/
/*Menu positioning*/
#navigation {position:absolute; top:140px; left:320px; z-index:100;} 

/* all lists */
#mainnav {padding:0; margin:0; list-style:none; line-height:1.1; height:210px;}


/* Main level links styles*/
#mainnav li {height:35px; width:105px; margin:0 5px; letter-spacing:1px; font-size:1.1em; text-align:center; float: left; cursor:default; height:210px; line-height:1;}
#mainnav li a {text-decoration:none; color:#fff; padding:170px 0 10px; display: block; height:30px;}
#mainnav li a span {display:block; position:absolute; top:0; height:210px; width:105px; z-index:-1;}

#mainnav li.section a, #mainnav li.current a  {color:#005157; font-weight:bold; background:url(../images/nav-hex.png) no-repeat 34px 65px;}
#mainnav a:hover, #mainnav a:focus {color:#005157; font-weight:bold;}
#mainnav a:hover span, #mainnav a:focus span, #mainnav li.section a span, #mainnav li.current a span { background:#fff; filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

/* SECONDARY NAV FOR LEVEL 2 PAGES */
#secondnav {padding:0; margin:0; list-style:none; line-height:1.1; }
#secondnav li {font-size:1.1em; line-height:1;}
#secondnav li a {display:block; padding:5px 5px 5px 40px; color:#656565; text-decoration:underline; }
#secondnav li a:hover,#secondnav li a:focus,#secondnav li.current a,#secondnav li.section a {display:block; color:#005157; background:url(../images/secondarynav.png) no-repeat 20px center;}

/* SECONDARY NAV FOR LEVEL 3 PAGES */
#secondnav ul {padding:0; margin:0 0 10px 0; list-style:none; line-height:1.1; }
#secondnav li li {font-size:0.9em; } /* reset font size increase */
#secondnav li li a {display:block; padding:5px 5px 5px 60px; color:#656565; text-decoration:underline; }
#secondnav ul ul {margin-bottom:10px;}
#secondnav li.current li a,#secondnav li.section li a {color:#656565; background:none;} /* overwrite default link styling to remove default colour and bg image for links under .current and .section */
#side-nav #secondnav li li a:hover, #side-nav #secondnav li li a:focus, #side-nav #secondnav li li.current a,  #side-nav #secondnav li li.section a {color:#005157; background:url(../images/secondarynavsub.png) no-repeat 40px center;}


a.side-head {color:#000; text-decoration:none;} /* heading on side navigation */
.side-head:hover {color:#000; text-decoration:underline;}


/************************
 * CONTENT
 ***********************/

#content p, #content h1, #content h2, #content h3, #content h4, #content table, #content ul, #content dl, #content ol, #gallery {margin-right:120px;}

#content .floating {margin:0 20px 0 0; padding:0; float:right; width:250px; text-align:center; overflow:hidden;}
#content .floating dd {margin:0; padding:0; font-style:italic;}


/* noscript tag for <ie6 with no js support */
#content .noscript {padding:5px; background:#FFD0D0;}


/************************
 * SIDEBAR
 ***********************/

#sidebar h2 {color:#000; line-height:1.2em; text-transform:lowercase; font-size:1.2em; font-weight:bold; padding:0 0 0 20px; margin:0 0 10px 0; background:url(../images/h2.png) no-repeat 0 center;}
#sidebar h2 {height:23px; line-height:23px; overflow:hidden; }
#sidebar #announcement, #sidebar #share {margin:0 35px 10px 35px; border-bottom:1px solid #b7b7b7;}
#sidebar #side-nav {margin:0 35px 10px 35px;}
#sidebar #announcement p {padding:0 0.5em 0 8em; text-align:left;}
#sidebar #announcement span {position:absolute; display:block; left:20px;}

#sidebar #share { }
#sidebar #share-price {display:block;margin:0 0 40px 20px;}
#sidebar #share-disclaim {position:absolute; left:20px; top:55px; background:url(../images/share-disclaim.png) no-repeat; width:125px; height:19px; }

/************************
 * SEARCH FORM AND PAGE
 ***********************/
#search-box {position:absolute; display:block; top:100px; right:20px; width:245px; height:27px; overflow:hidden;}

#SearchForm_SearchForm {width:175px; margin-left:70px;}
#SearchForm_SearchForm fieldset {border:0; margin:0; padding:0;}
#SearchForm_SearchForm legend {display:none;}
#SearchForm_SearchForm #SearchForm_SearchForm_Search {border:2px solid #b2b2b2; padding:3px 5px 2px 5px; width:130px; height:16px; color:#000;} /* input box */
#SearchForm_SearchForm #SearchForm_SearchForm_action_results {position:absolute; right:0; top:1px; background:url(../images/search.png) no-repeat center left; width:22px; height:22px; border:0; cursor:pointer;} /* go button */

#search_results {list-style:none; padding:0; margin:0;}
#search_results li {padding:15px 10px;}
#search_results li.odd {background:#e0f1f4;padding:10px;}

#search_results li p {margin:0;}
#search_results li a {color:#005157;}
#search_results li a:hover {font-weight:bold;}
#search_results .search_parent {color:#656565;}
#search_results .search_parent:hover {font-weight:normal;}


#PageNumbers {margin:20px 0; padding:10px; background:#D9D9D9; }
.search-current {background:#e2e2e2; padding:3px 3px 0 3px; }
#search-caption {color:#464646; font-weight:normal;}

/************************
SITEMAP
************************/

ul.tree{ width:auto;padding-left:0;margin-left:0;}
ul.tree img{border:none;}
ul.tree, ul.tree ul{padding-left:0;}
ul.tree ul{margin-left:16px;}
ul.tree li.closed ul{display:none;}
ul.tree li{list-style:none;background:url(../images/tree/i-repeater.gif) 0 0 repeat-y;display:block;width:auto; }
ul.tree li.last{list-style:none;background-image:none;}
ul.tree span.a{background:url(../images/tree/t.gif) 0 50% no-repeat;display:block;}
ul.tree span.a.last{background:url(../images/tree/l.gif) 0 50% no-repeat;}
ul.tree span.a.children span.b{background:url(../images/tree/minus.gif) 0 50% no-repeat;cursor:pointer;}
ul.tree li.closed span.a.children span.b{background:url(../images/tree/plus.gif) 0 50% no-repeat;cursor:pointer;}
ul.tree span.c{margin-left:16px;}
ul.tree span.a.children span.c{background:url(../images/tree/i-bottom.gif) 0 50% no-repeat;}
ul.tree span.a.spanClosed span.c{background-image:none;}
ul.tree a{white-space:nowrap;overflow:hidden;padding:10px 0 10px 18px;line-height:18px;background:url(../images/tree/page-file.png) 0 50% no-repeat;}
ul.tree span.a.children a{background-image:url(../images/tree/page-openfoldericon.png);}
ul.tree span.a.children.spanClosed a{background-image:url(../images/tree/page-foldericon.png);}
ul.tree.unformatted li{background-image:none;padding-left:16px;}
ul.tree.unformatted li li{background-image:none;padding-left:0;}
ul.tree li div{float:right;clear:right;height:1em;margin-top:-26px;}
ul.tree div a{padding:0;background-image:none;min-height:auto;height:auto;}
ul.tree li A:link,ul.tree li A:hover,ul.tree li A:visited{color:#111;}
ul.tree li .over{background-color:pink;}

/************************
TABLES (goes with tables js and table_header.png)
************************/
table {width: 540px;padding: 0;margin: 10px 0;}
table caption {padding: 0 6px 5px 0;width: 540px;font-size:1.1em;font-style:italic;text-align: center;} /* Table caption style */
table th, table thead tr td, table tfoot tr td {font: bold 1.1em;color: #005157;border: 1px solid #a1cad0;border-left:none;padding: 6px 6px 6px 12px;background: #b6d1d5 url(../images/table_header.png) no-repeat;} /* Header style */
table tr td {border-right: 1px solid #B6C9D5;border-bottom: 1px solid #B6C9D5;background: #fff;padding: 6px 6px 6px 12px;color: #656565;} /* Row style */
table tr.even td {background: #f6f6f6;color: #005157;} /* Alternate row style */
table tr.ruled td {background: #D6DFE6;} /* Highlighted row style */
table p {margin:0; } /* Removes margin from paragraphs in tables */


/************************
GALLERY
************************/
#gallery {margin-top:20px;}
#gallery .gallery-image {float:left; margin:0 10px 0 0; width:170px; height:160px; overflow:hidden;}
#gallery .gallery-image a, #gallery .gallery-image span {display:block; text-align:center; text-decoration:none;}
#gallery .gallery-image .floating-zoom {display:block; position:absolute; right:5px; top:5px; width:20px; height:20px; background:url(../images/zoom.png) no-repeat; filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
#gallery .gallery-image a {background:#000;}
#gallery .gallery-image .gallery-caption {background:#fff;}
#gallery .gallery-image a:hover img {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
#gallery .gallery-image a:hover .floating-zoom {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
/************************
LITEBOX
************************/

#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;border:solid #fff 10px; background:#EFEFEF; width: 250px;height: 250px;margin: 0 auto;text-align: left;}
#imageContainer{}

#loading{position:absolute;top:10px; left:10px; text-align: left;line-height: 0;}
#loading img{float:left; margin-right:10px;}
#loading span, #loading a{line-height: 35px; height: 35px; float: left;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}

#bottomNav {margin: 0 auto;line-height: 1.2em; text-align:right; width: 250px;}
#bottomNavClose {color:#fff; font-size:1.2em; font-weight:bold;}
#bottomNavClose:hover {background:none; color:#eea000;}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/litebox/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink { background: url(../images/litebox/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(../images/litebox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;border:solid #fff 10px; border-top:none; }

#imageData{}
#imageData #imageDetails{text-align: left; }	
#imageData #caption{display: block; font-weight: bold;	padding:0 10px 5px 10px;	}
#imageData #numberDisplay{display: block; padding:3px 10px;	background:#EFEFEF;}

#overlay{ position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/************************
 * STAFF MEMBER
 ***********************/
.staff-member {margin-bottom:30px}
.staff-member h2 {margin-bottom:5px; color:#005157;}
.staff-member .staff-qual {padding-left:10px;font-size:0.8em; color:#000; font-weight:normal;}
.staff-member h3 {}

/************************
 * ANNOUNCEMENT PAGES
 ***********************/
#content #report-nav {border:1px solid #005157; margin:0 120px 20px 0; overflow:hidden; background:#e0f1f4; color:#000;  }
#report-nav dd, #report-nav dt  {list-style:none; display:block; float:left; margin:0; line-height:2.5em; }
#report-nav dt  {margin-right:5px;padding:0 0 0 10px;}
#report-nav a:hover {}
#report-nav a {line-height:2.5em;padding:0 5px;}
#report-nav .disabled {line-height:2.5em;padding:0 5px; color:#b5b5b5;}
#report-nav .selected {line-height:2.5em;padding:0 5px; color:#005157; font-weight:bold;}
#report-nav a.selected {text-decoration:none; color:#005157;}

#newslist {padding:0; margin:0; list-style:none; clear:left;}
#newslist p {margin-right:0;}
#newslist li {height:2.5em; overflow:hidden; line-height:2.5em; position:relative;}
#newslist li.odd {background:#f7f7f7}
#newslist .newslist-date {display:block;position:absolute; left:5px; top:0;}
#newslist a, #newslist .newslist-nofile {display:block; padding:0 100px;}
#newslist .newslist-size {display:block;position:absolute; right:5px; top:0; width:90px;  }
#newslist acronym {text-transform:uppercase; cursor:pointer;}


#content .rss {margin-top:30px; }
#content .rss a img {margin-right:5px; vertical-align:bottom;}
#content .rss h2 {margin:0 0 5px 0; }
#content .rss .download-link {text-decoration:none; font-size:1.1em; margin-left:30px;}
#content .rss .download-link strong {text-decoration:underline;}

/************************
 * Contact Us
 ***********************/

#Form_Form {background:#e0f1f4; padding:20px; width:460px; position:relative;}
#Form_Form fieldset {border:none; margin:0; padding:0}
#Form_Form form {margin:0; clear:both; position:relative; }
#Form_Form span, #Form_Form_action_process {}
#Form_Form label {display:block; color:#005157}
#Form_Form div {margin-bottom:5px;}
#Form_Form input, #Form_Form textarea {border:#005157 1px solid; background:#fff; width:350px; font-size:0.95em; margin-bottom:10px; padding:3px; font-family:Arial, Helvetica, sans-serif; }
#Form_Form textarea {width:450px; }
#Form_Form input:focus, #Form_Form textarea:focus {background:#fefef4; }
#Form_Form #honeypot {display:none;} /* hides spam protection field */
#Form_Form textarea {font-family:Arial, Helvetica, sans-serif; }
#Form_Form div.field {}
#Form_Form label.left {width:100px;}
#Form_Form label.right {position:absolute; top:0; left:100px; color:#d70023}
#Form_Form div.Actions {}
#Form_Form div.Actions input {width:100px; margin:0 0 0 358px; color:#001134; border:#001134 1px solid;  font-size:0.95em; height:25px; text-align:center;}

#Form_Form span.message { color:#9E0B0F;left:205px;position:absolute;text-align:right;top:0;width:150px;}
#Form_Form .textarea span.message { color:#9E0B0F;left:305px;position:absolute;text-align:right;top:0;width:150px;}
#Form_Form div.validationError input, #Form_Form div.validationError textarea {background:#ffe6e6;}


/************************
LOGIN
************************/

#MemberLoginForm_LoginForm {border:#464646 1px solid; background:#EFEFEF;padding:20px; margin:20px; }
#MemberLoginForm_LoginForm fieldset {border:none;}
#MemberLoginForm_LoginForm .middleColumn {display:block; position:absolute; left:100px; top:0; }
#MemberLoginForm_LoginForm .field {min-height:30px;}
#MemberLoginForm_LoginForm input.checkbox {border:none;}
#MemberLoginForm_LoginForm input {border:#464646 1px solid; margin-right:10px;}
#MemberLoginForm_LoginForm #Remember {margin-left:100px;}



/************************
WYSIWYG EDITOR ALIGNMENT CLASSES
************************/

#content .left {text-align:left;}
#content .center {text-align:center;}
#content .right {text-align:right;}
#content img.center {margin:0 auto 10px auto; display:block}
#content img.right {float:right; margin-left:20px;}
#content img.leftAlone {text-align:left; display:block; margin-bottom:10px;}
#content img.left {float:left; margin-right:20px;}
#content p.MsoNormal, #content p.MsoBodyText {margin: 0;}


/************************
 * FOOTER
 ***********************/

#footer {color:#969696; position:relative; height:35px; margin:0 0 20px 0; padding:0; width:100%; clear:left; overflow:hidden; font-size:0.95em;  z-index:2;}
#footer a {color:#969696; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p {margin:0 20px 0 0; line-height:35px; text-align:right;}