html {height:100%;}
body {background:#FFFFFF; color:#3e3e3e; font-size:101%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}

body img {border: 0}

a {font-weight: bold; text-decoration: none; color:#3e3e3e;}
a:hover {color: #5F5F5F}


h1 {font-size: 1.25em; color: #000000}
h2 {font-size: 0.9em; }
h3 {font-size: 1em; font-weight: normal; line-height: 1.4em; color: #707070}
h4 {}
h5 {}

div h1:first-child {margin-top: 0}


p {line-height: 1.4em; font-size: 0.8em}

dfn {font-size:0.69em; font-style:normal;}

ul.ulstandard {line-height:1.4em; list-style-position:inside; list-style-type:none; padding:0;}

ul.ulstandard li a { }

div#position {width:1px; height:50%; margin-bottom:-456px; float:left;} /* half of container's height */
div#container {clear:left; margin:0 auto; text-align:left; width:952px; height:100%;} 

div#wrapper {float:left; display:inline; margin:0px; width:100%; height:100%; padding-top: 2em;}



#content_holder {background:url("../images/shadow.jpg") no-repeat scroll 0 0 #FFFFFF; padding-left:0.65em; padding-right:1em; position:absolute; z-index:2;}
#content_holder div.bg {background:#F8F8F8;}


.campaign {display:block; font-size:0.75em; height:95px; padding:2.9em 0 0 1.88em; position:absolute; right:13px; top:-14px; width:237px; }
.campaign p {margin:0; width:130px; font-weight: bold; line-height:1.25em; font-size: 0.9em}
.campaign a {font-size:0.9em; text-decoration: underline; font-weight: normal;}
.campaign a:hover {text-decoration: none;}

#header {background:url("../images/menubar.gif") no-repeat scroll 30px bottom #F8F8F8; float: left; display: block; clear: both; height: 81px; width: 877px; padding: 30px 30px 0px}

#header_portal {background:url("../images/hp_footer_bg2.gif") no-repeat scroll 30px bottom #F8F8F8; float: left; display: block; clear: both; height: 81px; width: 877px; padding: 30px 30px 0px}

.twitter {float:left; margin:-8px 0 0 235px; width:288px;}
.twitter .post {border-left:1px solid #E0E0E0; display:block; font-family:Georgia; font-size:0.7em; line-height:1.25em;
padding-left:1.5em;}
.twitter .follow {clear:both; display:block; float:right; font-size:0.7em; margin:0.8em 0 0 1.6em; position:absolute;}
.twitter .follow a {text-decoration: underline; font-weight: normal;}
.twitter .follow a:hover {text-decoration: none;}

#twit-twit {margin: 0; padding: 0; list-style:none;}
.twit_date {color: #878787; display:inline;}

/* Menu CSS */
#menuholder {float: left; clear: both; width:877px; line-height: 29px; font-size:0.75em; padding: 2px 30px 15px; z-index: 30}

#menu {line-height: 2em;}

#menu ul li a {line-height: 1.4em !important; padding-top: 5px !important; padding-bottom: 5px !important}

#menu a.tb {background:url("../images/seperator.gif") no-repeat scroll 0 50% transparent !important; font-weight: bold;}
#menu a.tb:hover, #menu a.tb_over {background:url("../images/seperator.gif") no-repeat scroll 0 50% #C0D12D !important; font-weight: bold;}

#menu a.selected {color: #C0D12D}
#menu a:hover.selected {color: #595959}

/* Menu CSS 
 background-image:url("../images/dropdownbg.png");
background-position:left bottom;
background-repeat:no-repeat;*/

ul.sub {border: 1px solid #C8C8C8; width: 16em;}
ul.sub li {width: 16em; /*line-height: 2em;*/} 
/* ul.sub li.toolong {line-height: 1.4em;}
ul.sub li.toolong a {padding: 4px 14px !important;}*/
li.fixed {background:none repeat scroll 0 0 #FFFFFF; color:#595959; font-weight:bold !important; padding:0 14px; width:13.65em !important;}
/* a.nobold {font-weight: normal} */
a.more {background:url("../images/menumore.gif") no-repeat scroll 185px 9px #FFFFFF !important;}
a.more:hover {background:url("../images/menumore.gif") no-repeat scroll 185px 9px #C0D12D !important;}
/* a.toolong {line-height: 1.4em !important; padding-top: 5px !important; padding-bottom: 5px !important} */

#menu, #menu ul {
	list-style:none;
	padding:0;
	margin:0;
	
}
#menu li {
	float:left;
	position:relative;
	/* width:8em; */
}
#menu li ul {
	position:absolute;
	/* margin-top:-1em; 
	margin-left:.5em; /* for IE */
	display:none;
}
#menu li ul li {
	font-weight: normal
}
#menu ul li ul {
	top: 0;
	margin-left:16em;
}
#menu ul li ul li ul {
	top: 0;
	margin-left:16em;
}
/* ******************************************************************* */
/* SHOW SUBMENU  1 */
#menu li:hover ul, #menu li.over ul {
	display:block;
}

#menu li:hover ul li ul.subsub, #menu li.over ul li ul.subsub {
	display:none;
}

#menu li:hover ul ul, #menu li.over ul ul {
	display:none;
}
/* SHOW SUBMENU  2 */
#menu ul li:hover ul, #menu ul li.over ul {
	display:block;
}
/* ******************************************************************* */
/* STYLING UP THE LINKS */
#menu a {
	display:block;
	background: #FFF;
	color:#595959;
	text-decoration:none;
	padding:0 14px;
}
#menu a:hover {
	background-color:#C0D12D;
	}
