/* debug selectors */
/* remove this space to enable -> * / body {background:aquamarine;}
#container {background:coral;}
#logo {background:cyan;}
#banner {background:cornsilk;}
#content {background:darkorange;}
#footer {background:dodgerblue;}/* */

/* ================ default styles for elements ================ */
html {font-family: Arial, Helvetica, Tahoma, sans-serif;}
body {
	color:#000;
	background:#fff;
	width:100%;
	height:100%;
	line-height:1.2;
	font-size:81%;
}

a {color:#00245d;}

p, form {
	line-height:1.3;
	margin-bottom:0.6em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	color:#00245d;
	line-height:1.3;
	margin-bottom:0.6em;
}

h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 100%;}
h4 {font-size: 90%;color:##040404;}
h5 {font-size: 85%;}
h6 {font-size: 80%;}

#sidebar h2, .col h2, #subcontent h2 {font-size:110%;font-weight:bold; color:#00245d;}
#sidebar h3, .col h3, #subcontent h3 {font-size:105%;font-weight: bold;color:#00245d;}
#sidebar h4, .col h4, #subcontent h4 {font-size:12px;font-weight: bold;}
.col h2 {font-weight:normal;}

h2 a.right, #subcontent h2 a {
	padding-left:2em;
	text-decoration:none;
	font-weight:normal;
	font-size:0.9em;
}

h2 span a, h3 span a {
	font-weight:normal;
	font-size:0.9em;
	text-decoration:none;
}

h2 span a:hover, h3 span a:hover {
	text-decoration:underline;
}

#sidebar h3.video, #sidebar h3.audio {
	margin-top:20px;
	padding-left:38px;
	min-height:30px;
}
#sidebar .item.listenLink {
	text-align: left !important;
}
#sidebar .listenLink h3{
	padding-top:20px;
	padding-left:10px;
	padding-right: 75px;
	width: 165px;
	min-height:30px;
}
#sidebar h3.video {background:transparent url('/images/uploads/icon.video.gif') top left no-repeat;}
#sidebar h3.audio {background:transparent url('/images/uploads/icon.audio.gif') top left no-repeat;}

div.listenBTN {
position: absolute;
top: 20px;
right: 0;
}

div.listenBTN a {
display: block;
background: url('/images/uploads/btn-listen.png') top left no-repeat;
width: 64px;
height: 23px;
}

div.listenBTN a span {
display: none;
}

#sidebar #media .item {
	clear:left;
	position: relative;
	text-align: center;
}

#sidebar #media .item h3 {
	font-size: 12px;
	color: #676767;
}
#sidebar #media .item h3 a {
	color: #676767;
	text-decoration: none;
}
#sidebar #media .item h3 a:hover {text-decoration:underline;}

.postImage {
	float: right;
	padding: 0 0 24px 24px;
}

/* ================ widely scoped utility selectors ================ */
.hide {display:none;visibility:hidden;}
.left, ul.left li, img.alignleft {float:left;}
img.alignleft, #content img.left {margin-right: 8px; margin-bottom:8px;}
.right, img.alignright, div.right, input.right, ul.right li {float:right;}
div.alignright, p.alignright {text-align:right;}
td.left, th.left, p.left {float:none;text-align:left;}
td.right,th.right, p.right {float:none;text-align:right;}
td.bottom, th.bottom {vertical-align:bottom !important;}
td.top, th.top {vertical-align:top !important;}
td.middle, th.middle {vertical-align:middle !important;}
.center {text-align:center;}
.aligncenter, img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.full {width:100%;}
.inline {display:inline;}
.italic, .cite {font-style:italic;}
.cite {font-size:0.9em;}
.hide {visibility:hidden;display:none;}
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}

/* clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

.note, .more-link {font-size:0.7em;font-style:italic;}
.justify {text-align:justify;}

.glyph {
	line-height:.7;
	color:#698D68;
}

.pad {margin-top:1em;}

.half {
	float:left;
	width:49%;
	margin-left:2%;
}

.first {margin-left:0;}

a.read-more {
	float: right;
	padding-bottom: 10px;
	display: block;
	width: 61px;
	height: 16px;
	background: url('/images/uploads/btn-readmore.png') top left no-repeat;
}

a.read-more span {
	display: none;
}



/* ======== roll-up styles common to multiple elements =========*/
#content, #subcontent, #footer {padding:12px 0 14px;}
#content {padding-top:0px;} /* the H1 will pad the content, if present */

/* ================ buttons and common controls ================ */
.button {
	padding:0.4em;
	border:1px solid #d9d8d8;
	background:#fff;
	color:#002595;
	font-size:0.7em;
}

.button.small {
	padding:0.1em;
}

a.button {
	text-decoration:none;
	cursor:pointer;
}

input.button {cursor:pointer;}
input.button.center {margin-left:auto;margin-right:auto;}

.button.inline {
	display:inline-block;
}

.button input {
	background:transparent;
	border:0;
}

.button.fixed {
	height:24px;
	line-height:24px;
	padding-top:0;
	padding-bottom:0;
	vertical-align:middle;
}

span.button.fixed {
height:22px;}

.fixed input {
	margin:0;
	padding:4px 0;
	height:14px;
	line-height:14px;
	font-size: 14px;
}

input.narrow {width:80px;}
input.medium {width:192px;}
input.wide {width:350px;}

input.masked {color:#d5d3d3;}

img.thumbnail {
	margin-bottom:1em;
}

img.thumbnail.left {
	margin-right:1em;
}

img.thumbnail.right {
	margin-left:1em;
}

/* ================ boxes in the right sidebar ================ */
.box {
	width:250px; /* 280px total w/1px border & padding */
	padding:12px 14px 14px;
	margin-bottom:6px;
	border:1px solid #e5e4e4;
	background-color:#fff;
	background-image:url('/images/uploads/box-short.gif');
	background-position:bottom left;
	background-repeat:repeat-x;
}

.box.tall {
	background-image:url('/images/uploads/box-tall.gif');
}

/* ================ content area 2-column layout ================ */
.twocol {
	clear:both;
}

.col {
	float:left;
	width:44%;
	padding:2%;
	margin:4px 0;
}

.grid-box img{
	float: left;
	margin: 0 10px 10px 0;
}

.twocol.border .col:first-child {
	margin-right:-1px;
	border-right:1px solid #c4c3c3;
}

.twocol .item {
	clear:none;
}

hr {
	clear:both;
	height:1px;
	border:0;
	margin:0 auto;
	padding-bottom: 18px;
	border-top:1px solid #ddd;
}

/* ================ page containers and layout ================ */

/* #page encompasses all page content - for layout */
#page {
	width:910px;
	margin-left:auto;
	margin-right:auto;
}


/* #superbanner, when needed, will display above all content */
#superbanner {
	height:0px;
	width:100%;
}

/* #banner contains #logo and #utility */
#banner, #navigation {
	width:100%;
}

#banner {
	height:118px;
}

#logo {
	display:block;
	float:left;
	width:490px;
}

#logo img {
	padding-top:22px;
}

#utility {
	float:right;
	margin-top:40px;
	color:#aaa;
}

#utility li {
	display:inline-block;
}

#utility li#search {
	background:#f7f6f6;
	padding:0.1em 0.4em;
}

#utility li#search #searchform {
	margin-bottom:0;
}

#utility li #keywords {
	width:200px;
	background:transparent;
	border:none;
}

#utility a {
	padding-right:6px;
	color:#aaa;
	font-size:0.7em;
	text-decoration:none;
}

#utility a:hover {text-decoration:underline;}

#utility #banner-donate, #utility #banner-donate a {
	background:url('/images/uploads/banner-donate.gif') no-repeat;
}

#utility #banner-donate {
	display:block;
	width: 100%;
	height:40px;
	margin-top:4px;
	background-position: top right;
}

