/* Updated: 9 June 2014 - Chris DeLoose */
/* Updated: 3 March 2015 - Joel Wilke */
/* Updated: 14 Nov 2014 - Joel Wilke */
/* Updated: 28 March 2013 */
/* Updated by: Jeff Tindall */
/* Updated: 26 August 2011 */
/* Updated by: Nathan Ray */

/* global class */
.learn-more { text-align: right; }
.center { text-align: center; }

/*Grantee Corner*/
#corner_nav { position: relative; }

#corner_nav {
	background: url(../images/corner_nav.png) no-repeat 0 bottom;
	height: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
	float: right;
	margin: -10px 10px 0 0;
	width: 440px;
	padding: 8px 14px 14px 0px;
	text-align: center;
}

#corner_nav li {
	padding: 0px 10px 0px 5px;
	border-right: #BFB29A 1px solid;
}

#corner_nav a { color: #060; }
#corner_nav .last { border-right: none; padding-right: 0; }

#tier4 ul {list-style: block; margin: 0px; padding: 8px 0px 15px 0px; }
#corner_nav_tier4 {
	background: url(../images/corner_nav.png) no-repeat 0 bottom;
	height: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
	margin: -10px 10px 0 0;
	width: 440px;
	padding: 8px 14px 14px 0px;
	text-align: center;
	left: 400px;
}

#corner_nav_tier4 li {padding: 0px 10px 0px 5px; border-right: #BFB29A 1px solid; }
#corner_nav_tier4 a { color: #060; }
#corner_nav_tier4 .last { border-right: none; padding-right: 0; }
#corner_nav_tier4 { position: relative; }

/*Breadcrumbs*/
#breadcrumbs { margin: 0 0 10px 10px; font-size: 1.2em; }
#breadcrumbs * { color: #6d6d6d; }
#breadcrumbs a {
	text-decoration: underline;
	padding-right: 10px;
	margin-right: 4px;
	background: url("../images/bullet-breadcrumbs.gif") no-repeat right center;
}

/*Bottom Column Boxes*/
#site-Boxes { background: white; position: relative; width: 933px; margin-top: -10px; }
#site-Boxes .pattern { background: url("../images/bg-site-updates-pattern.png") no-repeat 0 0; padding: 10px 0 50px; width: 933px; }
#site-Boxes .pattern-t3 { background: url(../images/bg-pattern-t3.png) no-repeat 0 0; padding: 10px 0; width: 933px; }

#site-Boxes .columns {
	margin-left: 5px;
	/* width: 756px; */
	position: relative;
}

#inner { width: 910px; position: relative; margin-top: 10px; }
#inner p, #inner li { color: #333;}
#inner p { font-size: 1.3em; line-height: 1.6em; margin: 10px 10px 10px 26px; }
#inner ul, #content ul, #content ol, #inner ol { line-height: 1.5em; font-size: 12px; padding-bottom: 10px; margin: 0 45px; }
#inner ol li, #content ol li { padding: 4px 0px; }
#content ul li ul { font-size: 12px; }
#content ul li ul li ul { font-size: 12px; }

#site-Boxes .col1 {
	position: relative;
	left: 15px;
	top: 0px;
	width: 443px;
	padding: 0px;
	background: url("../images/col2.png") no-repeat 0 0;
	min-height: 420px;
}

#site-Boxes .col2 {
	position: absolute;
	left: 470px;
	top: 0px;
	width: 443px;
	padding: 0px;
	background: url("../images/col2.png") no-repeat 0 0;
	min-height: 465px;
}

#site-Boxes h2 { font-size: 3em; margin-left: 26px; padding-top: 17px; }

/* About box */
#about-box h3 { font-size: 18px; color: #FFF; text-align: center; padding-top: 18px }
#about-box p { color: #666; font-size: 12px; margin: 20px 20px 20px 20px; }
#about-box img { margin-left: 20px; }

/* OASH box */
#OASH-box h3 { font-size: 18px; color: #FFF; text-align: center; padding-top: 18px	 }
#OASH-box p { color: #666; font-size: 12px; margin: 20px 20px 20px 20px; }
#OASH-box ul{
	width: 350px;
	list-style: none;
	padding: 0px 10px;
	margin-left: 25px;
	font-size: 12px;
	color: #666;
}

#OASH-box li {
	padding-left: 20px;
	margin-bottom: 5px;
}

