@charset "utf-8";
/* CSS Document */
/*
================================================================================
Archives sector pages.
Author:       Vera Mehta / Steve Mannion 
Created:      December 2009 / March 2012
================================================================================ 
/*
--------------------------------------------------------------------------------
                        Headers and sub-navigation
--------------------------------------------------------------------------------
*/

.archives-sector {border-bottom:#66a02c solid .3333em;}
.archives-sector #sub-menu{width:89.5833%!important;}

.archives-light-green {
background-color: #88cc44;
border-bottom: 4px solid #66a02c;
}

.level3 #wrapper #main-content #banner h1 {
	color: #000 !important;
}

#wrapper #primary-content #banner h1 {
 color: #000 !important;	
}

#intro {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}




#wrapper.white-wrapper {background:#fff; margin-bottom:1.6666em;}
/*Level 1 header*/
.level1 #wrapper #primary-content #banner{ width:640px; /*border-bottom:4px solid #01325e;*/; position:relative; height:210px; 
overflow: hidden; margin:0 0 0 0; }
#archives-wrapper #wrapper #primary-content .flexslider .slides li{ position:relative; background:transparent; width:auto!important; height:auto!important;z-index:0; margin:0 0 0 0; padding:0 0 0 0;}
#archives-wrapper #wrapper #primary-content .flexslider .slides li img{margin: 0 0 0 0; border: none; }

#archives-wrapper #wrapper #primary-content .flexslider .flex-direction-nav li {background:none; border:none;}

.level1 #wrapper #primary-content #navSliderBg {filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; background: #FFF; width:100%; height:40px; position:absolute; top: 170px; float:left; border-bottom: 4px solid #66a02c; }

#archives-wrapper #wrapper #primary-content ul li h2 {
	padding: 0.5555em 0.69444em 0.5555em 1.3888em;
}


html>body .level1 #wrapper #primary-content #banner h1{*position: static; }
*html .level1 #wrapper #primary-content #banner h1{position: static;margin:-110px 0 0 10px; }
.level1 #wrapper #primary-content #banner h1 .sub-text {width:300px; font-size:0.65em; display:block; font-weight:700; line-height:150%; padding:6px 0 0 0;}
.level1 #wrapper #primary-content #banner .level-two-title {margin:1.6666em; border: none!important; }

#wrapper #primary-content ul.nav li, #wrapper #primary-content ul.nav-last li  {background: url(/images/global/grad-bg.jpg) top left repeat-x;  width:319px; padding-bottom:20px!important;   }
#wrapper #primary-content ul li h2 {background:none; padding:8px 10px 8px 20px!important; border-top:#666 dotted 1px;}

/*Level 3 header*/

.level3 #wrapper #main-content #banner{ background-color:#88cc44;}

/*Level 4,5,6 header*/

#wrapper #banner h1{border-bottom:#66a02c 2px solid; color:#66a02d;}
#wrapper #main-content #left-nav-content .holder {float:left;}
#wrapper #main-content #left-nav-content .holder .name {font-size:0.85em;}
#wrapper #main-content #left-nav-content h2{ border-color:#666}
#wrapper #main-content #left-nav-content img{border:1px solid #666;}
#wrapper #main-content #left-nav-content h2 img {border:none;}


/*
----------------------------------------------------------------------------------
                    Level 3,4,5 styles with a lefthand navigation
--------------------------------------------------------------------------------
*/
#wrapper #main-content #left-nav .selected-page a {background-color:#88CC44 !important; }
#wrapper #main-content #left-nav .selected-page a:hover {color:#000 ;}
#wrapper #main-content #left-nav .selected .selected-page a {background-color:#88CC44 !important;}
#wrapper #main-content #left-nav .selected-page > a {color:#000!important;}
#wrapper #main-content #left-nav .selected-page ul {background-image: url(/images/global/archives-nav-arrow-bg-1st.gif) !important; }
#wrapper #main-content #left-nav .selected-page ul li a {}

/*facts and figures panel*/
#archives-sector-wrapper #wrapper #secondary-content .holder #facts-figures .fact-title {font-size:2.083em; padding:0 0 5px 0; color:#00529B;}
#archives-sector-wrapper #wrapper #secondary-content .holder #facts-figures .fact-description{color:#666666;}

/* Rotating panel */
#archives-sector-wrapper #wrapper #secondary-content .holder ul#quotes {height:250px; background:#FFF; overflow:hidden;}
#archives-sector-wrapper #wrapper #secondary-content .holder ul#quotes li{padding: 8px; background:#FFF url(/images/global/quote.png) no-repeat 5px 5px; height:250px;}
#archives-sector-wrapper #wrapper #secondary-content .holder ul#quotes li div.author {font-size:0.9em; color: #666; padding:25px 0 0 0; background:url(/images/global/speech.png) no-repeat;}
#archives-sector-wrapper #wrapper #secondary-content .holder ul#quotes li a {color: #0066CC!important; text-decoration: underline!important;}
#archives-sector-wrapper #wrapper #secondary-content .holder ul#quotes li a:hover {text-decoration:none!important;}
/*


/* additions by Steve Mannion */