#utility #banner-donate a {
	display:block;
	width:97%;
	height:40px;
	line-height:36px;
	white-space:nowrap;
	text-align:center;
	text-indent: 2%;
	color:#757575;
	font-size:0.9em;
	background-position: top left;
}

/* #navigation is the horizontal tab navigation */
#navigation {
}

#navigation ul li a {
	background-image:url('/images/uploads/navigation.gif');
	background-repeat: no-repeat;
	width:100%;
	color:#000;
}

/* provides rollover state for button/tab background */
#navigation ul li a:hover, #navigation ul li a.active {
/* 	background-position:bottom right; */
	background-image:none;
	background-color:#00255d;
	color:#fff;
}

#navigation ul li ul li a:hover {
	background-image:url('/images/uploads/navigation.gif');
	background-repeat: no-repeat;
	background-position:bottom right;
	color:#000;
	
}

#navigation ul li {
	display:inline-block;
	width:182px; /* 20% */
	float:left;
}

#navigation ul li a {
	display:block;
	height:33px;
	line-height:33px;
	margin:0;
	padding:0;
	background-position:top right;
	color:#000;
	text-decoration:none;
	text-align:center;
}



/* suckerfish menus - based on http://www.alistapart.com/articles/dropdowns/ */
#navigation li ul {
	display:none;
	position:absolute;
	margin-top:-1px;
	top:1em; /* overriden */
	left:0; /* overriden */
	z-index:12;
}

#navigation li>ul {
	top:auto;
	left:auto;
}

#navigation li ul li {
	display:block;
	clear:left;
}

#navigation li:hover ul {
	display:block;
}

.nav-section {
	text-align:center;
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom:1px solid #ddd;
}

.nav-section .links {
	color:#00245d;
	font-size:1.5em;
	font-weight:bold;
}

.nav-section input#inpage-keywords {
	text-align:left;
	background:#e1e1e1;
	border:2px solid #e1e1e1;
}

.nav-section form {padding-left:20px;}

.nav-section a {text-decoration:none;}
.nav-section a:hover {text-decoration:underline;}

/* #sidebar is the sidebar */
#container, #sidebar {
	margin-top:12px;
}

#sidebar {
	float:right;
	width:280px;
}

#sidebar #newsletter #email {
	font-size:1.1em;
	width:190px;
	padding-bottom:2px;
}
#sidebar #signup #submit {width:42px;}

/* #container wraps #content to make room on the right for #sidebar */
#container {
	width:100%;
	float:left;
	margin-right:-290px;
}

#content {
	margin-right:290px;
        padding-right: 32px;
}

#content.homepage {
        padding-right: 0;
}

#content .pagetitle {
	width:581px;
	height:73px;
	background:#aaa;
	overflow:hidden;
}

#content .pagetitle span {
	z-index:2;
	display:block;
	position:absolute;
	margin-left:16px;
	margin-top:16px;
	color:#fff;
	text-shadow:#000 0px 0px 1px;
}

#content hr {
	height:1px;
	margin:.5em 0;
}

.item {clear:left;}

#inpage-search {
	width:auto;
}

/* #subcontent expands across beneath both #content and #sidebar */
#subcontent {
	clear:both;
	border:1px solid #f4f4f4;
	background:url('/images/uploads/box-short.gif') bottom left repeat-x;
}

#subcontent h2 {
	padding-bottom: 10px;
}

#subcontent .item {
	float:left;
	clear:none;
	width:23%;
	margin-right:2%;
	text-align:center;
}

#sidebar #reports h2{
	position: relative;
	margin: 0 0 15px 0;
}

#sidebar #reports h2 a{
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	right: 0;
	font-weight: normal;
	bottom: 0;
}

#sidebar #reports .item{
	text-align: center;
	margin: 0 0 20px 0;
}

#sidebar #reports .item img{
	margin: 0 0 10px 0;
}

#sidebar #reports .item h3{
	font-weight: normal;
	font-size: 11px;
}

#sidebar #reports .item h3 a{
	text-decoration: none;
}

