/*
 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: #21205f; color: #000; }
a:link, a:visited { color:#912226; text-decoration:none; }
a:hover, a:active { text-decoration: underline; }
h1, h2, h3, h4 { margin: 0; font-weight: bold; }
h1, h2 { font-family: Georgia; color: #912226; }
h3, h4 { color: #000; }
h1 { font-size: 161.6%; }
h2 { font-size: 146.5%; }
h3 { font-size: 123.1%; border-bottom: 1px solid #000; }
h4 { font-size: 108%; font-style: italic; }
p { margin: 0 0 1em 0; }
p,ol,ul { line-height: 1.4; }
ul li { list-style-type: square; }
li { margin-bottom: .5em; }
ul ul, ol ul { margin: .25em 0 .5em 1.5em; }

.clear { clear: both; }
.hide { display: none; }
.invisible { position: absolute; left: -2000px; width: 990px; background: none; }

/* 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 */
#custom-doc { position: relative; width:805px; margin:auto; text-align:left; }
#hd { position: relative; background-color: #FFF; zoom: 1; }

#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; }
#topNav li ul { margin: 0; padding: 0; position: absolute; top: -999em; left: 0; z-index: 100; 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; }

#home { left: 0; width: 91px; }
#home a:hover, #home a.current, #home.hover a { background: transparent url(/images/topNav.gif) 0 -34px no-repeat; }
#employers { left: 91px; width: 145px; }
#employers a:hover, #employers a.current, #employers.hover a { background: transparent url(/images/topNav.gif) -91px -34px no-repeat; }
#stories { left: 236px; width: 153px; }
#stories a:hover, #stories a.current, #stories.hover a { background: transparent url(/images/topNav.gif) -236px -34px no-repeat; }
#links { left: 389px; width: 143px; }
#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; }

/* Breadcrumbs */
#breadcrumbs { color:#21205F; margin: 10px 30px 0 30px; }

/* Footer */
#ft { width: 805px; margin:5px auto; 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; }

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; }

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; }

.instructions { background: #2a5da7; width: 95%; margin: 0 auto 1em; }
.instructions .inner { background: #bed9f0; padding: .5em 1em; }
.instructions h3,.instructions h4 { color: #912226; font-family: Georgia; margin-bottom: .5em; text-align: center; }
.instructions h3 { background: url(/images/stars.gif) no-repeat 13em 0; border: none; }
.instructions span { position: absolute; left: 37em; display: block; background: url(/images/stars.gif) no-repeat top left; height: 17px; width: 60px; }

.actions { margin:0; }
.actions li { float: left; margin-right: 2em; list-style-type: none; }

#toolkitSteps { margin: 0; }
#toolkitSteps li { font-family: Georgia; font-style: italic; font-size: 116%; list-style: none; margin: 0; border-bottom: 1px solid #CCC; padding: .75em 0; }
#toolkitSteps li.last { border: none; }
#toolkitSteps .step { display: block; background: url(/images/stars.gif) no-repeat 3.7em center; font-style: normal; font-size: 131%; font-weight: bold; }
#toolkitSteps a { color: #333; text-decoration:none;}
#toolkitSteps .highlight { text-transform: uppercase; color: #912226; }
#toolkitSteps a:hover .highlight { text-decoration: underline; }
#stayConnectedSidebar { width: 17em; float: right; margin: 1em .5em 0 .5em; }