html,body{margin:0;padding:0; }
body{ font-size:76%; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; color:#2f2f2f}
* html body {overflow:hidden; position:relative; border-bottom:#B3B3B3 solid 1px;} /*IE6 hack to 1) hide vis_nav & vis_extra at the footer and 2) add border to bottom of page*/
#content {line-height:1.4em; } /*line height for content section*/
p {margin:0 0 10px 0; line-height:1.4em; }
img {border:0;}
h1{margin:0 0 11px 0; font-size:1.3em; line-height:1.5em; font-weight:normal; text-transform:uppercase; color:#87211A; border-bottom:#87211A dotted 2px; padding:0 0 1px 0; }
h2{margin:0 0 8px 0; font-size:1.1em; line-height:1.3em; font-weight:normal; text-transform:uppercase; color:#87211A; }
a {color:#87211A; text-decoration:none; }
a:visited {}
a:hover, a:focus {text-decoration:underline;}

/*HACK for IE float bugs
#content p, #content h1, #content h2, #extra h2, #content ul, #content #back, #content .pagenav, #content cite {clear:left;}
* html #content p, * html #content h1, * html #content h2, * html #content ul {clear:none; float:none;}
* html #content h1, * html #content h2 {border:none;}
#content ul {float:left; margin-left:20px; padding-left:20px; display:block; margin-bottom:10px; margin-top:0;}
#content li {clear:left; float:none; list-style:disc;}
*/

#container {position:relative; overflow:hidden; min-width:750px; border-bottom:#B3B3B3 solid 1px;}


.unviewable {position:absolute; display:block; height:10px; text-indent:-999em; margin:-10px 0 0 0;}  /* Hides the element from view */


#header {height:200px;background:#B2B1B2 url(../images/header_back.png) repeat top left; overflow:hidden;}

#wrapper{float:left;width:100%; overflow:hidden;}
#content{margin: 0 265px 0 255px; padding-top:30px; min-width:240px; max-width:780px; text-align:justify;}
#navigation{float:left;width:240px;margin-left:-100%; position:relative; z-index:6;}
#nav_inner{width:220px; margin-left:20px; background:#B2B1B2;}
#extra{float:left;width:250px; overflow:hidden; _height:1%; margin-left:-250px; margin-top:10px; position:relative; z-index:3; color:#8B8B8A;}

#vis_nav {background:#b1b2b2;width:220px; height:1000em; position:absolute; top:200px; left:20px; z-index:4;}
#vis_head_bot {position:absolute; top:0px; left:0; width:1483px; height:200px; background:url(../images/head-bot.jpg) top left;}
#vis_extra { border-left:#B2B1B2  solid 1px; height:1000em; margin-bottom:30px; width:250px; overflow:hidden; position:absolute; top:200px; right:0;}

#vis_head_top {width:316px; height:186px; position:absolute; top:0; left:0; background:url(../images/head-top.png) top left;}
#vis_head_top a {position:absolute; width:100%; height:100%; }
#vis_head_bot_home {position:absolute; top:0px; left:0; width:1483px; height:200px; background:url(../images/head-bot.jpg) top left;}
#vis_circle_home {background:url(../images/vis_circle.jpg) no-repeat top left; width:441px; height:21px; overflow:hidden; position:absolute; top:200px; left:255px;}
#vis_head_bot {position:absolute; top:0px; left:0; width:1483px; height:200px; background:url(../images/head-bot_b.jpg) top left;}
#vis_circle {background:url(../images/vis_circle_b.jpg) no-repeat top left; width:441px; height:21px; overflow:hidden; position:absolute; top:200px; left:255px;}


/*FOOTER */
#footer {clear:left; margin-left:255px; background:#FFFFFF; color: #8B8B8A; font-size:0.9em; position:relative;  z-index:5; padding-top:10px;}
#footer span {}
#footer .copyright {line-height:1.8em; }
#footer .vanity {z-index:7; position:absolute; top:1.1em; left:-220px; }
#footer .vanity a {color:#E6E6E6;}
#footer a {color: #b1b2b2; font-size:0.9em; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/*Side bar for front page*/
.extra_box {background:#F0F0F0; border:#8B8B8A solid 1px; margin:20px; padding:10px; overflow:hidden; _height:1%;}

#share_price img {position:absolute; right:40px; top:56px;}
#share_price p {width:120px;}

.latest strong {display:block;}

/*Side bar for normal pages - images*/
.extra_box_image {margin:10px; padding:14px; border:1px #b1b2b2 solid;}
.side_image {margin-bottom:20px; position:relative;}
#extra .side_image a, #extra .side_image a:link {color:#87211A;}
#extra .side_image img {border:1px solid #87211A;}
#extra .side_image div {position:absolute; top:10px; right:10px; height:20px; width:20px; background:url(../images/zoom.png) top left; overflow:hidden;}
* html #extra .side_image div {margin-right:20px;} /*IE6 Hack for zoom button placement over images*/

/*MENU SYSTEM SPECIFIC*/
#navigation ul, #navigation li {margin:0; padding:0; list-style:none; } /*list override*/
#nav_inner #mainnav {padding:45px 10px 0 0;} /*padding for top of list*/
#navigation a, #navigation li {text-decoration:none; color:#FFFFFF; font-weight:normal;} /*color:#E6E6E6; font for all list items (others overwritten)*/
#mainnav li {margin-left:8px; background:url(../images/menu_item.png) no-repeat; padding-left:22px; line-height:17px; margin-bottom:5px; } /*first level links*/
li ul li {margin-left:15px; line-height:17px; margin-top:5px; } /*second level links*/
#mainnav ul {margin:5px 0 15px 0;} /*little extra padding on top of drop downs*/

#mainnav .current {background:url(../images/menu_open.png) no-repeat;} /*image for top level links */
#mainnav .current a {font-weight:bold; color:#FFFFFF; } /*font for top level links */

#mainnav .section {background:url(../images/menu_open.png) no-repeat; font-weight:bold; color:#FFFFFF; } /*image for top level links with subsections */
#mainnav .section a {font-weight:bold; color:#FFFFFF; } /*font for top level links with subsections */

#mainnav .section .current a {text-decoration:underline;} /*font for sub menu links */
#mainnav .section .current {background:url(../images/menu_item.png) no-repeat;}  /*image for sub menu links */

#mainnav .link a:hover, #mainnav .link a:focus, #mainnav .link a:active {font-weight:bold;} 

/*Latest Announcements listing*/
#content #newslist {margin:0 0 0 90px; padding:0; color:#8b8b8a;}
#content #newslist li {list-style:none; margin-bottom:10px; min-height:100px;}
* html #content #newslist li {height:100px;}
#content #newslist img {position:absolute; margin-left:-90px; border:1px solid #87211A;}
#content .newsdate { font-weight:bold; display:block;}
#content .newstitle {font-weight:bold;}

/* Search Form */
#search_box {position:absolute; right:20px; top:20px;} /*box that contains all elements */
#SearchForm_SearchForm {} /* form element */
#Search {width:180px;  float:left; padding:3px 0;} /* div containing box */
#SearchForm_SearchForm_Search {border:none; padding:6px; width:155px;} /* input box */
#SearchForm_SearchForm_action_results {border:none; background:url(../images/search_go.png) no-repeat; width:32px; height:32px; color:#ffffff;} /* go button */

#content #search_results {list-style:none; padding:0; margin:0;}
#content #search_results li {margin:15px 0 0 0; border-bottom:1px dashed #e6e6e6 }
#content #search_results li p {color:#8b8b8a;}

#PageNumbers .next, #PageNumbers .prev {border:#B1B2B2 1px solid; float:left; padding:0.5em 1.5em 0.2em 1.5em; margin:5px;}
#PageNumbers .current, #PageNumbers span a {border:#B1B2B2 1px solid; float:left; padding:0.5em .5em 0.2em .5em; margin:5px 1px;}
#PageNumbers p {margin:5px 10px; color:#B1B2B2; font-align:centre; }

/* LOG IN PAGE */
#LoginForm_LoginForm fieldset {border:0;}
#Email, #Password {margin:0 0 10px 0;}
#Email span, #Password span {margin:0 0 0 100px;}
#Email label, #Password label {display:block; position:absolute; margin-top:3px}

/* WYSIWYG EDITOR ALIGNMENT CLASSES */
#content .left {text-align:left;}
#content img.center, #extra img.center {text-align:center; margin:0 auto; display:block; border:1px solid #87211A;}
a.center img {border:1px solid #87211A;}
a.center {text-align:center; display:block; clear:both; margin-bottom:10px;}
#content .right {text-align:right;}
#content img.right {float:right;}
#content img.left {float:left;}
#content p.MsoNormal, .typography p.MsoBodyText {margin: 0;}

/*INLINE IMAGE CLASSES (BOX etc)*/
.image-right {float:right;margin:10px;padding:10px; border:#b1b2b2 solid 1px;}
.image-right a {color:#8b8b8a;}
.image-left {float:left;margin:10px;padding:10px; border:#b1b2b2 solid 1px;}
.image-left a {color:#8b8b8a;}

/*Staff Pages*/
/*Staff Pages*/
#content #stafflist {list-style:none; margin:0; padding:0;}
#content .staffname {margin:0; padding:0; font-size:1.0em; line-height:1.2em;}
#content .stafftitle {font-style:italic;}
#content .staffphoto {position:absolute; top:0; left:0;}
#content .staffdescription, #content .stafftitle, #content .staffname {margin-left:160px;}
#content #stafflist li {min-height:210px; position:relative;list-style:none; }
* html #content #stafflist li {height:250px;}

#content #staffprofile {padding:0 0 0 160px; position:relative; display:block; min-height:200px; clear:both;}
* html #content #staffprofile {height:200px;}
#content #staffprofile img {position:absolute; left:0}

/* ARTICLE PAGES */
#content .newsdetails {clear:both; color:#8b8b8a; margin:10px 0;}
#content #back {border:#B1B2B2 1px solid; float:left; padding:0.5em 1.5em 0.2em 1.5em; margin:5px;}

/* CONTACT PAGE */
#Form_Form fieldset {border:none; margin:0; padding:0}
#Form_Form {margin:0 0 10px 0; clear:both;}
#Form_Form span, #Form_Form_action_process {margin:0 0 0 100px;}
#Form_Form label {display:block; position:absolute; margin-top:3px}
#Form_Form div {margin-bottom:5px;}
#Form_Form input, #Form_Form textarea {border:#8b8b8a 1px solid;}

/*GALLERY PAGE*/
.galleryImageDetails, .galleryImageTitle {display:block; margin:5px;}
/*gallery DC version*/
#ImageGallery {display:relative;}
#ImageGallery .gallery_image {clear:float; width:120px; height:160px; display:block;float:left; margin:0 10px 10px 10px; text-align:center; word-wrap:break-word; break-word:break-all; overflow:hidden;}
#NavigationBar {clear:both;}

/*SIDE IMAGE*/
.side_image span {margin-top:5px; display:block;}

/*HOME PAGE SPECIFIC*/
#home-content p {font-size:1.3em; }

/*ZINC*/
.cite {font-style:italic; font-size:0.9em;}
#master0, #master1{margin-bottom:10px; border:solid 1px #8B8B8A;}
.pagenav .next {border:#B1B2B2 1px solid; float:right; padding:0.5em 1.5em 0.2em 1.5em; margin:5px;}
.pagenav .prev {border:#B1B2B2 1px solid; float:left; padding:0.5em 1.5em 0.2em 1.5em; margin:5px;}
.zinc-text {width:500px; margin:0 auto; text-align:center;}
.zinc-text p {text-align:justify;}


/*PRESENTATION PAGE*/
#content #presentationlist {margin:0 0 0 220px; padding:0; color:#8b8b8a;}
#content #presentationlist li {list-style:none; min-height:170px;}
* html #content #presentationlist li {height:170px;}
#content .presentationpreview {position:absolute; left:255px; border:1px solid #B2B1B1;}
#content .presentationdate {font-weight:bold;}
#content .presentationtitle {font-weight:bold;}
#content .presentationpara {}

/*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;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(../images/litebox/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(../images/litebox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/litebox/nextlabel.gif) right 15% no-repeat; }*/
#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;}
#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 */}	

/*SLIDESHOW - SONSPRING*/
#rotator {clear:both;cursor: pointer;overflow: hidden;margin: 0 0 10px 0;position: relative;width: 185px;height: 139px;}
#rotator img {border: 0;cursor: pointer;width: 185px;height: 139px;}

/*Major Announcement */
#home-major {background-color: #.f0f0f0; border:#87211A solid 2px; position:relative; margin-top:40px; overflow:hidden;}
#home-major-inner {margin:10px 10px 0 100px; padding-bottom:10px; min-height:100px;}
#home-major-head {background:#f0f0f0;}
#home-major-head h2 {color:#.fff; padding:1em;}
#home-content #home-major p {font-size:1.0em;}
#home-major-image {position:absolute; top: 4.5em; left:1em; }