#subcontent .subContentReports h3 {
	padding: 12px 0 12px 0;
}

#subcontent .subContentReports h3 a {
	text-decoration: none;
	font-size: 12px;
}
#subcontent .subContentReports h3 a:hover {
	text-decoration: underline;
}


/* #footer is at the bottom, as usually */
#footer {
	clear:both;
	padding-top:20px;
	text-align:justify;
	font-size:0.9em;
	background:#fff url('/images/uploads/box-short.gif') bottom left repeat-x;
}

#footer h2 {
	width:100%;
	text-align:justify;
}

.copy {
	padding:0.5em 0;
	font-size:0.9em;
}

.copy span {padding-right:0.5em;}


/* ================ page-specific elements ================ */

.item h2, .item h3 {
	margin-bottom:0.25em;
}


/* popup styles */
.popup {
	text-align:center;
	background:#656464;
	color:#fff;
}

.popup .logo {
	margin:20px auto;
}

.popup h1 {
	font-weight:normal;
	margin-bottom:2px;
}

.popup form {
	margin:10px auto;
}

.popup li {
	height:2em;
	line-height:2em;
	margin:0 12% 12px;
	background:#fff;
	color:#000;
}

.popup li label {
	margin-left:0.25em;
}

.popup li input {
	border:none;
	background:transparent;
}

.popup h1, .popup h2, .popup h3 {
	color:#fff;
}

.popup #popup_content {
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}

.popup #popup_content p {margin:0 12%;}
.popup #popup_content li.note{background: transparent; margin-bottom:0;}
.popup #popup_content li.note p{margin: 0 0 5px 0; padding: 0 0 0 0; color: #FFF; font-size: 11px; height: 15px; line-height: 15px;}

.popup #popup_content .donate,
.popup #popup_content .toolkits {
	text-align:left;
}

.popup li {padding-left:0.5em;}

.popup label {font-size:90%;}

.popup .donate.page3 h1 {
	font-size:150%;
	margin-top:1em;
}

.popup .donate.page3 p {
	padding:100px 0;
	font-size:120%;
	line-height:1.8em;
}

.popup #popup_content.audio  {
	width:90%;
}

.popup .player {
	min-height:180px;
	margin-top:0.5em;
}

.popup .player img {
	margin:20px;
}

.popup .player embed, .popup .player .audioplayer {
	margin-top:10px;
	background:#d9dadb;
}

.popup .video .teaser {
	text-align:center;
	padding-bottom:0.5em;
}

.popup .audio .player {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

.popup #popup_content.partner_box h1 {
	text-align: left;
	font-size:  140%;
	margin:  20px 12%;
}

.popup #popup_content.partner_box p{
	text-align: left;
}


.popup #popup_content.partner_box ul.thumbnails li{
	background:  none;
	height:  auto;
	line-height: auto;
	margin:  0;
	display: block;
	margin-bottom: 10px;

}

.popup #popup_content.partner_box ul.thumbnails {
	float: right;
	margin-right: 12%;
	margin-left: 10px;
}


.popup #popup_content.partner_box p {
	margin-bottom:  10px;
}

.media #content .item h3 {
	font-weight:normal;
	color:#000;
}

/* carousel styles */

#carousel {
        position: relative;
	height:300px;
	margin-bottom:22px;
	overflow:hidden;
width: 580px;

overflow: hidden;
}

#carousel-content {
	height:280px;
	overflow:hidden;
	list-style-type: none;
width: 580px;

overflow: hidden;
	margin: auto;
}

div#carousel-nav-top {
	/* background: url('/images/uploads/bg-carousel-nav_top.png'); */
	position: absolute;
        top: 0;
        left: 0;
width: 580px;

overflow: hidden;
	height:40px;
        z-index: 10;
}

div#carousel-nav-container {
	width: 580px;
        height: 30px;
	/* background: url('/images/uploads/bg-carousel-nav.png'); */
	background-color: #323232;
	position: absolute;
width: 580px;

overflow: hidden;

}