.archives-sector-intro {
 margin: 210px 0 20px 0 !important;	}
	
#primary-array {clear: both; min-height: 200px !important; background: url(/images/global/grad-bg.jpg) repeat-x scroll left top;}
#primary-array ul {border: 0 !important; padding: 0; !important; }
#primary-array ul li {background: none !important; border: 0 !important; width: 90px !important; !important; margin: 10px 48px 0 20px  !important; padding: 0 !important; text-align: center;}
#primary-array ul li img { border: 0 !important; padding: 0 !important; }
#primary-array ul li a {text-decoration: none !important; }
#primary-array ul li a:hover {text-decoration: underline !important; }
#primary-array ul li a:visited {text-decoration: none !important; }
#primary-array h2 { background: url(/images/global/grad-bg.jpg) repeat-x scroll left top; border-top: 1px dotted #999;  padding:8px 10px 8px 20px!important; }

.archives-sector-list li p {
  	margin: 0 0 0 -10px !important;
}

.archives-sector-list li img {
  	margin: 5px 0 15px 0 !important;
}

.archives-sector-banner a {color: #000; text-decoration: none;}
.archives-sector-banner a:hover {color: 000; text-decoration: underline;}

#stats ul {
	margin: 10px 0 10px 0;
}

#stats ul li {
	border-bottom: #ccc 4px solid !important; 
	clear:both;
	display: inline-block;
	min-height: 40px;
}

.number {
	clear: none; 
	padding: 0 0 0.75em 0; 
	font-size: 2.5em; 
	float: left; 
	line-height: 100%; 
	font-family: Helvetica, Geneva, Arial, sans-serif; 
	width: 35%; 
	color: #66A02C;
	letter-spacing: -0.05em;
	font-weight: bold;
}


/* Archives sector case studies pages */

#wrapper #main-content #left-nav-content #casestudies ul { margin: 15px 0 0 0!important; padding: 0!important; }
#wrapper #main-content #left-nav-content #casestudies li {  width: 683px; height: 130px;  list-style:none!important; padding: 15px 15px 15px 0; margin: 15px 0 0 0; border-bottom: 1px dotted #999999;  border-top: 1px dotted #fff; border-right: 1px dotted #fff; border-left: 1px dotted #fff;  }
#wrapper #main-content #left-nav-content #casestudies li.last { border-bottom: none; }
#wrapper #main-content #left-nav-content #casestudies li:hover {  background: #E9F5DF; border: 1px dotted #999999; }
#wrapper #main-content #left-nav-content #casestudies li:hover h2 {  text-decoration: underline; cursor: pointer;}
#wrapper #main-content #left-nav-content #casestudies h2 {  border-top: none; float: left; padding: 0; margin: 0 0 15px 0; width: 75%;}
#wrapper #main-content #left-nav-content #casestudies img { float: left; margin: 0 15px 0 15px; }
#wrapper #main-content #left-nav-content #casestudies p { float: none; margin: 0;  padding: 0; }
#wrapper #main-content #left-nav-content #casestudies a { text-decoration: none; color: #000;  width: 100%; height: 100%;}
#wrapper #main-content #left-nav-content #casestudies a h2:hover { text-decoration: underline; }
#records-wrapper #wrapper #primary-content #casestudiesGrid ul {  clear: both; display: block; margin: 10px 0 0 20px!important; width: 600px; }
#records-wrapper #wrapper #primary-content #casestudiesGrid ul li {  width: 130px; height: 175px; float: left; margin: 0 25px 10px 0; background: #fff; }
#records-wrapper #wrapper #primary-content #casestudiesGrid ul li.end { margin-right: 0; }
#records-wrapper #wrapper #primary-content #casestudiesGrid img {  margin: 0 0 5px 0; }
#records-wrapper #wrapper #primary-content #casestudiesGrid h2 {  clear: left; border-top: 1px dotted #bfbfbf; margin: 0 0 0 20px; width: 590px; padding: 12px 0!important; }
#records-wrapper #wrapper #primary-content #casestudiesGrid a {  color: #000; text-decoration: none; }
#records-wrapper #wrapper #primary-content #casestudiesGrid a:hover { text-decoration: underline; }

/* Twitter feed */

.tweet {width:92.71523%; padding:1em 3.6423%; }

.socialicons {
    margin: 1em 0 -0.5em 0;
     text-align: center;
	 width: 100%;
 }

.socialicons img { }
.socialicons a {}
.socialiconright { margin-left: 8.5%; }