/*
 Colors:
 
 004990 - logo blue
 0A3D70 - blue lighter variation from USAID site
 003366 - blue darker variation from USAID site
 840609 - deep red from change.gov
 */

html, body {
	background-color: #21205f;
	color: #000;
	margin: 0px;
	padding: 0px;		
}

/* Shadow */
#leftShadow {
	position: absolute;
	top: 0px;
	left: -50px;
	background-color: #21205f;
	background-image: url(/images/bgleft.jpg);
	background-repeat: repeat-y;
	color: #000;
	width: 50px;	
	min-height: 100%;
}

#rightShadow {
	position: absolute;
	top: 0px;
	right: -50px;
	background-color: #21205f;
	background-image: url(/images/bgright.jpg);
	background-repeat: repeat-y;
	color: #000;
	width: 50px;	
	min-height: 100%;
}

/* Header */
#hd { position: relative; background-color: #FFF; zoom: 1; }
#custom-doc { position: relative; }

#bannerLogos { position: absolute; top: 7px; right: 0px; margin: 0; padding: 0; }
#bannerLogos li { display: inline; margin: 0; padding: 0; }
#bannerLogos img { vertical-align: bottom; margin: 0; padding: 0; }

#bannerLinks, #bannerLinksHome { position: absolute; right: 10px; bottom: 38px; font-family: Arial, sans-serif; font-weight: normal; font-size: 85%; margin: 0; padding: 0; }
#bannerLinks li, #bannerLinksHome li { display: inline; margin: 0; }
#bannerLinks img, #bannerLinksHome img { vertical-align: bottom; }

/* Top Navigation */
#topNav { width: 100%; margin: 0; padding: 0; background-image: url(/images/topNav.gif); background-repeat: repeat-x; height: 34px; position: relative; }
#topNav li { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; }
#topNav li, #topNav a { display: block; height: 34px; }

#home { left: 0; width: 91px; }
#employers { left: 91px; width: 145px; }
#stories { left: 236px; width: 153px; }
#links { left: 389px; width: 143px; }

#home a:hover, #home a.current, #home.hover a { background: transparent url(/images/topNav.gif) 0 -34px no-repeat; }
#employers a:hover, #employers a.current, #employers.hover a { background: transparent url(/images/topNav.gif) -91px -34px no-repeat; }
#stories a:hover, #stories a.current, #stories.hover a { background: transparent url(/images/topNav.gif) -236px -34px no-repeat; }
#links a:hover, #links a.current, #links.hover a { background: transparent url(/images/topNav.gif) -389px -34px no-repeat; }

#home.hover ul a, #employers.hover ul a, #stories.hover ul a, #links.hover ul a,
#employers ul a:hover, #stories ul a:hover, #links ul a:hover { background: none; }

#topNav li ul { margin: 0; padding: 0; position: absolute; top: -999em; left: 0; width: 17em; background: #3a69a9; border: 1px solid #21205f; border-top: none; }
#topNav li#links ul { width: 25em; }
#topNav li:hover ul, #topNav li.hover ul { top: 34px; }
#topNav ul li { height: 1.9em; display: block; position: static; margin: 2px; border: 1px solid #3a69a9; }
#topNav li ul li:hover, #topNav li ul li.hover { background: #21205f; border: 1px solid #FFF; }
#topNav li ul li:hover a, #topNav li ul li.hover a { background: none; text-decoration: none; }
#topNav ul li a { height: 1.9em; color: #FFF; font-family: Georgia, Arial, Helvetica, sans-serif; padding: 5px; padding-left: 11px; }

#topNav .last { right: 0; }
#topNav .last a { display: inline; }
#topNav .last .wrapper { position: relative; top: 7px; right: 12px; }
#topNav .last .wrapper img { margin-right: 5px; }
#topNav .last .wrapper img.fontSize { cursor: pointer; }

/* Breadcrumbs */
#breadcrumbs { color:#21205F; margin-left:30px; margin-right: 30px; margin-top:10px; }

/* Footer */
#ft {
	width: 805px;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	margin-bottom:5px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	font-size: 85%;
}
#ft a:link, #ft a:visited {	color: #fff; }
#ft a:hover, #ft a:active {	color: #b5daea; }

/* Right Column Border */
.yui-gc { 
	background-image: url(/images/divider.jpg);
	background-repeat: repeat-y;
	background-position: 532px;	
}

/* Content */

#bd { background: #FFF; }

#contentItemBox { padding: 25px; }
#sidebar #contentItemBox, #sidebarHome #contentItemBox { padding: 0; }
#rightCol #sidebar, #rightCol #sidebarHome { padding: 1em 1.5em 1em 0; }
#sidebarLogos { margin-top: 2em; }
#additionalLogos { margin-top: 2em; }
#additionalLogos img { margin: 10px 0px!important; }


