/* 
	Document:				styles.css
	Modified date: 			7 Oct 2009
	Created by:				Gemma Leigh
	Deployment version:		project/css/styles.css
	Notes:					Reset styles, then sitewide styles.
								
	=================================================================
	Style guide, naming conventions, best practices.
	=================================================================
	
	Use a common naming system:
	
		#parent .parent-child {
			margin:0px auto;
		}
	
	Filtering for non-compliant browsers:
		.class-name {
			margin: 10px 0 !important;  This will be applied by all browsers
			margin: 5px 0; 			IE < v7 will then override the above with this value
			}
		
	Do not use the following filters unless absolutely necessary and always comment reasons for use:
		* html [selector]				IE < v7 only
		html>body [selector]			Standards compliant browsers only
		_margin							Underscore hack
	
	Links should have link, visited, hover, active and focus states and should be visible via text-decoration and/or color
	
	Use shorthand where possible:
		background: url() top left no-repeat #FF0;
		border: 1px #F0F solid;
		font: 12px/1.4 "Trebuchet MS", Verdana, Arial, sans-serif;
		margin: 20px 0 0 5px;
	
	// ACCESSIBILITY //
	
	Accessibility guidelines:
	- Avoid use of display:none and visibility:hidden as screen readers cannot see the content	
	- Acronyms should be underlined and make use of the help cursor
	- All submit and button inputs should make use of the hand cursor
	- An accessibility skip navigation should be included:
	  This will be hidden off screen but visible to screen readers (see =Skip below)
	
	Stylesheets should be commented clearly:
		// For bugs/issues document the problem, workaround and where possible - a URL to the explanation of the fix
		// Use the following 'Notes to self' 
		:TODO: 	-  reminder to change/fix/revise
		:BUG: 	-  document a problem with the code or a particular browser
		:KLUDGE:-  nasty workaround	
	
	-----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	
	Reset styles
	Colour Glossary
	Skip Nav
	
	Typography
	 - Links
	 - Headings
     - Text elements
	
	Basic Layout
	- Containers
	- Main Content
	- Secondary Content
	
	Navigation 
	- Main Nav
	- Sub Nav
	
	Footer
	Forms
	Misc 1
	Misc 2
*/

/* Y!UI reset.css http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Reset Global reset to values we would expect for some elements */
strong { font-weight: bold;}
/* Remove Mozilla's dashed borders */
a {outline:none;}
a:active {outline:none;}
input[type=submit] {outline-width:0;}
input { vertical-align:middle; }
/* Remove border around fieldset even on Opera 7 */
fieldset { border: solid 0 transparent; }
/* Remove blue border around linked images */
a img {border: 0;}
	
		
/* =Colour glossary
--------------------------------------------------------------------- */	
/* Quick reference to colours used in the site:

dark grey : #403F3E
mid grey:	#807F7C
m-l grey:	#BFBEBA
light grey:	#E6E4E0
whitish:	#FFFEF9
*/

/* =Skip navigation
--------------------------------------------------------------------- */
#skipnav {
	position: absolute;
	top: -9000px;
	left: 0;
}
	
#skipnav li {
	width: 300px;
}

#skipnav a {
	position: absolute;
	top: 0;
	padding: 10px;
}

#skipnav a:active, 
#skipnav a:focus {
	top: 9000px;
}

/* =Typography
-----------------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	font-size: 10px;
	line-height: 1;
}

/* =Links
-----------------------------------------------------------------------------*/
/* generic link style */
a           { color:#424344; text-decoration: none; outline: none; }
a:hover     { color:#939598; }

/* Reverse colours for breadcrumb */
#breadcrumb a   	{ color:#939598; }       
#breadcrumb a:hover	{ color:#424344; }

/* =Headings
-----------------------------------------------------------------------------*/
h1 { font-size: 1em; }

h2 { 
	/* Everything bold */
	font-weight: bold;
	font-style: italic; /* fallback styles*/
	font-size:3.6em; 
	line-height: 32px;
	color: #58585b;
	margin-bottom: 0.3em;
}

h3 { 
	/* Everything bold */
	font-weight: bold;
	font-style: italic; /* fallback styles*/
	font-size: 1.8em; 
	line-height: 22px;
	color: #58585b;
}
.post-content h3{
	color: #939598;
}

h3 a{
	color: #424344;	
}
h3 a:hover {
	color: #939598;
}

h4 { 
	/* Arial */
	font-size: 1.2em;
	line-height: 16px;
	font-weight: normal;
}
.summary-date h4{
	/* Everything regular 12px */
	font-style: italic; /* fallback styles*/
}
.summary-content h4{
	font-size: 1.1em;
	line-height: 14px;
}

/* Breadcrumb*/
#breadcrumb li{ 
	font-size:1.2em;
}

/* =Page intro text styles (Underlined h2 and h3)
-----------------------------------------------------------------------------*/
#page #page-intro h2{
	border-bottom: 5px solid #58595b;
	padding-bottom: 8px;
	margin-bottom: 0;	
}
#page #page-intro h3{
	font-size: 1.4em;
	line-height: 18px;
	color: #939598;
	border-top: none;
	border-bottom: 1px solid #e6e7e8;
	padding: 17px 0 16px 0;
	margin-bottom: 20px;
	font-style: normal;
}
#page #page-intro h3 strong{
	color:#58595b;
}
#page-intro {
    clear:left;
}