ul#carousel-nav {
	position: absolute;
overflow: hidden;
        height:30px;
        top: 0;
        left: 40%;
}

ul#carousel-nav li {
	background:#fff;
        float: left;
        width: 10px;
	height: 10px;
	list-style: none;
	padding: 2px;
	margin: 0px 5px;
	width: 10px;
	cursor:pointer;
	overflow: hidden;

}

ul#carousel-nav li#button_selected {
background:#9e9d9d;
}

ul#carousel-desc {
	display:none;
}


.bordered {
	border:  1px solid #999;
}

.clear_spacer {
	padding: 1px;
}


#content ul {
	    list-style: disc outside;
	    padding: 10px 0;
}

#content ol {
	    list-style: decimal;
	    padding: 10px 0;
}

#content li {
	    margin-left: 2em;
}

#content .item li {
	margin:  0;
}
#content .item ul {
	list-style-type:  none;
}


/* ================ post-launch items ================ */


.news #content img, .op-ed #content img {
	margin: 0 6px;
}

.news #content h1 img, .op-ed #content h1 img {
	float:  none;
	margin: 0;
}

.recent_from h2 {
color: #00235D;
font-size: 14px;
border-bottom: 1px solid #ddd;
padding-bottom: 2px;
margin-top: 30px;
}

.recent_from {
margin-right: 42px;
}

.recent_from h3 {
color: #00235D;
font-size: 14px;
margin-bottom:  0;
}

.recent_from p {
color: #555;
}

.recent_from .read_more {
text-align: right;
width: 100%;
}

.recent_from .read_more img {
position: relative;
top: -30px;
}

.hr_left_column {
width: 100px;
height: 100px;
float: left;
margin-right: 14px;
}

.hr_right_column {
	width:  480px;
	float:  left;
}


#popup_audio {
	background-color:  #000;
}

.video_description {
color: #666;
padding-right: 30px;
}

.video_description .entry_date {
color: #444;
font-weight: bold;
font-size: .9em;
}

.video_section h3 {
color: #00235C !important;
font-weight: bold !important;
}

.video_section .item {
width: 264px;
height: 220px;
}

h3.audio_launch {
line-height: 2em;
}

.video_section .bordered, .video_section .clear_spacer {
min-width: 260px;
min-height: 160px;
margin-top: -20px;
margin-left: -30px;
}

.video_thumb_clip {
height: 120px;
width: 230px;
overflow: hidden;
border: 1px solid #999;
position: relative;
}

.video_section h3 {
height: 2.4em;
}

.media_overlay {
position: absolute;
top: 0px;
}

h3.audio_sub {
margin: 24px 0 0 0;
font-size: 1.2em;
}

#homepage_boxes {
float: left;
margin-bottom: 10px;
overflow: hidden;
height: 185px;
margin-top: -16px;
}

.hb_box {
display: block;
width: 95px;
float: left;
height: 183px;
margin-right: 2px;
text-decoration: none;
overflow: hidden;
}

.hb_box h3 {
float: left;
width: 93px;
background-color: #333;
color: #fff;
height: 24px;
font-size: 10px;
line-height: 1em;
padding-left: 4px;
padding-top: 4px;
text-indent: -1px;
margin-bottom: 0;
}

.hb_box img {
float: left;
border-left: 1px solid #e5e4e4;
border-right: 1px solid #e5e4e4;
width: 94px;
}

.hb_box p {
float: left;
font-size: 9px;
color: #444;
line-height: 1em;
padding: 3px;
border-left: 1px solid #e5e4e4;
border-right: 1px solid #e5e4e4;
border-bottom: 1px solid #e5e4e4;
height: 28px;
width: 87px;
overflow: hidden;
}

#emailForm {
width: 360px;
margin: auto;
}