a:link, a:visited { color:#912226; font-weight:normal; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
.clear { clear: both; }
.hide { display: none; }


.invisible { position: absolute; left: -2000px; width: 990px; background: none; }
p, ul, li, div, span, h1, h2, h3, h4, h5 { font-family: Helvetica, Arial, sans-serif !important; font-weight: normal; }	


h1 {
	padding: 0px;
	margin: 0px;
	font-family: Georgia, Times, serif !important;	
	font-weight: bold;
	color: #912226;
	font-size: 161.6%;
}
h2 {
	padding: 0px;
	margin: 0px;
	font-family: Georgia, Times, serif !important;
	font-weight: bold;
	color: #912226;
	font-size: 146.5%;
}
h3 {
	padding: 0px;
	margin: 0px;	
	font-weight: bold;
	color: #000;
	font-size: 123.1%;
}
h4 {
	padding: 0px;
	margin: 0px;	
	font-weight: bold;
	line-height: 1.3;
	color: #000;
	font-size: 116%;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited { font-weight: bold; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: none; }

p { margin: 1em 0; line-height: 1.4; }
p a:hover, p a:active { text-decoration: underline; }

dl.qa dt {
	color: #912226;
	background-image: url(/images/qaBullet.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 1em;
	margin: .5em 0; }
dl.qa dd { color: #000099; }
dl.qa dt.hover { text-decoration: underline; cursor: pointer; }

.spacer { border-bottom:2px dotted #CCCCCC; margin: 15px 0; }

p.pdf { 	
	background-image: url(/images/adobe.jpg);	
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 5px;	
	height: 30px;
	margin: 0;	
}

.yui-u.first li { list-style-type: square; line-height: 1.6; }

ul#videos li { float: left; margin-left: 15px; margin-right: 35px; }

/* Stay Connected Box */
#stayConnectedTraining { background: #8d1f22; width: 17em; float: right; margin-top: -2em; }
#stayConnectedSidebar { background: #8d1f22; margin-top: 2em; }
#stayConnectedTraining div, #stayConnectedSidebar div {  padding: .4em; background: #21205F; }
#stayConnectedTraining h2, #stayConnectedSidebar h2 { font-family: arial !important; color: #FFF; border-bottom: 2px solid #FFF; margin-bottom: .5em; }
#stayConnectedTraining ul, #stayConnectedSidebar ul { margin: 0; }
#stayConnectedTraining li, #stayConnectedSidebar li { list-style-type: none; margin: .3em 0; }
#stayConnectedTraining li a, #stayConnectedSidebar li a { padding-left: 23px; font-weight: bold; color: #FFF; display: block; zoom: 1; }
#stayConnectedTraining li#linkedIn a, #stayConnectedSidebar li#linkedIn a { background: url(/images/icons/users.gif) left center no-repeat; }
#stayConnectedTraining li#newsletter a, #stayConnectedSidebar li#newsletter a { background: url(/images/icons/mail.gif) left center no-repeat; }
#stayConnectedTraining li#bookmark a, #stayConnectedSidebar li#bookmark a { background: url(/images/icons/book-open.gif) left center no-repeat; }

/* Sidebar */

p.learnMore { text-align: right; }
p.learnMore a { font-family:Arial,sans-serif; font-weight: bold !important; font-size: 77%; }

ul.factSheets, ul.presentations, ul.resources { margin: 0; padding: 0; }

ul.factSheets li, ul.presentations li, ul.resources li { 	
	background-repeat: no-repeat;
	background-position: top left;
	list-style-type: none;
	padding-left: 1.5em;
	margin-top: .5em;
	margin-bottom: .5em;
}

ul.factSheets li { background-image: url(/images/factsheet.jpg); }

ul.presentations li { background-image: url(/images/presentation.jpg); padding-left: 1.8em; }

ul.resources li { background-image: url(/images/arrow.jpg); }

#sidebar .contentItem { border-bottom: 2px dotted #CCCCCC; margin-bottom: 15px; padding-bottom: 15px; }
#sidebar .contentItem.noBorder { border: none; }

/* Training Content */
#trainingFocus { background: #B5DAEA; padding: .5em; margin: .5em 0; }
#trainingFocus p.title {
	padding: 0px;
	margin: 0px;
	font-family: Georgia, Times, serif !important;	
	color: #912226;
	font-size: 146.5%;	
}
#trainingFocus p.title a:link, #trainingFocus p.title a:visited { font-weight: bold; }
#trainingFocus div.description { font-weight: bold; margin: 1em 0; }

div.formData label { margin-left: 2em; margin-top: 1em; position: relative; display: block; }
div.formData input.radio { position: absolute; left: -1.2em; }

p.formCorrect { font-weight: bold; color: #912226; margin: 0; margin-bottom: 1em; margin-left: 2em; }
p.formIncorrect { font-weight: bold; color: #912226; margin: 0; margin-left: 2em; }

div#prevnext {
	text-align: left; 
	margin-bottom: 2em;
	margin-top: -2em;
	margin-left: 25px;
	clear: both;
}

div#prevnext a:link, div#prevnext a:visited, div#prevnext span {
	margin: 0;
	display: -moz-inline-block;
	display: inline-block;	
	background: #D1877D;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #912226;	
	height: 1.5em;
	padding: .3em .5em 0 .5em;	
}

div.formButtons input#submitButton {
	margin: 1em 0;
	display: -moz-inline-block;
	display: inline-block;
	font-weight: bold;		
	color: #FFF;
	height: 2em;
	padding: 0 .3em;
	border: 1px solid #21205f;
	background: #a9bae1;
}

div#prevnext span {
	border: 1px solid #EEC6C7;
	background: #F2E5E5;
	color: #FFF;
}

div#prevnext a:hover {
	background: #912226;
	text-decoration: none;	
	cursor: pointer;
}

div.formButtons input#submitButton:hover {
	background: #21205f;
	text-decoration: none;	
	cursor: pointer;
}

/* styling for buttons - such as links that might appear in What's New section on the home page */
.button { background: #FFF; margin: 10px 0; width: 150px; }
.button a { background: #681e17; color: #FFFFFF !important; padding: 3px; text-transform: uppercase; display: block; text-align: center; font-weight: bold !important; }
.button a:hover { background: #883831; text-decoration: none; }