/*Intro Tabs*/
#intros {
	width: 883px;
	height: 229px;
	margin: 3px 0px 10px 28px;
	padding: 0px;
	position: relative;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	-moz-box-shadow: 0 -2px 9px 0 #888888;
	-webkit-box-shadow: 0 -2px 9px 0 #888888;
	box-shadow: 0 -2px 9px 0 #888888;
	background: url("../images/bg-intro.jpg") repeat 0 0;
}
#intro-nav a {
	background:  url("../images/intro_tabs3.png")	no-repeat;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	display: block;
	padding-top: 14px;
	width: 220px;
	height: 37px;
	font-size: 1.3em; margin: 5px 0 0 10px;
}
#intro-nav .double {
	padding-top: 7px;
	padding-bottom: 7px;
}
#intro-nav a:hover { text-decoration: underline; }
#intros h2 {
font-size: 2em;
margin: 0 0 10px 0;
padding: 0;
}
#intro-nav #intro-1 { background-position: 0 0; }
#intro-nav #intro-2 { background-position: -225px 0; }
#intro-nav #intro-3 { background-position: -451px 0; }
#intro-nav #intro-4 { background-position: -675px 0; padding-top: 8px; }

.aca #intro-nav { padding-top: 8px; }
.aca #intro-nav a { background: url(../images/aca-intro-tabs.png) no-repeat; height: 30px; padding-top: 8px; margin-top: 4px; }
.aca #intro-nav #intro-1 { background-position: 0 0; }
.aca #intro-nav #intro-2 { background-position: -225px 0; }
.aca #intro-nav #intro-3 { background-position: -451px 0; }
.aca #intro-nav #intro-4 { background-position: -675px 0; padding-top: 8px; }

.intro-body {
	position: absolute;
	width: 606px;
	top: 14px;
	left: 245px;
	height: 182px;
}

.intro-body ul {
	font-size: 1.3em;
}
.intro-body ul ul {
	font-size: 1em;
	list-style-type: none;
}

.intro-body li {
	margin-bottom: 8px;
}
#intros .opa-list {
	width: 303px;
	float: left;
}
#section-intro h1,
#reproductive-intro h1 {
	border-bottom: 4px solid #cabd8a;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 3.2em;
	line-height: 1em;
}
#section-intro p,
#reproductive-intro p {
	margin: 0 20px;
	font-size: 1.3em;
	color: #464646;
	line-height: 1.4em;
}
#section-intro ul {
	margin: 0 55px;
	font-size: 1.3em;
	color: #464646;
	line-height: 1.4em;
}
#section-intro ul li { margin-bottom: 0; }

/*Announcement Box*/
.announcement {
	height: 145px;
	width: 845px;
	margin: 0 0 0 20px;
	padding: 5px 0 0 30px;
	background: url("../images/bg-grant-announcement.png") no-repeat;
}
.announcement .note { font-size: 1.2em; margin: 0px 0 10px 7px; width: 870px; }
.announcement p { font-size: 12px; margin-top: 5px; }
.announcement p a { text-decoration: none; }
.announcement p a:hover { text-decoration: underline; }

/*Top Banner with Image*/
#topBanner .banner {
	background: url("../images/bg_top_banner.png") no-repeat;
	width: 870px;
	height: 185px;
	position: relative;
	left: 0px;
}
#topBanner ul{ list-style: none; padding: 25px 10px 20px 0px; margin-left: 25px; font-size: 12px; }
#topBanner li {
	background: url("../images/green_bullet.png") left center no-repeat;
	height: 23px;
	padding: 4px 0px 0px 28px;
	margin-bottom: 7px;
}

#anchor {
	width: 200px;
	border: 1px solid #ccc;
	padding: 10px;
	margin: -40px 10px 20px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	behavior: url('/pie/PIE.htc');
}
#anchor h3 { border-bottom: 1px solid #ccc; text-align: center; padding-bottom: 5px; width: 195px; margin-left: -10px; }
#anchor ul { list-style: none; line-height: 1.4em; padding-top: 5px; margin: 0; }
#anchor li { background: url('/opa/images/on-this-page-bullet.png') left top no-repeat; padding-bottom: 5px; padding-left: 25px; }

#content {
	background: white;
	width: 876px;
	position: relative;
	padding: 10px 20px 50px 35px;
	margin: 0px;
}
#content .inner { width: 890px; }
#content h2 {
	padding: 15px 30px 15px 15px;
	margin: 0px 0px 5px -18px;
	font-size:2.3em;
}

#wrapper .fact-sheet h2 {
	background: none;
	padding: 0 0 0 0;
	font-size: 2em;
	margin: 20px 0px 5px 5px;
}
#content h3 {
	font-size: 1.6em;
	margin: 5px;
}