.textBar {
background-color: #fff;
color: #000;
text-align: left;
padding: 4px 6px;
margin: 6px auto;
float: left;
width: 100%;
}
.text  {
border: none;
padding-left: 6px;
color: #444;                                                
}
#zip {
width: 44.3%;
}
#country {
width: 49%;
margin-right: 0;
border: 1px solid red;
} ox {
display: block;
width: 95px;
float: left;
height: 183px;
margin-right: 2px;
text-decoration: none;
overflow: hidden;
}

.hb_box h3 {
float: left;
width: 93px;
background-color: #333;
color: #fff;
height: 24px;
font-size: 10px;
line-height: 1em;
padding-left: 4px;
padding-top: 4px;
text-indent: -1px;
margin-bottom: 0;
}

.hb_box img {
float: left;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
width: 94px;
}

.hb_box p {
float: left;
font-size: 9px;
color: #444;
line-height: 1em;
padding: 3px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 28px;
width: 87px;
overflow: hidden;
}

#emailForm {
width: 360px;
margin: auto;
}

.textBar {
background-color: #fff;
color: #000;
text-align: left;
padding: 4px 6px;
margin: 0px auto 12px;
float: left;
width: 100%;
}
.text, select  {
border: 0px solid white;
padding-left: 0;
margin-left: 6px;
color: #444; 
width: 65%; 
float: left;      
margin-top:  1px;                            
}

#zip, #country {
border: none;
width: 30%;
}

select {
width: 272px;
margin-bottom: 1em;
padding: 3px 6px;
border: none;
margin-left: 0;
margin-top: 10px;
color: #000;
}

label {
text-align: left;
float: left;
padding: 2px;
}

#newsletterSignUp {

}

#newsletterSignUp img {
position: relative;
top: 8px;
}

#homepage_lower_boxes {
clear: both;
margin-top:  -10px;
}

.lower_box {
clear: both;
background-image: url('/images/uploads/box-short.gif');
background-position: bottom;
background-repeat: repeat-x;
padding: 8px 10px 2px;
border: 1px solid #e5e4e4;
float: left;
width: 558px;
font-size: 12px;
margin-bottom:  10px;
}

.lower_box img {
float: left;
}

.lower_box_col_1 {
width: 32%;
float: left;
margin-left: 10px;
}

.lower_box_col_2 {
width: 32%;
float: left;
margin-left: 10px;
}



.lower_box_col_2 {
float: right;
margin-top: 0;
padding: 0;
}

.go_button {
float: right;
clear: both;
margin-top: -6px;
padding-right:  4px;
}

.partner_profile_page h2 {
margin-top: 24px;
margin-collapse: collapse;
border-top: 1px solid #ddd;
padding-top: 4px;
margin-bottom: 10px;
display:  block;
width:  100%;
height:  30px;
}

.partner_profile_page h2 .no_border {
border-top: none;
padding-top: none;
}


.partner_profile_page h2 .view_all {
font-size: 14px;
display: block;
float: right;
width:  200px;
text-align:  right;
margin:  0 !important;
padding:  0 !important;
}

.media_teaser {
color: #00245D;
margin: 0 !important;
display: block; 
margin-left: 60px !important;
display:  block;
}

table.audio_list td {
padding-right: 10px;
padding-bottom: 20px;
}

table.audio_list td .media_teaser {
padding:  5px 0;
display:  block;
}

.partner_bio_index {
width: 280px;
float: left;
margin: 26px 10px 10px 0;
}

.partner_bio_index img, img.partner_bio_title {
float: left !important;
margin: 0 10px 0 0 !important;
padding: 0 !important;
}

.partner_bio_index a {
text-decoration: none;
color: #00235E;
}

.partner_bio_index p {
color: #00235E;
}

.partner_bio_title {
color: #00235E;
font-size: 16px;
line-height: 16px;
}

.partner_bio_title a {
text-decoration:  none;
}

.partner_bio_full {
margin-top: 40px;
padding-right: 10px;
}

#inner_content {
float: left;
width: 580px;
overflow: hidden;
}

.audio_list a.listen {
font-weight: bold;
font-size: 1.1em;
}

.report img {
float: left;
margin: 0 10px 10px 0;
}