/* =Post text styles
-----------------------------------------------------------------------------*/
.post-info p{
	font-size: 12px !important;
}
.post-info p strong{
	color: #58585a;
}

.post h3{
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 26px;
	border-top: 5px solid #58595b;
	border-bottom: 1px solid #e6e7e8;
	padding: 12px 0 15px 0;
	margin-bottom: 20px;
}
.post h4{
	font-size: 1.4em;
	line-height: 18px;
	margin-bottom: 0;
	font-weight: bold;
	color: #58585b;
}

.post p{
	font-size: 1.4em;
	line-height: 18px;
	margin-bottom: 16px;
}
.post p strong{
	color:#58585B;
}

/* Lists */
.post ul,
.post ol{
	margin-bottom: 16px;
}
.post ul li,
.post ol li{
	font-size: 1.4em;
	margin-bottom: 5px;
}

.post ol{
	list-style-type: decimal;
	margin-left: 5px;
}
.post ol li{
	padding-left: 0px;
}

.post ul li{
	padding-left: 5px;
}


.post table{
	width: 100%;
	margin: 5px 0 20px 0;
}
.post table th,
.post table td{
	padding: 5px;
}
.post table th{
	font-size: 1.4em;
	padding: 7px 5px 7px 5px;
	color: #58595b;
	background: #e6e7e8;
	font-weight: bold;
	border-left: 1px solid #FFF;
}
.post table td{
	font-size: 1.4em;
	color: #58595b;
	border-bottom: 1px solid #e6e7e8;
	border-right: 1px solid #e6e7e8;
}

table.wp-table-reloaded {
    margin: 20px 0;
}
.wp-table-reloaded-table-description {
    margin-bottom: 20px;
    /* margin-top: 20px; */
    display: block;
}


/* =Text elements
-----------------------------------------------------------------------------*/
p{
	font-size: 1.2em;
	line-height: 16px;
	color: #939598;
	margin-bottom: 1.7em;
}
p.posted{
	font-size: 1em;
	line-height: 14px;
}
#footer p{
	font-size: 1.1em;
	line-height:1;
}
#footer ul li{
	font-size: 1.4em;
	line-height: 1;
	/* Everything regular*/
	font-style: italic; /* fallback style */
	float: left;
}
#sidebar #sidebar-nav li{
	font-size: 1.8em;
	font-style: italic; /* fallback style*/
}
#sidebar #sidebar-nav li a{
	font-size: 1em;
}

form input{
	border: 0;
	color: #939598;
}

/* =Links
-------------------------------------------------------------- */
.block a,
a.block,
a.read-more{
	font-size: 1.2em;
	line-height: 22px;
	padding: 0 28px 0 10px;
	color: #FFF;
	font-weight: bold;
	background: #58595b;
	display: block;
	float: left;
	width: auto;
	position: relative;
}

.block a span,
a.block span,
a.read-more span{
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 22px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image:url(../img/arrow-read-more.gif);
	overflow: hidden;
}

/* Use clearfix to clear after floated links */
a.read-more:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* Hover states */
.block a:hover,
a.block:hover,
a.read-more:hover {
	background: #e6e7e8;
	color: #939598;
}
.block a:hover span,
a.block:hover span,
a.read-more:hover span{
	background-position:top right;
}

/* External links - new window icon  */
a.external span{
	background-image:url(../img/icon-external.gif);
}

/* Previous  - left arrow */
/* wordpress has next/previous_post_link functions for creating links to
 * next/previous posts but these functions don't allow for styling the <a> so we
 * have to wrap <a> in another tag. yuck */
.prev a,
a.prev{
	padding: 0 10px 0 28px;
}
.prev a span,
a.prev span{
	left: 0;
	background-image:url(../img/arrow-prev.gif);
}

/* Back to top - top arrow */
a.top{
	padding-right: 31px;
}
.top a span,
a.top span{
	background-image:url(../img/arrow-top.gif);
	right: 6px;
}

/* Reset links with paragraphs */
p a{
	font-size: 1em;
}
.post-content p a:hover {
	text-decoration: underline;
}


/* =Basic Layout
-----------------------------------------------------------------------------*/
body{ 
	text-align: center; 
	color: #939598;
	background: #e1e1e1;
}

/* =Containers
-----------------------------------------------------------------------------*/
/* Page dropshadow */
#wrapper{
	text-align: left;
	width: 1040px;
	background: url(../img/wrapper-repeat.gif) 0 0 repeat-y;
	margin: 10px auto;
}
#wrapper-top{
	height: 40px;
	background: url(../img/wrapper-top.gif) 0 0 no-repeat;
}
#wrapper-bott{
	height: 40px;
	background: url(../img/wrapper-footer.gif) 0 0 no-repeat;
}

/* Align page content, white background & 1000px width */
#container{
	float: left;
	width: 1000px;
	margin-left: 20px;
	display: inline; /* for ie6 */
	background:white;
}
#footer{
	clear: both;
	width: 1000px;
	margin-left: 20px;
}


/* =Header
-----------------------------------------------------------------------------*/
#header{
	float: left;
	overflow: hidden;
	width: 940px;
	margin: 10px 30px 30px 30px;
	display: inline; /* for ie6 */
}
#header h1{
	float: left;
	width: 460px;
	height: 134px;
	background: #fff url(../img/everything-everywhere.gif) 0 0 no-repeat;
}
#header h1 a{
	display: block;
	text-indent: -10000px;
	width: 460px;
	height: 134px;
}
#header #logos{
	width: 176px;
	float: right;
	margin-top: 76px;
}
#header #logos li{
	float: left;
	width: 40px;
}
#header #logos li.t-mobile{
	width: 109px;
	float: right;
	margin-top: 21px;
}
#header #logos li.t-mobile img{
	float: right;
}

/* =Nav bar
-----------------------------------------------------------------------------*/
#nav-bar{
	float: left;
	width: 970px;
	padding-right: 30px;
	background: #e6e7e8;
	margin-bottom: 60px;
}
#nav-bar input{
	width: 115px;
	height: 23px;
	line-height: 23px;
	float: right;
	margin-top: 18px;
	background: #fff url(../img/search.gif) 0 0 no-repeat;
	padding-left: 25px;
}


/* =Navigation
-----------------------------------------------------------------------------*/
#nav{
	width: auto;
	float: left;
}
#nav li{
	/* Everything regular*/
	font-style: italic; /* fallback styles */
	float: left;
	font-size: 1.8em;
	line-height: 1;
	margin: 0 10px 0 0;
	display: inline; /* for ie6 */
	background: url(../img/nav-divider.gif) 100% 23px no-repeat;
}
#nav li.first{
	margin-left: 30px;
}
#nav li.last{
	background: none;
}
#nav li a{
	display: block;
	color: #939598;
	margin: 20px 20px 0 0;
	padding-bottom: 19px;

}

/* Hover state */
#nav li a:hover{
	color: #58595b;
}

/* Active nav item */
#nav li.active{
	margin-bottom: -10px;
}
#nav li.active a{
	color: #58595b;
	background: url(../img/nav-active.gif) bottom center no-repeat;
	padding-bottom: 28px;
}


/* Feature area
-----------------------------------------------------------------------------*/
#feature{
	float: left;
	width: 940px;
	margin-left: 30px;
	display: inline; /* for ie6 */
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e1e1e1;
}

#feature img{
    /* width: 450px;
    height: 249px;    */
	float: left;
	border: 5px solid #e6e7e8;
}

#feature #feature-content{
	float: right;
	width: 460px;
}
/* Shift up text to line up with image*/
#feature #feature-content h2{
	margin-top: -6px;
}

/* =Main Content
-----------------------------------------------------------------------------*/
#content{
	float: left;
	margin: 0 0 0 30px;
	width: 940px;
	display: inline; /* for ie6 */
}

#content #content-main{
	width: 620px;
	float: left;
}

#content #content-main .content-main-header{
	float: left;
	width: 620px;
	clear: both;
	background: #e6e7e8;
	margin-bottom: 20px;
	border-top:5px solid #58595B;
}

#content #content-main .content-main-header h3{
	padding: 13px 0 20px 20px;
}

#content #sidebar{
	width: 300px;
	float: right;
	margin-bottom: 25px;
}

/* Post summary
-----------------------------------------------------------------------------*/
.summary{
	clear: both;
	float: left;
	width:620px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}
.summary-last{
	border-bottom: none;
	margin-bottom: 0;
}
.summary .summary-date{
	width: 220px;
	float: left;
	background: #e6e7e8;
}
.summary .summary-date h4{
	padding: 3px 0 4px 7px;
}
.summary .summary-date img{
	width: 210px;
    /* height: 119px; */
	padding: 0 0 5px 5px;
}

.summary .summary-content{
	float: right;
	width: 380px;
}
/* Shift up text to line up with image*/
.summary .summary-content h3{
	margin-top: -5px;
	padding-bottom: 6px;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
}
/* Hover states */
.summary .summary-content h3 a{
	color: #58595b;
}
.summary .summary-content h3 a:hover{
	color: #939598;
}
.summary .summary-content h4{
	padding-top: 4px;
	margin-bottom: 24px;
}

.summary .summary-content h4 a{
	font-weight: bold;
	font-style: italic;
}
.summary .summary-content h4 strong a{
	font-style: normal;
}

.summary .summary-content p{
	margin-right: 30px;
}


/* Featured post summary
-----------------------------------------------------------------------------*/
#featured h3{
	font-size: 36px;
	line-height: 32px;
}
#featured .summary-content,
#featured .summary-date{
	width: 300px;
}
#featured .summary-date img{
	width: 290px;
	height: 164px;
}

/* Generic pages
-----------------------------------------------------------------------------*/
.post h2{
	color:#58585a;
	border-bottom: 1px solid #e6e7e8;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.post img{
	border:5px solid #e6e7e8;
}


/* Posts
-----------------------------------------------------------------------------*/
.post{
	margin-bottom: 30px;
}

.post-info{
	position: relative;
}

.post-info h2{
	width: 540px;
	border-bottom: none;
	padding-bottom: 0;
}

.post-info h2.with-attachment{
	min-height: 100px;
	height: auto !important;
	height: 100px;/* for ie6 */
}

.post-info p{
	width: 620px !important;
	border-top: 1px solid #e1e1e1;
	padding-top: 4px;
}

.post-info #download-pdf{
	background: #fff url(../img/icon-press-pack.gif) 0 0 no-repeat;
	width: 76px;
	height: 98px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
}

.post-info #download-pdf em{
	display: block;
	padding: 10px 5px 0 5px;
	font-weight: bold;
}


.post img{
	clear: both;
	margin-bottom: 20px;
}

.post hr{
	float: left;
	clear: both;
	width: 100%;
	color: #e6e7e8;
	background-color: #e6e7e8;
	margin: 10px 0 20px 0;
	height: 1px;
}
html>body .post hr{
	border: none;
}

.post h3{
	margin-top: 30px;
}

.post p,
.post ul,
.post ol{
	width: 540px;
}

.post ul,
.post ol{
	padding-left: 20px;
}

.post ul{
	list-style-type: disc;
}


/* Pagination
-----------------------------------------------------------------------------*/
#pagination{
	clear: both;
	float: left;
	width: 620px;
	padding-bottom: 50px;
	border-top: 1px solid #e1e1e1;
	padding-top: 10px;
}
#pagination a{
	margin-right: 10px;
}
#pagination .top{
	float: right;
	width: auto;
	margin-right: 0;
}

/* Page links - End of page external links
-----------------------------------------------------------------------------*/
#page-footer{
	clear: both;
	float: left;
	width: 620px;
	padding: 20px 0 50px 0;
	border-top: 1px solid #e1e1e1;
	padding-top: 10px;
	list-style-type: none;
}
#page-footer li{
	width: auto;
	float: left;
	margin-right: 10px;
	padding-left: 0;
}
#page-footer li a{
	font-size: 12px !important;
}

/* =Sidebar content
-----------------------------------------------------------------------------*/
/* Media Libray link */
.sidebar-box{
	background: #58595b;
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.sidebar-box h3{
	color: #fff;
	padding: 15px 0 15px 20px;
}
.sidebar-box a.next{
	position:relative;
	display:block;
	width: 240px;
	padding-left: 15px;
	background:#939598;
	line-height: 33px;
	margin:0;
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	margin-left:20px;
}
.sidebar-box a.next:hover{
	color: #939598;
	background:#E6E7E8;
}


/* Subscribe */
#subscribe{
	background: #58595b;
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#subscribe h3{
	color: #fff;
	padding: 15px 0 15px 20px;
}

#subscribe a#rss,
#subscribe a#email{
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #87898c;
}

#subscribe .email-fieldset {
	display:none;
}

#subscribe .errors {
	float:left;
	color:#fff;
	background-color:#a30000;
	margin:10px;
	display:none;
    padding: 1em;
    width: 215px;
}

#subscribe a#rss, #subscribe a#email{
	color: #FFF;
	margin: 0 0 0 20px;
	display: block;
	background:#939598;
	padding-left: 33px;
	width: 225px;
	line-height: 33px;
	position: relative;
}
#subscribe a#rss:hover, 
#subscribe a#email:hover {
	color: #939598;
	border: 1px solid #cacbcc;
	background: #e6e7e8;
}

/* RSS icon */
#subscribe a#rss span.icon{
	width: 33px;
	height: 31px;
	position: absolute;
	left: 0;
	top: 0;
	background:url(../img/icon-rss.gif) top left no-repeat;	
}
#subscribe a#rss:hover span.icon{
	background:url(../img/icon-rss.gif) top right no-repeat;	
}

/* EMAIL ICON */
#subscribe a#email span.icon, 
#subscribe a#email.open span.icon{
	width: 33px;
	height: 31px;
	position: absolute;
	left: 0;
	top: 0;
	background:url(../img/subscribe-email.gif) top left no-repeat;	
}
#subscribe a#email:hover span.icon, 
#subscribe a#email.open:hover span.icon{
	background:url(../img/subscribe-email.gif) top right no-repeat;	
}

/* Link arrow */
.sidebar-box a.next span,
#subscribe a#rss span, 
#subscribe a#email span{
	width:31px;
	height: 31px;
	position: absolute;
	right: 0;
	top: 0;
	background:url(../img/arrow-rss.gif) top left no-repeat;	
}
#subscribe a#rss:hover span, 
#subscribe a#email:hover span,
.sidebar-box a.next:hover span{
	background:url(../img/arrow-rss.gif) top right no-repeat;
}

#subscribe a#email.open span {
	background:url(../img/arrow-down.gif) top left no-repeat;	
}

#subscribe a#email.open:hover span {
	background:url(../img/arrow-down.gif) top right no-repeat;	
}

#subscribe a#email{
	width: 225px;
	padding-left: 33px;
	background:#939598;
	line-height: 33px;
	margin:0;
}

#subscribe form{
	clear: both;
	width: 260px;
	float: left;
	margin: 10px 0 0 20px;
	display: inline; /* for ie6 */
	background: #939598;
}
#subscribe form input{
	width: 230px;
	margin: 10px 0 0 10px;
	padding-left: 10px;
	height: 25px;
	line-height: 25px;
}
#subscribe form #subscribe-submit{
	float: right;
	margin: 10px 10px 10px 0;
	display: inline; /* for ie6 */
}
/* Non js fallback */
#subscribe form input#subscribe-submit{
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	height: 22px;
	line-height: 22px;
	width:auto;
	background: #58595B;
	padding:0 10px 2px 10px;
	float: right;
	margin: 10px 10px 10px 0;
	display: inline; /* for ie6 */
}
#subscribe .success {
	margin: 10px;
    color: #fff;
}

/* Generic sidebar styles */
#sidebar .sidebar-item{
	clear: both;
	border-top: 5px solid #e6e7e8;
}
#sidebar .sidebar-item h3{
	margin: 15px 0 15px 20px;
}
#sidebar .sidebar-item p,
#sidebar .sidebar-item ul{
	margin-left: 20px;
	display: inline; /* for ie6 */
}
#sidebar .sidebar-item ul li{
	float: left;
	clear: both;
	padding-bottom:10px;
}
#sidebar .sidebar-item ul li li{
	padding-bottom: 0;
}

/* Category / Archive links */
#sidebar #sidebar-nav{
	border-top-color: #58595b;
}
#sidebar #sidebar-nav ul{
	float: left;
	padding: 20px 0 10px 0;
}
#sidebar #sidebar-nav li a{
	width: 207px;
	padding-right: 33px;
	height: 33px;
	line-height: 33px;
}

/* Sidebar navigation links */
#sidebar #sidebar-nav li a{
	color: #58595b;
	background: #e6e7e8;
}
#sidebar #sidebar-nav li a:hover{
	color: #FFF;
	background: #58595b;
}

#sidebar #sidebar-nav li a span,
#sidebar #sidebar-nav li a:hover span{
	width: 33px;
	height: 33px;
	background-image: url(../img/arrow-sidebar.gif);
}
#sidebar #sidebar-nav li a:hover span{
	background-position: -33px 0;
}

/* Sidebar navigation hover */
#sidebar #sidebar-nav li a.open{
	color: #FFF;
	background: #58595b;
}
#sidebar #sidebar-nav li a.open span{
	background-position: -66px 0;
}

/* Sidebar dropdown */
#sidebar #sidebar-nav li ul{
	margin: 0;
	padding: 10px 0 10px 0;
	background: #e6e7e8;
	width: 250px;
	display: inline; /* for ie6 */
}
#sidebar #sidebar-nav li li{
	font-size: 1em;
	background: none;
	padding-left: 10px;
	margin-bottom: 0;
	width: 240px;
}
#sidebar #sidebar-nav li li a{
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	height: auto;
	background: none !important;
}
#sidebar #sidebar-nav li li a:hover{
	color:#58595B;
	text-decoration: underline;
}


/* Fast facts */
#sidebar #fast-facts h3{
	margin-bottom: 13px;
}
#sidebar #fast-facts ul {
	float:left;
}
#sidebar #fast-facts li {
	display:none;
	margin: 0 0 24px 0;
	font-size: 36px;
	line-height: 32px;
	color: #807F7C;
}

/* External links */
#sidebar #external-links ul{
	float: left;
}
#sidebar #external-links ul li{
	padding-bottom: 5px;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer{
	background: #ededed;
	padding-bottom: 8px;
}
#footer ul{
	float: left;
	width: 940px;
	border-bottom: 1px solid #d2d2d3;
	margin: 0 0 20px 30px;
	padding-bottom: 23px;
	display: inline; /* for ie6 */
}
#footer ul li{
	float: left;
	margin: 26px 15px 0 0;
	padding-right: 20px;
	background: url(../img/footer-divider.gif) 100% 2px no-repeat;
}
#footer ul li.last{
	padding-right: 0;
	background: none;
}
#footer ul li a{
	color: #939598;
}
#footer ul li a:hover{
	color: #58595b;
}
#footer ul li.active a{
	color: #58595b;
}
#footer p{
	clear: both;
	margin: 0 0 0 30px;
}
#footer p span{ padding:  0 10px 0 10px;}


/* =Generic page styles (Static pages)
-----------------------------------------------------------------------------*/
/* Text within generic Pages */
#page .post{
	padding-bottom: 50px;
}
#page .post h3{
	margin-top: 0;
}
#page .post .intro{
	margin-top: -5px;
}


/* =Search results
-----------------------------------------------------------------------------*/
#page .result{
	margin-bottom: 36px;
}
#page .result h4{
	width: 613px;
	background: #e6e7e8;
	margin-bottom: 15px;	
	padding: 3px 0 4px 7px;
}
#page .result-content h3{
	padding-bottom: 6px;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
}
#page .result-content h4{
	padding-top: 4px;
	margin-bottom: 19px;
	font-size: 1.1em;
	line-height: 14px;
	background: none;
	padding-left: 0;
}
#page .result-content h4 strong{
	color: #58585a;
}

/* =Team
-----------------------------------------------------------------------------*/
#team #content-main{
	width: 940px;
	padding-bottom: 50px;
}
#team #content-main h2{
	margin-top: -20px;
	margin-bottom: 30px;
}

/* Team member names */
#team h3 a{
	color: #58585a;
}
#team h3 a:hover {
	color: #939598;
}

/* CEO */
#team #ceo{
	width: 450px;
	height: 220px;
	margin: 0 auto 20px auto;
	border: 5px solid #e6e7e8;
}
#team #ceo img{
	float: left;
}
#team #ceo h2{
	width: 230px;
	float: left;
	margin-top: 85px;
	margin-bottom: 5px;
}
#team #ceo p{
	margin-bottom: 0;
}

/* Faux columns */
#team #team-wrapper{
	float: left;
	width: 940px;
	background:url(../img/team-faux-cols.gif) 0 0 repeat-y;
}

/* Team layout */
#team .team-column{
	width: 220px;
	float: left;
	margin: 0 20px 0 0;
}
#team .last{
	margin-right: 0 !important;
}

/* Grey Team responsibility boxes*/
#team .team-column .area{
	float: left;
	width: 220px;
	background: #e6e7e8;
	background: #e6e7e8 url(../img/team-area-arrow.gif) bottom left no-repeat;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#team .team-column .area h3{
	margin: 10px 0 0 10px;
	font-size: 1.4em;
	line-height: 16px;
	color:#939598;
}

/* Team Heads - Bordered boxes */
#team .team-column .team-head{
	float: left;
	clear: both;
	width: 210px;
	height: 158px;
	border: 5px solid #e6e7e8;
	margin: 0 0 20px 0;
	position:relative;
}
#team .team-column .team-head-last{
	border-color: #FFF;
}
#team .team-column .team-head img{
	position:absolute;
	right:0;
	top:0;
    /* width:133px; */
}
#team .team-column .team-head h3{
	position:absolute;
	top:10px;
	left: 10px;
	width:100px;
}
#team .team-column .team-head p{
	margin-left:10px;
	margin-top:60px;
	position:relative;
	width:90px;
	z-index:2;
}

/* Team members - bordered images*/
#team .team-column .team-member{
	float: left;
	clear: both;
	width: 210px;
	height: 110px;
	position: relative;
	margin-bottom: 10px;
}
#team .team-column .team-member img{
	width: 90px;
	height: 100px;
	border: 5px solid #e6e7e8;
	float: left;
}
#team .team-column .team-member .member-info{
	position: absolute;
	left: 110px;
	bottom: 0;
	width: 90px;
}
#team .team-column .team-member .member-info h4{
	font-weight: bold;
	margin-bottom: 5px;
}
#team .team-column .team-member .member-info p{
	font-size: 1.1em;
	color: #939598;
	margin-bottom: 0;
}


/* =Team detail
-----------------------------------------------------------------------------*/
#team.detail #content #content-main{
	width: 620px;
}

#team.detail .team-image{
	width: 240px;
	float: left;
}
#team.detail .team-image img{
	float: left;
	clear: both;
    /* width: 210px;
    height: 249px;    */
	border: 5px solid #e6e7e8;
	margin-bottom: 20px;
}

/* Link to download team member photo */
#team.detail .team-image .download{
	clear: both;
	background: url(../img/download-photos.gif) 0 0 no-repeat;
	width: 220px;
	height: 50px;
}
#team.detail .team-image .download h3{
	padding: 8px 0 10px 10px;
	font-size: 1.4em;
	line-height: 16px;
}
#team.detail .team-member,
#team.detail .team-member #page-footer{
	width: 380px;
	float: left;
}
#team.detail .team-member p{
	margin-right: 30px;
}

/* Name and job description */
#team.detail #content-main .member-info{
	margin-top: 60px;
}
#team.detail #content-main .member-info h2 {
	margin-bottom: 0;
}
#team.detail #content-main .member-info p {
	border-top: 1px solid #e6e7e8;
	padding-top: 4px;
	margin-right: 0;
}

/* =Page breadcrumb
-----------------------------------------------------------------------------*/
#breadcrumb{ 
	float:left;
	clear:both;
	width:940px;
	margin:-22px 0 10px 30px;
	display:inline; /* for ie6 */
}
#breadcrumb li{ display:inline; padding-right:5px;}
#breadcrumb li a{ padding-right:5px;}
#breadcrumb li.active a { color:#424344; }

/* =Media Library
-----------------------------------------------------------------------------*/
/* Reset existing header styles for Media library */
.media-library h2, 
.media-library h3, 
.media-library h4,
.media-library h4 a{
	color:#FFF;
}

/* Overwrite link styles within Media Library*/
.media-library #content p a{
	color:#939598;
}
.media-library .pagination li a:hover,
.media-library #content p a:hover{
	color:#FFF !important;
}
/* Overwrite button styles */
.media-library #content a.back,
.media-library #content a.download{
	color:#FFF;
}
.media-library #content a.back:hover,
.media-library #content a.download:hover{
	color:#939598;	
}

/* Set grey backgrond for Media Library*/
.media-library #content-wrapper{
	width:100%;
	float:left;
	background:#58585a;
	padding:20px 0;
}
.media-library #content{
	font-weight:bold;
	overflow:hidden; /* cut off margins */
}

/* Media library */
.media-library #media-header{
	position:relative;
	width:940px;
	float:left;
}
.media-library #media-header h2{
	padding-bottom:7px;
}


/* Images/ Videos */
.media-library .media-title{
	width:100%;
	float:left;
	clear:both;
	padding:0;
	border-top:4px solid #FFF;
	border-bottom:1px solid #666768;
	position:relative;
}

.media-library-home .media-title{
	border-bottom:none;
}
.media-library-home .media-title-info{
	text-align:right;
}
.media-library-home .media-title-info,
.media-library-home .media-title-info p{
	width:auto !important;
}

/* Media detail */
.media-library .media-detail{
	width:100%;
	float:left;
	clear:both;
	padding:0;
	border-bottom:none;
	position:relative;
	padding:0 0 20px 0;
}
.media-library .media-detail .media-title-info{
	display:block;
	position:static;
	float:right;
}


.media-library .media-title h3{
	color:#FFF;
	padding:15px 0 15px 0;
}
.media-library .media-title h3 span{
	font-weight:normal;
	font-size:14px;
}

/* Showing & Pagination */
.media-library .media-title-info{
	display:block;
	position:absolute;
	right:0;
	bottom:17px;
	width:auto;
	margin:0;
}
.media-library .media-title-info p,
.media-library .media-title-info ul{
	font-size:1.4em;
	font-weight:normal;
	margin:0;
	float:left;
	width:auto;
}
.media-library .media-title-info ul.pagination{
	padding-left:20px;
	width:auto;
	float:right;
}
.media-library .media-title-info ul.pagination li{
	display:inline;
}
.media-library .media-title-info ul.pagination li a{
	color:#939598;
}
/* Active pagination */
.media-library .media-title-info ul.pagination li.active{
	border-bottom:2px solid #e6e7e8;
}
.media-library .media-title-info ul.pagination li.active a{
	color:#e6e7e8;
}


/* Media feature */
.media-library #content #feature{
	margin: 20px 0 20px 0;
	padding:0;
	border-bottom:none;
}
.media-library #feature img {
	border:5px solid #67676a;
	float:left;
    /* width:610px; */
    max-width: 610px;
}
.media-library #feature #feature-content {
	width:300px;
}
.media-library #feature #feature-content h4{
	font-size:2.4em;
	line-height:1.2;
	padding-bottom:20px;
	width:100%;
	border-bottom:1px solid #939598;
	margin-bottom:10px;
}
.media-library #feature #feature-content p{
	margin-bottom:0;
	font-weight:normal;
}
.media-library #feature #feature-content p strong{
	font-weight:bold;
}
.media-library #feature #feature-content p a{
	text-decoration:underline;
}
.media-library #feature .download{
	margin-top:20px;
}
.media-library #feature #pagination{
	width:300px;
	margin-top:20px;
	border-top-color: #939598;
}
.media-library #feature #pagination a{
	margin-bottom:20px;
	color:#FFF;
}
.media-library #feature #pagination a:hover{
	color:#939598;
}
.media-library #feature #pagination .prev a span, 
.media-library #feature #pagination a.prev span {
	background:url(../img/arrow-media-prev.gif) 0 0 no-repeat;
}
.media-library #feature #pagination .prev a:hover span, 
.media-library #feature #pagination a.prev:hover span {
	background:url(../img/arrow-media-prev.gif) top right no-repeat;
}


/* Media list */
.media-library ul.media,
ul.media{
	margin-bottom:20px;
	float:left;
	width:970px;
	border-top:1px solid #666768;
    /* margin-left:-20px; */
}
ul.media-search {
    width: 620px;
    clear: left;
    border-top: none;
}
.media-library ul.media li,
ul.media li {
	width:140px;
	float:left;
	border-bottom:1px solid #666768;
	padding:20px 20px 17px 0;
	min-height:150px;
	height:auto!important;
	height:150px;
}
ul.media-search li {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}
ul.media-search li.last {
    padding-right: 0;
}

a.block.media-search {
    margin-bottom: 40px;
}

/* Image wrapper */
/*
 * Does this need the extra specificty of the .media-library class? if not it
 * allows us to easily reuse it on the search results page
 * .media-library ul.media li .media-wrapper{
 * */
ul.media li .media-wrapper{
	width:130px;
	height:69px;
	background:#939598;
	border:5px solid #67676a;
	margin-bottom:7px;
    /* some images are portrait so i set this to keep consistent elem height even with taller content */
    overflow: hidden;
}
ul.media.media-search li .media-wrapper{
    border-color: #e6e7e8;
}

/* same as above/
* .media-library ul.media li h4{
*/
ul.media li h4{
	line-height:14px;
	font-weight:bold;
	padding-bottom:6px;
	margin-bottom:5px;
	border-bottom:1px solid #939598;
	width:140px;
	overflow:hidden;
}
ul.media.media-search li h4{
    border-color: #e6e7e8;
}

/* same as above */
/* .media-library ul.media li p{ */
ul.media li p{
	font-size:10px;
	line-height:12px;
}

/* same as above */
/* .media-library #content ul.media li p{ */
#content ul.media li p{
	margin-bottom:0;
}

/* Block links */
.media-library .block {
	background:#939598;
	margin-bottom:40px;
}
.media-library .block span{
	background:url(../img/arrow-media-read-more.gif) top right no-repeat;
}
.media-library .block:hover span{
	background-position:top left;
}

.media-library a.back{
	position:absolute;
	right:0;
	bottom:20px;
	background:#939598;
}
.media-library .back{
	font-size:1.8em;
	background:#939598;
	display:block;
	line-height:30px;
	margin:0;
	padding: 0 0 3px 15px;
}
.media-library .back span{
	background:url(../img/arrow-back.gif) top right no-repeat !important;
	height:31px;
	width:31px;
	display:block;
	float:right;
}

.media-library .back:hover{
	background:#e6e7e8;
}
.media-library .back:hover span{
	background-position:top left !important;
}

/* Download button */
.media-library .download{
	font-size:1.8em;
	background:#939598;
	display:block;
	line-height:30px;
	margin:0;
	padding: 0 0 3px 15px;
}
.media-library .download span{
	background:url(../img/arrow-down.gif) left top no-repeat;
	height:31px;
	width:31px;
	display:block;
	float:right;
}
.media-library .download:hover{
	background:#e6e7e8;
}
.media-library .download:hover span{
	background:url(../img/arrow-down.gif) right top no-repeat;
}

.media-wrapper a img
{
    display:block;
    margin:auto;
}