.content-box { background: url(../images/content_divider.png) bottom no-repeat; padding-bottom: 35px; margin-bottom: 30px; }

#content .divider { background: url("../images/content_divider.png") center no-repeat; height: 19px; padding-top: 10px }
#content p { font-size: 1.2em; line-height: 1.6em; padding: 5px; }
#content .widget p { padding: 0px; }

.content-box ul{
	line-height: 1.5em;
	/*list-style: block;*/
	margin-top: 0;
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0px 0px 0px 30px;
}
.content-box ol {
	line-height: 1.5em;
	list-style: block;
	margin: 0px 0px 0px 30px;
	font-size: 12px;
	width: 800px;
	padding-bottom: 10px;
}
.content-box ol li { padding: 4px 0px 4px 0px; font-size:12px; width: 700px; }

#content .lower-alpha { font-size: 1em; list-style: lower-alpha; }
#content .upper-alpha { font-size: 1em; list-style: upper-alpha; width: 700px; }
#content .lower-roman { font-size: 1em; list-style: lower-roman; width: 700px; }
#content .upper-roman { font-size: 1em; list-style: upper-roman; }

#org-chart { width: 600px; margin: 0 auto; text-align: center; padding-top: 25px; }

/* table styles */
table { border-collapse: collapse; font-size: 12px; margin:20px 0;}
table ul,table li {font-size:12px;}
tr { border-collapse: collapse; }
th {
	background: url("../images/bg-th-gradient.png") repeat-x scroll 0 0 #B9C9FE;
	border-bottom: 1px solid #FFFFFF;
	border-top: 2px solid #D3DDFF;
	color: #003399;
	padding: 8px;
}
td {
	background: url("../images/bg-td-gradient.png") repeat-x scroll 0 0 #E8EDFF;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #666699;
	padding: 8px;
}
tr:hover td { background: url("../images/bg-tr-hover.png") repeat-x scroll 0 0 #D0DAFD; }
#inner table td ol li, #content table td ol li { width: 350px; }


table.plain{
	border: 2px solid #D3DDFF;
	background-color: #E8EDFF;
	color: #666699;
	padding: 8px;
}
table.plain th {
	background-color: #B9C9FE;
	border: 2px solid #D3DDFF;	
	color: #003399;
	padding: 8px;
	text-align: left;
}
table.plain td {
	border: 1px solid #FFFFFF;
	padding: 8px;
}
/* quarterly update image div */
#quarterly-updates-images { height: 230px; margin-left: 110px; padding-top: 25px; padding-bottom: 25px; }
#q-u-image { text-align: center; width: 221px; float: left; }

/* order publications page */
#content #publications ul { list-style: none outside none; margin: 0 0 0 25px; padding-top: 33px; }
#publications li { display: inline; text-align: center; padding-left: 10px; padding-right: 5px; }
#publications .current,
#publications .show-all { border-bottom: 3px solid #063; }

#publication-list { margin-top: 15px; background: url(../images/content_divider.png) bottom no-repeat; padding-bottom: 1px; }
#publication-list h3 { font-size: 1.7em; margin-bottom: 9px; }

.pub-category { margin-bottom: 25px; }
.pub-category ul { margin-left: 15px; }

.publication-box { width: 800px; height: 140px; }
.publication-box img { padding: 10px; }
.pub-desc { width: 590px; }

.dl-pdf { width: 150px; }
.dl-pdf ul { width: 140px; list-style: none outside none; }
.dl-pdf li { background: url(../images/pdf-icon.gif) no-repeat; }
.dl-pdf li a { padding-left: 25px; }
#publication-list .use-order-form { width: 155px; margin-left: 15px; font-size: 1em; }

/* reproductive health */

.intro-box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,.5);
	box-shadow: 0 0 7px rgba(0,0,0,.5);
	behavior: url('/pie/PIE.htc');
}
.toggle-box {
	position: absolute;
	width: 606px;
}
#reproductive-intro {
	background: url("../images/bg-intro.jpg") repeat 0 0;
	margin: 10px 20px;
	padding: 15px;
	position: relative;
	color: #464646;
}

#intros .inner-box,
#reproductive-intro .inner-box {
	background-color: #f8f7ef;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(228,224,219)),
		color-stop(0.5, rgb(248,247,239))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(228,224,219) 0%,
		rgb(248,247,239) 50%
	);	
	padding: 10px;
}
#reproductive-health {
	background:url(../images/bg-section-set3.png) no-repeat;
	width:931px;
	height:470px;
}

#reproductive-health .column {
	width:270px;
	padding:10px;
	margin:20px 9px;
}

#reproductive-health h3 {
	text-align:center;
	background:url(../images/content_divider_sm2.png) no-repeat bottom;
	padding-bottom:10px;
	font-size:2em;
}

#reproductive-health .repro-list {
	width:230px;
	list-style: none;
	margin-left:40px;
}


.repro-list li {
	background:url(../images/bullet.png) no-repeat left;
	padding-left:20px;
}

#hightlight-box {
	width: 190px;
	border: 3px solid #165d10;
	padding: 0 10px 0px 10px;
	margin: -40px 10px 20px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 3px 8px 7px #ccc;
	-webkit-box-shadow: 5px 7px 7px #ccc;
	box-shadow: 0 0 10px #ccc;
	behavior: url('/pie/PIE.htc');
}

#hightlight-box h3 {
	background: url(../images/swirl-highlight.png) no-repeat;
	position:relative;
	left:10px;
	width: 195px;
	color:#000;
	min-height:40px;
	padding: 11px 0px 0px 25px;
	margin:5px 0 0 10px;
	
}
#hightlight-box ul { list-style: none; line-height: 1.5em; padding-top: 10px; margin: 0; border-top: 1px solid #ccc;}
#hightlight-box li { background: url(../images/on-this-page-bullet.png) left top no-repeat; padding-bottom: 5px; padding-left: 25px;}
#hightlight-box img { margin-left: 30px; }

/* widgets */
.widget .widget-section{width:150px; margin:25px 25px 0 25px;}
.widget .widget-section-wide{width:215px; margin:25px 25px 0 20px;}
.widget .widget-section-horizontal{width:345px; margin:25px 25px 0 25px;}
.widget_header{font-size:3em !important;}
.flu{margin-top:-340px !important}

.widget {
	position:relative;
}

.column2 {
    display: inline;
}

.blog-widget ul{
	margin:0px !important;
}

/*Partners*/
#partners .partners-section{width:200px; margin:7px 20px 0 40px;}

#partners {
	background:url(../images/partners-bg.png) no-repeat;
	position:relative;
	width:870px;
	height:217px;
	margin-left:30px;
}

/* fact sheets */
.inner-box .intro-box h1 { margin-bottom: 20px; }

#site-Boxes .fact-sheet-third { width: 245px; padding: 0 15px 40px 15px; }
#site-Boxes .fact-sheet-third h2 { font-size: 1.8em; margin: 0pt 0pt 10px; }
#site-Boxes .fact-sheet-third p { font-size: 1.2em; margin: 0px 0px 10px 0px; }
#site-Boxes .fact-sheet-third p.before-ul { font-size: 1.2em; margin: 0px 0px 5px 0px; }
#site-Boxes .fact-sheet-third ul,
#site-Boxes .fact-sheet-third ol {
	font-size: 1.2em; margin: 0px 0 5px 5px; }
#site-Boxes .fact-sheet-third ul li,
#site-Boxes .fact-sheet-third ol li {
	padding: 0 0 5px 0; margin-left: 15px; }

#site-Boxes .fact-sheet-two { width: 382px; padding: 0 15px 40px 15px;}
#site-Boxes .fact-sheet-two h2 { font-size: 1.8em; margin: 0pt 0pt 10px; }
#site-Boxes .fact-sheet-two p { font-size: 1.2em; margin: 0px 0px 10px 0px; }
#site-Boxes .fact-sheet-two ul { font-size: 1.2em; margin-left: 5px; }
#site-Boxes .fact-sheet-two ul li { padding: 0 0 5px 0; margin-left: 15px; }

#site-Boxes .fact-sheet-single { padding: 0 15px 40px 15px; }
#site-Boxes .fact-sheet-single h2 { font-size: 1.8em; margin: 0pt 0pt 10px; }
#site-Boxes .fact-sheet-single p { font-size: 1.2em; margin: 0px 0px 10px 0px; }
#site-Boxes .fact-sheet-single p.before-ul { font-size: 1.2em; margin: 0px 0px 5px 0px; }
#site-Boxes .fact-sheet-single ul { font-size: 1.2em; margin-left: 5px; }
#site-Boxes .fact-sheet-single ul li { padding: 0 0 5px 0; margin-left: 15px; }

#site-Boxes .mid { border-left: 2px solid #cabd8a; border-right: 2px solid #cabd8a; }
#site-Boxes .right { border-left: 2px solid #cabd8a}



.content-box .fact-sheet-half { width: 400px; margin-right: 30px; }

.underline{
	text-decoration: underline;
}