#menu ul {
	/* border-top:1px solid #fff; */
}
#menu ul a {

	/* background:#F8F8F8; */
	background:#FFFFFF;
}

/* ******************************************************************* */

#menu {
	z-index:1;
}
#menu ul {
	z-index:222;
}
#menu ul ul {
	z-index:333;
}

/* ******************************************************************* */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End of Menu */

#hpfoot	{position:relative; width:878px; float: left; z-index: 100}
#hp2, #hp3, #hp4 { 
	position:relative;
	display:none;
	float: left; 
	left:0; 
	top:0; 
	padding: 21px 20px;
	}
#hp1 {z-index: 1}	
	
#hp2 {z-index: 20}
	
#hp3 {z-index: 30}

#hp4 {z-index: 40}
	
	
#hp1 {position:relative;
	float: left; 
	left:0; 
	top:0; 
	padding: 21px 20px;
	}

.slideshow {float: left; position: relative; border: 1px solid #D8D8D8; z-index: 0;}
.controls {background:none repeat scroll 0 0 #FFFFFF;
bottom:0;
display:block;
font-size:0.75em;
height:14px;
padding:0.3em;
position:absolute;
right:0;
width:90px;
z-index: 100; color: #878787; 
text-align:right;}
.xofy {float: left; display: block; padding-right: 1em}


/* Breadcrumb */
.crumb {color:#A8A8A8; font-size:0.69em; padding:0 30px; word-spacing:0.15em; float: left; clear: both; width:877px;}
.crumb a {color:#A8A8A8; font-weight: normal}

/* Footer CSS */
#footer {clear:both; display:block; float:left; padding-bottom:2em; position:relative; width:877px; padding: 0 1.88em;}
.footerctrls  {float: left; clear: both; width: 100%;}
.footerctrls img {margin-right: 1px; float: left}
.footerinfo {background:url("../images/hp_footer_bg.gif") repeat-x scroll left top #101010; float: left; clear: both; width: 837px; padding: 21px 20px; color: #FFF}
.footerinfo p {float:left; margin:0; width:365px; font-size: 1.25em; line-height:1.15em;}
.footerinfo ul {float:left; font-size:0.75em; line-height:1.5em; list-style-image: url(../images/whitebullet.gif); margin:0.5em 0; padding:0 0 0 13.7em;}
.footerinfo a {color: #FFFFFF; font-weight: normal; text-decoration: underline}
.footerinfo a:hover {text-decoration: none}

.footerlinks {float:left; line-height:2em; text-align:center;}

#footer2 {clear:both; display:block; float:left; padding-bottom:2em; position:relative; width:877px; padding: 0 1.88em;}
#footer2 .footerlinks  ul {color:#878787; font-size:0.69em; list-style-type:none; margin:0 285px; padding:0;}
#footer2 .footerlinks  ul li {display:inline; float: left; margin:0; background:url("../images/seperator.gif") no-repeat scroll 0 50% transparent; padding: 0 7px;}
#footer2 .footerlinks  ul li:first-child {background: none;}
#footer2 .footerlinks a {color:#878787; font-weight: normal; text-decoration: underline}
#footer2 .footerlinks a:hover {text-decoration: none}

.baseshadow {background:url("../images/shadowbase.jpg") no-repeat scroll 0 0 #FFFFFF; float:left; clear:both; display:block; width: 100%; height: 20px;}



/* Body Content CSS */

.contentarea {background: #F8F8F8; float: left; clear: both; width: 877px; overflow: hidden; padding: 2.31em 1.88em}

.contentarea ul {list-style-image: url(../images/corebullet.gif); font-size: 0.75em; line-height:1.4em;}
.contentarea ul li {padding-bottom:0.5em;}

.sitemap ul {font-size: 12px !important; margin-top:0.5em; padding-left:18px;}

.col1, .col2, .col3 {border-left:1px solid #E0E0E0; float:left; padding-left:1em; width:31%;}
.col3 {border-right:1px solid #E0E0E0;}
.mainsect {font-size:1.4em;}
.sitemap ul li a {font-weight: normal !important}
.sitemap ul li a.mainsect {font-weight: bold !important}

/* Section Head Template 1 */
.sh1_graphic_left {float:left; text-align:center; width:50%;}
.sh1_content_right {float:left; width:50%;}


/* Section Head Template 2 */
.sh2_content_left {float:left; width:50%;}
.sh2_graphic_right {float:left; width:50%; text-align:center;}


/* Section Head Template 3 */
.sh3_content_left {float:left; width:619px; padding-right: 26px}
.sh3_graphic_right {float:left; width:230px; text-align:right;}

dl {border-top:1px solid #C0D12D; padding:1em 0; clear: both}
.listingimage {display:block; float:left; margin-right:1.5em; padding-bottom: 1.5em}
dt {font-size: 0.9em; font-weight: bold;}
dd {margin:0; font-size:0.8em; line-height:1.4em;}

/* Page Template 1 */
.p1_content_left {float:left; width:595px; padding-right: 26px}
.p1_content_right {float:left; width:256px; text-align:right;}
.p1_content_right img {margin-bottom: 1em}

/* Page Template 2 */
.p2_content_left {float:left;  width:232px;  padding-right: 26px}
.p2_content_left img {border: 1px solid #A8A8A8}
.p2_content_right {float:left; width:617px;}
.p2_content_right .navbar, .p1_content_left .navbar, .sh1_content_right .navbar, .sh2_content_left .navbar, .sh3_content_left .navbar {border-bottom:1px solid #A8A8A8; float:left; font-size:0.9em; margin-bottom:1.3em;
width:100%; padding-bottom:0.3em;}
.dateposted {border-left:1px solid #A8A8A8; margin-left:0.75em; padding-left:0.75em;}

#caption p {font-size:0.75em; margin-top:0.3em; margin-bottom: 2em}

.rlinks {border-top:1px solid #A8A8A8; text-align:left;}
.rlinks ul {list-style-image:url("../images/smallbullet.gif"); margin:0; padding:0 0 0 1em;}
.rlinks a {font-size:1em;}
.rlinks h4 {margin-bottom:0.5em; margin-top:1em;}

.dwnlds {margin-bottom: 2em}
.onright {width: 230px; float: right; clear: both}

/* Timeline */
.prezi-player { width: 550px; } 
.prezi-player-links {text-align: center; }
.timeline_right {float:left; width: 63%}
.timeline_left {float:left; padding-right:1em; width:35%;} 

/* Table styles */
table {font-size: 0.75em; border-bottom:1px solid;}
table tr th, table tr td {border-top:1px solid; padding:0.4em;}

/* partners */
.partners img {margin-bottom:1em; margin-left:1em; margin-right:1em;}


/* Contact Us Page */
.officelist {display: block; float: left; width: 230px}
.officelist ul {list-style:none outside none; padding-left:0;}
.officelist ul li {margin-bottom:0.5em; padding:0.2em 0 0.2em 0.4em;}
.officelist ul li.this {background:url("../images/contactlinkbg.gif") no-repeat scroll 0 0 transparent; }
.officelist ul li a {}
.officedetails {background:url("../images/contactusbg.gif") no-repeat scroll 0 0 transparent; padding: 0 12px 64px 14px; width: 595px; float: right}
.details {width: 595px; background: #FFFFFF;}
.details div {padding: 0 20px}
.officepic {float: right; }
.map {display:block; float:left; width:100%;}
.map img {float: left; margin-right: 1em}
.officelist h3, .officedetails h3 {display: block; padding-bottom: 0.2em; border-bottom: 1px solid #E0E0E0}
.address, .contact {width: 256px; float: left}
.findus {float:right; padding-left:0 !important; width:276px;}
.contact {clear: left}

/* Feedback form */
.feedback {width: 555px; float: right; padding: 1.5em; border: 1px solid #D7D7D7; background: #ECEEED}
fieldset {float: left; border: 0; font-size: 0.75em}
fieldset span {float: left; clear: both; display: block; padding-bottom: 1em}
fieldset span label {float: left; width: 160px}
fieldset span input, fieldset span select, fieldset span textarea {float: left; border: 1px solid #D7D7D7}
fieldset span.submit {width: 100%}
fieldset span.submit input {background:none repeat scroll 0 0 transparent; border:0 none; float:right;
font-weight:bold; padding:0;}
fieldset .text {width: 200px}

/* info tooltips */
div.info { margin:0; display: inline;}

img.info  {border:0;}
a.info{position:relative; /*this is the key*/ z-index:24; text-decoration:none;}
a.info:hover{z-index:25;}
a.info span{display:none; line-height:1.4em;  text-align:left;}
a.info:hover span {/*the span will display just on :hover state*/ display:block; position:absolute; top:-100px; left:-100px; width:150px; border:1px solid #878787;	background-color:#FFF; color:#555; font-size:0.75em; padding:0.5em; font-weight:normal; z-index: 26}
a.info:hover span h2 {margin: 0 0 0.2em; font-size: 1.2em}
/* end info tooltips */

/* info tooltips on rogues gallery */

a.info2{position:relative; /*this is the key*/ z-index:24; text-decoration:none;}
a.info2:hover{z-index:25;}
a.info2 span{display:none; line-height:1.4em;  text-align:left;}
a.info2:hover span {/*the span will display just on :hover state*/ display:block; position:absolute; top:-80px; left:80px; width:125px; border:1px solid #878787;	background-color:#FFF; color:#555; font-size:0.75em; padding:0.5em; font-weight:normal;z-index: 26}
a.info2:hover span h2 {margin: 0 0 0.2em; font-size: 1.2em}
/* end info tooltips */

/* Team */
.team img {margin-bottom:5px; margin-right:4px;}
.teamdetail {padding-left: 2em; width: 45%}
.staffpic {float: right}
.stafftop {border-bottom:1px solid #E0E0E0; float:left; width:100%;}

/* -- USEFUL CLASSES -- */
.clr {clear:both; line-height:0px; font-size:0.5px; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */


/* SLIDESHOW */
.slideshow { height: 209px; width: 415px; margin: auto }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }