/*************************************************************************
	Resolution 2009
	MODULE: 	global.css
	PURPOSE:	all rules for site
*************************************************************************/

/* Auto float clearing for compliant browsers
*************************************************************************/
#topbar:after,
#wrapper:after,
#main:after,
#content:after,
#breadcrumbs:after,
#nav-secondary ul:after,
#selector:after,
#selector-two-cols:after,
.video-holder:after,
.sticky:after,
.publications-list li:after,
.news-list li:after,
.e-news-list li:after,
.e-news-article:after,
.middlelinks:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	}




/* General Rules and classes
*************************************************************************/
html {
	font-size:100%;
}
body {
	color:#60513A;
	background:#E2DFDB;
	font: normal 0.80em/1.4em Verdana,Arial,"Helvetica Neue","Helvetica",sans-serif;
	margin:0;
	padding:0;
}
#skipto {
	position:absolute;
	left:-1000em;
}
.right,
.floatright {
	float:right;
	text-align:right;
}
.left,
.floatleft {
	float:left;
	text-align:left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
.clear {
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}




/* Layout (sizes / floats / positions of main elements)
*************************************************************************/
#wrapper {
	width:882px;
	margin:0 auto;
}

#main {
	clear:both;
	margin:10px 0 0;
	background:#FFF url(../site_images/bg-main.gif) left top repeat-y;
	}
	
.left-col {
	background:#FFF url(../site_images/bg-main-left-col.gif) left top repeat-y !important;
	}

.editorial .main-shim {
	clear:both;
	display:block;
	height:30px;
	background:#FFF url(../site_images/bg-main-bottom.gif) no-repeat;
	}

.left-col .main-shim {
	background:#FFF url(../site_images/bg-main-bottom-left-col.gif) no-repeat;
	}

#content {
	float:left;
	width:623px;
	padding:13px 17px 17px;
	border-right:1px solid #D3D0CC;
	border-left:1px solid #D3D0CC;	
	margin:0 10px 1px 0;
	background:#FFF;
	}

.right-col {
	margin:0 0 1px 10px !important;
	}
	
#left {
	float:left;
	width:659px;
	margin:0 10px 0 0;
	}
	
#left #content {
	float: none;
	margin:0;
	}

#sidebar {
	float:left;
	width:213px;
}




/* General Content formatting
*************************************************************************/
h1,h2,h3,h4,h5,h6,blockquote {
	font: normal 1em/1em "Trebuchet MS",Arial,"Helvetica Neue",Helvetica,sans-serif;
	margin:0;
	padding:0;
}
p {
	margin:0 0 1.5em;
}
ul,
ol,
dl {
	margin:0 0 1.5em 30px;
	padding:0;
}
li {
	margin:0 0 1.5em;
}
h1 {
	color:#BABA00;
	font-size:2.2em;
	margin:0 0 0.5em 0;
}
h2 {
	font-size:1.6em;
	margin-bottom:1em;
}
h3 {
	font-size:1.4em;
	margin-bottom:15px;	
}
a,a:link {
	color:#BF0222;
	text-decoration:none;
	font-weight:bold;
}
a:visited {
	color:#A4021E;
}
a:hover {
	text-decoration:underline;	
}
blockquote {
}
blockquote big {
}
blockquote p {
}
address {
}
dl {
}
dt {
}
dd {
}




/* Images
*************************************************************************/
img {
	border:none;
}
.imageright {
	float:right;
	text-align:right;
	margin:0 0 30px 30px;
}
.imageleft {
	float:left;
	text-align:left;
	margin:0 30px 30px 0;
}




/* Specific Content formatting
*************************************************************************/
#content ul {
	margin: 0 0 1.2em 0.5em;
	list-style: none;
	}
	
#content ul li {
	background: url(../site_images/bullet.png) no-repeat 0 7px;
	margin: 0 0 0.7em 0;
	padding: 0 0 0 14px;
	}
	
#content ul ul {
	margin: 0 0 0.5em 0.5em !important;
	}
	
#content p {
	margin: 0 0 1.2em 0;
	}

#content h2 {
	margin: 0.5em 0;
	padding: 10px 0 0 0;
	}

#content h3 {
	color: #908675;
	}
	

.big,
.leader,
#content big {
	font: normal 1.3em/1.3em "Trebuchet MS",Arial,"Helvetica Neue",Helvetica,sans-serif;	
	}

p.leader {
	margin:0 0 1em;
	}

.quote-right {
	width:170px;
	padding:15px 15px 0;
	font: normal 1.2em/normal "Trebuchet MS",Arial,"Helvetica Neue",Helvetica,sans-serif;	
	background:#BABA00 url(../site_images/bg-green-curvedtop.png) no-repeat;
	color:#FFF;
	clear:right;
	float:right;
	margin:0 0 30px 30px;
	border-left: 10px solid #fff;
	}
	
.quote-right .shim {
	display:block;
	height:14px;
	padding:0;
	font-size:0;
	margin:0 -15px;
	background:#BABA00 url(../site_images/bg-green-curvedbot.png) no-repeat;
	}




/* Forms
*************************************************************************/
/* General rules */
form {
	margin:0;
	padding:0;
}
fieldset {
	margin:0;
	padding:0;
	border:none;
}
legend {
	display:none;
}
input,textarea {
	border:none;
	color:#000;
	font: normal 0.8em/1.2em Verdana,Arial,"Helvetica Neue","Helvetica",sans-serif;
}
button {
	border:none;
	text-align:center;
	padding:0;
	font: normal 1em/1.2em Verdana,Arial,"Helvetica Neue","Helvetica",sans-serif;	
}




/* Top Bar
*************************************************************************/
#topbar {
	min-height:19px;
	background:#D90026;
	border-left:1px solid #D3D0CC;
	border-right:1px solid #D3D0CC;
	font-size:0.85em;	
}




/* Skip Links
*************************************************************************/
#skiplinks {
	float:left;
	margin:0 15px;
	padding:0;
}
#skiplinks li {
	display:inline;
}	
#skiplinks a,#skiplinks a:visited {
	color:#D90026;
	text-decoration:none;
}
#skiplinks a:visited:hover,
#skiplinks a:hover,
#skiplinks a:focus {
	color:#FFF !important;
	text-decoration:underline;
}




/* Meta Nav
*************************************************************************/
#metanav {
	float:right;
	margin:0 5px;
	padding:0;
	}

#metanav li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
	}

#metanav span,
#metanav a,
#metanav a:visited {
	color:#FFF;
	padding:0 10px;
	text-decoration:none;
	border-right:1px solid #FFF;
}
#metanav li.last a {
	border:none;
}	
#metanav a:hover {
	color:#D90026;
	background:#FFF;
}	




/* Banner
*************************************************************************/
#banner {
	clear:both;
	height:103px;
	background:#FFF;
	border:1px solid #D3D0CC;
	border-top:none;
	font-size:0.85em;
}
#banner img {
	float:left;
	margin:12px 0 0 20px;
}




/* Search Site
*************************************************************************/
#sitesearch {
	float:right;
	width:264px;
	margin:15px;
	display:inline;
	}

#sitesearch label {
	display:none;
	}

#sitesearch input {
	float:left;
	width:174px;
	height:19px;
	padding:0 5px;
	margin:0 15px 0 0;
	border-top:1px solid #ABADB3;
	border-left:1px solid #E2E3EA;
	border-right:1px solid #DBDFE6;
	border-bottom:1px solid #E3E9EF;
	font-size:1em;
	}

#sitesearch button {
	float:left;
	height:20px;
	width:63px;
	background:#9999CC url(../img/bg-button-search.png) no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:0.95em;
	}




/* Search results
*************************************************************************/
#content ul.search {
	margin: 0 0 1.2em 0;
	}

#content ul.search li {
	background: none;
	padding: 0.7em;
	margin: 0;
	border-bottom: 1px dotted #777;
	}
	
#content ul.search li p {
	margin: 0;
	padding: 0;	
	}

#content ul.search li h2 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	}
	
#content ul.search li.odd {
	background: #f5f5f5;
	}




/* Banner Nav
*************************************************************************/
#banner ul {
	clear:right;
	float:right;
	padding:0;
	margin:21px 5px 0;
	}
#banner li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
	}
#banner li span,
#banner li a,
#banner li a:visited {
	display:block;
	color:#D90026;
	padding:0 10px;
	text-decoration:none;
	border-right:1px solid #D3D0CC;
	}
#banner li.last a {
	border:none;
	}	
#banner li.here a,
#banner li a:hover {
	color:#FFF;
	background:#D90026;
	}		




/* Primary Navigation
*************************************************************************/	
#nav-primary ul {
	clear:both;
	list-style:none;
	min-height:24px;
	width:880px;
	padding:3px 0;
	border:1px solid #D3D0CC;
	border-top:none;
	margin:10px 0 0 0;
	background:#FFF;
	font: bold 1.15em/normal "Trebuchet MS",Arial,"Helvetica Neue",Helvetica,sans-serif;	
}
#nav-primary li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#nav-primary li a,
#nav-primary li a:visited {
	display:block;
	padding:2px 9px;
	border-right:1px solid #D3D0CC;
	color:#60513A;
	text-decoration:none;	
}
#nav-primary li.selected a,
#nav-primary li.selected a:visited,
#nav-primary a.here,
#nav-primary a:hover,
#nav-primary a:focus,
#nav-primary a:visited:hover {
	color:#FFF !important;	
	background:#BABA00;
}

#nav-primary li.selected a.yellow,
#nav-primary li.selected a.yellow:visited,
#nav-primary a.yellow:hover,
#nav-primary a.yellow:focus,
#nav-primary a.yellow:visited:hover {
	color:#FFF;	
	background:#f19210;
}

#nav-primary li.selected a.emerald,
#nav-primary li.selected a.emerald:visited,
#nav-primary a.emerald:hover,
#nav-primary a.emerald:focus,
#nav-primary a.emerald:visited:hover {
	color:#FFF;	
	background:#5ac09b;
}

#nav-primary li.selected a.navy,
#nav-primary li.selected a.navy:visited,
#nav-primary a.navy:hover,
#nav-primary a.navy:focus,
#nav-primary a.navy:visited:hover {
	color:#FFF;	
	background:#5c85b6;
}

#nav-primary li.selected a.red,
#nav-primary li.selected a.red:visited,
#nav-primary a.red:hover,
#nav-primary a.red:focus,
#nav-primary a.red:visited:hover {
	color:#FFF;	
	background:#d50024;
}







/* Secondary Navigation
*************************************************************************/	
#nav-secondary ul {
	clear:both;
	list-style:none;
	min-height:17px;
	width:880px;
	padding:3px 0;
	border:1px solid #D3D0CC;
	border-top:none;
	margin:10px 0 0 0;
	background:#BABA00;
	font-size:0.85em;
	line-height:normal;
/*	letter-spacing:-0.05em;	*/
}

#nav-secondary li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#nav-secondary li.last a,
#nav-secondary li.last a:visited {
	border:none;
}
#nav-secondary li a,
#nav-secondary li a:visited {
	display:block;
	padding:2px 9px;
	border-right:1px solid #FFF;
	color:#FFF;
	text-decoration:none;
}
#nav-secondary li.here a,
#nav-secondary li.here a:visited,
#nav-secondary a:hover,
#nav-secondary a:focus,
#nav-secondary a:visited:hover {
	color:#BABA00;	
	background:#FFF;
}
#nav-secondary li.selected a:hover {
/*	color:#FFF;*/
}




/* Breadcrumbs
*************************************************************************/
#breadcrumbs {
	font-size: 95%;
	line-height: 1.2em;
	color: #929292;
	padding: 0 11px 0 0;
	}

#breadcrumbs a,
#breadcrumbs span {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	font-weight:normal;
	color: #676767;
	}
	
#breadcrumbs span.here {
	font-weight:bold;
	}
	
#breadcrumbs span.arrow {
	width: 4px;
	background: url("../site_images/arrow_purple.gif") no-repeat 50% 50%;
	text-indent: -999em;
	}




/* Content Side Panel
*************************************************************************/	
.contentside {
	width:200px;
	margin:0 0 30px 30px;
	float:right;
	}

.contentside-left-aligned {
	float:left !important;
	margin: 0 30px 30px 0 !important;	
	}

.contentside img {
	display:block;
	margin:0 0 30px;
	}

.contentside span.shim {
	display:block;
	height:14px;
	padding:0;
	font-size:0;
	margin:0 -15px;
	background:#BABA00 url(../site_images/bg-green-curvedbot.png) no-repeat;
	}

.contentside div {
	padding:15px 15px 0;
	font: normal 1.2em/normal "Trebuchet MS",Arial,"Helvetica Neue",Helvetica,sans-serif;	
	background:#BABA00 url(../site_images/bg-green-curvedtop.png) no-repeat;
	color:#FFF;
	}

.contentside div p {
	font-size:0.85em;
	line-height:1.2em;
	margin:0 0 0.5em !important;
	}
	
.contentside div p sup {
	font-size: 70%;
	line-height: 1em;
	}
	
.contentside div ul {
	margin-left: 0 !important;
	}

.contentside div ul li {
	background: url("../site_images/bg_bullet_white.gif") no-repeat 0px 7px !important;
	font-size:0.85em;
	}

.contentside div h3 {
	font-size:1.2em;
	line-height:1em;
	margin:0 0 0.5em;
	color: #fff !important;
	}

.contentside div a {
	color: #fff;
	text-decoration: underline;
	font-weight:bold !important;
	}
	
.contentside div a:hover,
.contentside div a:active,
.contentside div a:focus {
	text-decoration: none;
	}




/* List box
*************************************************************************/	
.list-box {
	background: #F8F8F8 !important;
	border-bottom: 1px dotted #777;
	border-top: 1px dotted #777;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 0 !important;
	}




/* Sub Section Index Page
*************************************************************************/
#main.subindex {
	background:none;
}
.subindex #content {
	width:880px;
	position:static;
	display:block;
	bottom:0;
	float:none;
	margin:0;
	padding:0;	
	border:1px solid #D3D0CC;
	border-top:none;
}
.subindex #breadcrumbs {
	padding:0;
	margin:13px 0 17px 0;
	border:none;
	}

.subindex .contentintro,
.subindex .contentintro-wide {
	clear:left;
	float:left;
	width:558px;
	padding:0 17px;
	}
	
.subindex .contentintro-wide {
	width:458px;
	}

.subindex .contentside,
.subindex .contentside-wide {
	width:286px;
	margin:0;
	padding:0;
	float:right;
	}
	
.subindex .contentside-wide {
	width:386px;
	}

.subindex .contentside img,
.subindex .contentside-wide img {
	margin:0;
	}


#selector-two-cols,
#selector {
	clear:both;
	margin:0;
	padding:0;
	}

#selector-two-cols div,
#selector div {
	float:left;
	background:#FFF;
	border:1px solid #D3D0CC;
	border-top:none;
	width:286px;
	min-height:270px;
	margin:10px 0 0;
	padding:0 0 10px 0;
	}
	
#selector div.centre {
	margin:10px 9px 0;
	}
	
	
#selector-two-cols {
	background: #fff url(../site_images/bg_two_cols_landing.gif) repeat-y;
	}
	
#selector-two-cols div {
	width: 436px;
	min-height:120px;
	margin: 0 10px 0 0;
	border: none;
	border-top: 10px solid #e2dfdb;
	}
	
#selector-two-cols div.right-side {
	margin: 0 0 0 0;
	}




#selector-two-cols div h2,
#selector div h2 {
	background:#BABA00;
	color:#FFF;
	font-size:1.4em;
	line-height:1.4em;
	padding:10px 17px;
	margin:0;
	}

#selector div h2 a,
#selector div h2 a:visited,
#selector-two-cols h2 a,
#selector-two-cols h2 a:visited {
	color:#fff !important;
	}

#selector-two-cols div img,
#selector div img {
	display:block;
	}

#selector-two-cols p,
#selector div p {
	margin:14px 17px 0;
	}




/* Sidebar
*************************************************************************/
#sidebar img {
	display:block;
	width:211px;
	padding:0 1px;	
	background:url(../site_images/bg-sidebarpanel-bot.png) left bottom repeat-x;
	border-bottom: 10px solid #e2dfdb;
	}
	
#sidebar .panel {
	font-size:0.9em;
	padding:0 0 10px 0;
	background:url(../site_images/bg-sidebarpanel-bot.png) left bottom repeat-x;
	}

#sidebar .panel h3 {
	padding: 8px 12px;
	background:#BABA00;
	color:#FFF;
	font-size:1.6em;
	margin: 0 1px;
	}
	
#sidebar .panel h3 a {
	color:#FFF;
	}
	
#sidebar .panel h4 {
	margin: 10px;
	color: #818177;
	padding: 0 !important;
	font-size: 1.6em;
	font-weight: bold;
	}
	
#sidebar .panel h5 {
	margin: 10px;
	font-size: 1.4em;
	color: #9a97b4 !important;
	font-weight: bold;
	}
	
#sidebar .panel p {
	margin: 10px;
	}
	
#sidebar .panel img {
	border-bottom: 0;
	}

#sidebar .panel ul {
	margin: 10px 12px !important;
	list-style: none;
	}

#sidebar .panel li {
	margin:0 0 5px 0;
	padding: 0 0 0 14px;
	background: url("../site_images/arrow-red-right.png") no-repeat 0 6px;
	}
	
#sidebar a,
#sidebar a:visited {
	color:#89B3E5;
	}
	
#sidebar .panel li.here a {
	color: #3e6a9e;
	}
	
#sidebar .panel li.here li a {
	color: #999;
	}
	
#sidebar .panel li ul {
	margin: 5px 0 !important;
	}
	
#sidebar .panel li li {
	margin:0 0 10px 0;
	padding: 0 0 0 14px;
	background: url("../site_images/arrow-grey-right.gif") no-repeat 0 6px;
	line-height: 1.2em;
	}
	
#sidebar .panel li li a,
#sidebar .panel li li a:visited {
	font-weight: normal !important;
	color: #999;
	}
	
#sidebar .panel li li.here a {
	color:#A4021E;
	}


#sidebar .rss h3 {
	background:#e26b2c !important;
	font-size:1.3em;
	}

#sidebar .rss p {
	background: url("../site_images/icon_feed.gif") no-repeat 0 6px;
	padding: 3px 0 3px 25px;
	}




/* Footer
*************************************************************************/
#footer {
	clear:both;
	min-height:34px;
	padding:17px;
	margin:10px 0 20px;
	font-size:0.85em;
	background:#FFF;
	border:1px solid #D3D0CC;
	border-bottom:none;
	}
#footer p {
	width:50%;
	}
#footer a,
#footer a:visited {
	font-weight:normal;
	color:#60513A;
	}
#footer a:hover {
	color:#D90026;
	}
#footer .twitter {
	background: url("../site_images/bg_twitter.gif") no-repeat;
	padding: 0 0 4px 25px;
	width: 40%;
	}
#footer .twitter a {
	font-weight: bold;
	color: #2aa8c7 !important;
	}
	
	




/* Content - List Of Contents
*************************************************************************/	
.pagecontents {
	background:#F5F5D9;
	margin:0 0 1.5em 0;
	}

.pagecontents h2 {
	color:#FFF;
	background:#BABA00;
	font-size:1.4em;
	padding:4px 5px !important;
	}

#content .pagecontents ul,
#content .pagecontents ol,
.pagecontents ul,
.pagecontents ol {
	padding:0 10px 10px 5px !important;
	}

#content .pagecontents ul li,
.pagecontents ul li {
	margin-bottom: 0.5em !important;
	background: url(../site_images/arrow-red-right.png) no-repeat 0 6px;
	}
	
.pagecontents ul a, .pagecontents ul a:visited, 
.pagecontents ol a, .pagecontents ol a:visited, 
#content .pagecontents ul a, #content .pagecontents ul a:visited,
#content .pagecontents ol a, #content .pagecontents ol a:visited {
	color:#60513A;
	font-size:0.9em;
	text-decoration:underline;
	}

.pagecontents ul a:hover,
.pagecontents ol a:hover,
#content .pagecontents ul a:hover,
#content .pagecontents ol a:hover {
	color:#D90026;
	}

.editorial .clip {
	float: left;
	border: 1px solid #dcdcdc;
	background: #ececec;
	padding: 9px;
	margin:0 0 10px;
	}