/* 10/4/2008 Trevor Davis - EBRI Screen Stylesheet */

/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0; }

/* Basic Definitions */
body { background:url(/images/template/body-bg.gif) repeat-x; color:#4c4c4c; font:10px/15px Verdana, Helvetica, Arial, sans-serif; }
h1 { color:#004F83; font-size:14px; line-height:19px; margin-bottom:5px; }
h2 { color:#004F83; font-size:12px; line-height:17px; }
h3 { font-size:10px; }
h4 { color:#007f88; font-size:10px; }
h5 { font-size:10px; font-style:italic; }
h6 { font-size:10px; }
div#tertiaryContent h2 { color:#004f83; font-size:11px; line-height:16px; }

a { color:#004f83; text-decoration:none; }
a:visited { }
a:hover { text-decoration:underline; }
img { border:none; }
p, ul, ol, dl, li, table { margin-bottom:9px; }
ul, ol, dd { margin-left:30px; }
blockquote { margin:0 26px; }

/* Custom Classes */
.clearing, .read-more { clear:both !important; display: block; float: left; }
.clearfix { overflow:hidden; }
.last { margin-bottom:0; }
.screenReader { left:-9999px; position:absolute; top:-9999px; }
.leftSide { float:left; margin:0 15px 15px 0; }
.rightSide { float:left; margin:0 0 15px 15px; }
.listing { list-style:none; margin-left:0; }
.listing li { margin-bottom:12px; }
/*.listing h2 { display:inline; }*/
.listing h2 { font-size:16px; font-weight:normal; line-height:21px; }
h1.publicationType { font-size:12px; line-height:17px; margin-bottom:12px; }

/* Basic Layout */
div#container { background:url(/images/template/container-bg.gif) no-repeat top left; margin:0 auto; padding:0 20px; width:1024px; }
div#header { background:#004f83; color:#fff; float:left; padding:20px 20px 0 17px; position:relative; width:987px; }
div#content { background:url(/images/template/content-bg.gif) repeat-y; clear:both; float:left; padding:15px 20px 0 18px; width:986px; }
div#primaryContent { float:left; margin-right:18px; padding-right:18px; width:151px; }
div#secondaryContent { float:left; width:529px; }
body.noTertiary div#secondaryContent { width:799px; }
div#tertiaryContent { float:right; width:250px; }
div#footer { background:#004f83; clear:both; color:#fff; float:left; padding:10px 20px; width:984px; }
div#copyright { clear:both; color:#666; line-height:16px; padding:10px 20px; }

#secondaryContent .projects { list-style:none; margin-bottom:1.5em; }
#secondaryContent .projects li { margin-bottom:0; }
#secondaryContent .projects a { color:#073c63; font-weight:bold; }
#secondaryContent .additional-links { list-style:none; margin-left:0; }
#secondaryContent .additional-links li { margin:0; }

/* Header */
#header h1, #header a#logo { display:block; float:left; font-size:11px; height:52px; margin:0 20px 0 0; overflow:hidden; position:relative; width:149px; }
#header h1 span, #header a#logo span { background:url(/images/template/logo.gif) no-repeat; display:block; height:100%; left:0; position:absolute; top:0; width:100%; }
#header a { color:#fff; text-decoration:none; }
#header a:hover { text-decoration:underline; }
img#printLogo { display:none; visibility:hidden; }

/* Primary Nav */
#primaryNav { float:left; font-size:13px; line-height:normal; list-style:none; margin:22px 0 0; padding-bottom:24px; /* CHANGE TO EMS */ position:relative; width:548px; }
#primaryNav li { float:left; margin:0 7px 0 0; width:85px; }

#primaryNav #aboutNav { background:#006986; margin-right:8px; }
#primaryNav #mediaNav { background:#007f84; }
#primaryNav #researchNav { background:#007d6d; margin-right:8px; }
#primaryNav #educationNav { background:#006271; }
#primaryNav #programsNav { background:#005f54; margin-right:8px; }
#primaryNav #surveysNav { background:#00506b; margin-right:0; }
/* current */
#about #primaryNav #aboutNav, #home #primaryNav #aboutNav { background:#007f88; }
#media #primaryNav #mediaNav, #home #primaryNav #mediaNav { background:#00a784; }
#research #primaryNav #researchNav, #home #primaryNav #researchNav { background:#00a25b; }
#education #primaryNav #educationNav, #home #primaryNav #educationNav { background:#007262; }
#programs #primaryNav #programsNav, #home #primaryNav #programsNav { background:#006d2e; }
#surveys #primaryNav #surveysNav, #home #primaryNav #surveysNav { background:#005158; }

#about #primaryNav #aboutNav a, #home #primaryNav #aboutNav a { border-color:#fff; color:#fff; }
#media #primaryNav #mediaNav a, #home #primaryNav #mediaNav a { border-color:#fff; color:#fff; }
#research #primaryNav #researchNav a, #home #primaryNav #researchNav a { border-color:#fff; color:#fff; }
#education #primaryNav #educationNav a, #home #primaryNav #educationNav a { border-color:#fff; color:#fff; }
#programs #primaryNav #programsNav a, #home #primaryNav #programsNav a { border-color:#fff; color:#fff; }
#surveys #primaryNav #surveysNav a, #home #primaryNav #surveysNav a { border-color:#fff; color:#fff; }

#primaryNav a { border:1px solid #8cb0c7; color:#8cb0c7; display:block; padding:5px 0; text-align:center; width:83px; }
#primaryNav ul a { color:#fff; }

/* Primary - Sub Nav */
#primaryNav ul { border:1px solid #fff; border-bottom:none; bottom:0; display:none; font-size:12px; left:0; list-style:none; margin:0; padding:0 5px 0 20px; position:absolute; width:521px; }
#primaryNav ul.current { display:block; }
#primaryNav #aboutNav ul { background:#007f88; }
#primaryNav #mediaNav ul { background:#00a784; }
#primaryNav #researchNav ul { background:#00a25b; }
#primaryNav #educationNav ul { background:#007262; }
#primaryNav #programsNav ul { background:#006d2e; }
#primaryNav #surveysNav ul { background:#005158; }

#primaryNav ul li { background:url(/images/template/primary-sub-nav-bg.gif) no-repeat 100% 50%; margin:0 11px 0 0; padding-right:12px; width:auto; }
#primaryNav ul li.last { background:none; margin-right:0; padding-right:0; }
#primaryNav ul a { border:none; width:auto; }

/* Tools */
div#tools { float:right; font-size:11px; width:257px; }
div#tools ul.utilityNav { float:left; font-weight:bold; line-height:normal; list-style:none; margin:0 0 10px; width:100%; }
div#tools ul.tools { margin-bottom:0; }
div#tools ul.utilityNav li { background:url(/images/template/primary-sub-nav-bg.gif) no-repeat 100% 50%; float:left; margin:0 9px 0 0; padding-right:10px; }
div#tools ul.utilityNav li.last { background:none; margin-right:0; padding-right:0; }
div#tools ul.utilityNav.tools li.print { margin-left:7px; }
div#tools ul.utilityNav li.print a { background:url(/images/template/print-icon.gif) no-repeat 0 50%; padding-left:19px; }
div#tools ul.utilityNav li.rss a { background:url(/images/template/rss-icon.gif) no-repeat 0 50%; padding-left:19px; }

div#tools form#searchForm { float:left; margin-left:7px; }
div#tools form#searchForm p { margin:0 10px 7px 0; }
div#tools form#searchForm input#q { border:1px solid #ebebeb; color:#999; font:inherit; padding:2px; width:120px; }
div#tools form#searchForm input#q.focused { color:#4C4C4C; }
div#tools form#searchForm input#searchButton { color:#fff; position:relative; top:-2px; vertical-align:middle; }
div#tools a#memberLogin { clear:right; display:block; float:left; font-weight:bold; padding-top:2px; }

/* Modal Login */
div#modalLogin { background:#EEF3F7; border:5px solid #004F83; color:#4c4c4c; display:none; overflow:hidden; padding:10px; position:absolute; right:0; top:5.909em; z-index: 10001; }	
div#modalLogin ol.forms { margin-bottom:0; }
div#modalLogin ol.forms input#modalUsername, div#modalLogin ol.forms input#modalPassword { padding:2px; width:130px; }

/* Left Navigation */
#secondaryNav { font-size:11px; list-style:none; margin-left:0; }
#secondaryNav li { background:url(/images/template/subnav-bullet.gif) no-repeat 4px 7px; line-height:14px; margin-bottom:5px; padding:2px 0 2px 14px; position:relative; }
#secondaryNav li.current { background-color:#d8d4b5; margin-bottom:0; }
#secondaryNav li.expandable { background-image:none; }

#secondaryNav li.separator { background-position:4px 12px; border-top:3px solid #cccc99; padding-top:7px; }
#secondaryNav li ul { display:none; list-style:none; margin:5px 0 0 0; }
#secondaryNav li.current ul { display:block; }
#secondaryNav li ul li { padding:0 0 0 14px; }
#secondaryNav li ul li.selectMenu { background-image:none; padding-left:0; }
#secondaryNav li ul li.last { margin-bottom:0; }
#secondaryNav li a.expand, #secondaryNav li a.collapse { background:url(/images/template/subnav-expand-collapse.gif) no-repeat; display:block; height:7px; left:3px; overflow:hidden; position:absolute; text-indent:-9999px; top:7px; width:7px; }	
#secondaryNav li a.collapse { background-position:top right; }
#secondaryNav a.pdf { background:url(/images/template/pdf-icon.gif) no-repeat 100% 50%; padding-right:15px; }

/* Bread Crumbs */
ol#breadCrumbs { list-style:none; margin-left:0; overflow:hidden; width:100%; }
ol#breadCrumbs li { background:url(/images/template/bread-crumb-arrow.gif) no-repeat 100% 60%; float:left; margin:0 6px 0 0; padding-right:10px; }
ol#breadCrumbs li.current { background:none; margin-right:0; padding-right:0; }

/* Main Content Area */
ul.recentPubs { float:left; list-style:none; margin:0; width:253px; }
ul.recentPubs li { border:1px solid #00a9a7; float:left; margin-bottom:20px; width:100%; }
ul.recentPubs.alternative { float:right; }

ul.recentPubs li h2 { background:#00a9a7; color:#fff; font-size:11px; padding:4px 10px; }
ul.recentPubs li h2 em.date { font-weight:normal; }
ul.recentPubs li div.inner { padding:10px 10px 0 10px; }
ul.recentPubs li div.inner h3 { font-size:13px; line-height:18px; }
ul.recentPubs li div.inner h3 a { display:block; }
ul.recentPubs li div.inner h3.noSummary, ul.recentPubs li div.inner p { margin-bottom:10px; }

/* Tertiary Content Column */
#tertiaryContent div.module { margin-bottom:14px; }
#tertiaryContent div.module h2#mostViewedHeading em { font-weight:normal; }
#content #mostViewed { color:#004f83; margin:0 0 0 20px; }
#content #mostViewed li { margin-bottom:7px; background:none; padding-left:0; list-style:decimal; }
#content #mostViewed li.pdf a { background:url(/images/template/pdf-icon.gif) no-repeat 100% 50%; padding-right:15px; }
#tertiaryContent div.module a.ad, div#tertiaryContent div.module a.ad img { display:block; }
/* centers */
#tertiaryContent #centers { border:1px solid #007ba9; }
#tertiaryContent #centers h2 { background-color:#007ba9; color:#fff; font-weight:bold; padding:9px; }
#tertiaryContent #centers ul { list-style:none; margin:0; padding:0; background-color:#d9ebf2; padding:9px; }
#tertiaryContent #centers li { margin:0; }
#tertiaryContent #centers ul ul { padding:0 0 0 13px; margin-bottom:1em; }
#tertiaryContent #centers > ul > li > a { color:#007ba9; font-weight:bold; }
#tertiaryContent #centers a { color:#000; }

ul.quickLinks { background:url(/images/template/quick-links-bg.gif) repeat-y top left; float:left; list-style:none; margin:0 0 20px; width:100%; }
ul.quickLinks.alt { background-image:url(/images/template/quick-links-alt-bg.gif); }
ul.quickLinks li { float:left; margin-bottom:0; width:115px; }
ul.quickLinks li.alt { float:right; }
ul.quickLinks li.primary { background:#007262; }
ul.quickLinks li.secondary { background:#006d2e; }
ul.quickLinks li.tertiary { background:#005158; }
ul.quickLinks li.quaternary { background:#00a25b; }
ul.quickLinks a { color:#fff; display:block; padding:10px 5px 10px 10px; }
ul.quickLinks strong.heading { font-size:15px; }
ul.quickLinks span.date { display:block; font-size:9px; margin-bottom:13px; }

/* Footer */
div#footer a { color:#fff; }
div#footer p.vcard { float:left; margin:0; width:700px; }
div#footer p.vcard .org { display:none; }
div#footer p.vcard abbr { border-bottom:none; }
div#footer p.vcard .adr, div#footer p.vcard .tel { background:url(/images/template/footer-separator.gif) no-repeat 100% 50%; margin-right:5px; padding-right:7px; }

div#footer ul#footerNav { float:right; font-size:11px; font-weight:bold; list-style:none; margin:0; text-align:right; }
div#footer ul#footerNav li { background:url(/images/template/primary-sub-nav-bg.gif) no-repeat 100% 50%; display:inline; margin:0 5px 0 0; padding-right:6px; }
div#footer ul#footerNav li.last { background:none; margin-right:0; padding-right:0; }

/* Copyright */
div#copyright p { margin-bottom:0; }

/* Forms */
ol.forms { float:left; list-style:none; margin-left:0; width:100%; }
ol.forms li { clear:both; float:left; margin-bottom:10px; position:relative; width:100%; }
ol.forms li.buttons { float:none; margin:0 0 0 80px; width:auto; }
ol.forms li ul { margin:0; padding:0; }
ol.forms label { cursor:pointer; display:block; float:left; font-weight:bold; padding-right:5px; width:75px; }
ol.forms input, ol.forms textarea { font:inherit; }
form#regForm ol.forms li label { width:90px; }
form#regForm span.error { color:#f00; display:block; margin-left:95px; }
form#regForm ol.forms li.buttons { margin-left:95px; }
ol.forms li.long label { float:none; width:90%;}
ol.forms li ul li label { display:inline; float:none; padding-left:5px; width:auto; }
form#regForm ol.forms li input { width:50%; }
form#regForm ol.forms li.short input { width:25%; }
form#regForm ol.forms li ul li input, form#regForm  ol.forms li.buttons input { width:auto; }
ol.forms li textarea { height:75px; width:90%; }

.notice { color:#00A25A; font-weight:bold; font-size:130%; }
ul#errors { clear:both; width:100%; }
ul#errors li { color:#ff0000; margin:0;}
.updated { background:#E0E2E9; border:1px solid #2C3D6E; margin:0; padding:10px; }
#loadingImage { display:none; }

#staff-contact { border-top:2px solid #c4abac; padding-top:18px; }
#staff-contact h2 { color:#000; font-weight:normal; font-size:10px; }
#staff-contact ul { list-style:none; margin:0 0 2em 15px; }
#staff-contact li { margin:0; }
#adobe { font-style:italic; font-size:13px; margin-bottom:1em; }
#blog-mod a { display:block; color:#39403b; font-size:18px; font-weight:bold; background-color:#faad63; border:1px solid #d1714d; clear:both; padding:13px; text-align:center; margin-bottom:15px; }
#research-on-ppaca a,
#media-coverage-mod a { display:block; color:#a3c8da; font-size:18px; font-weight:bold; background-color:#003d5c; border:1px solid #415b69; clear:both; padding:13px; text-align:center; margin-bottom:15px; }
#research-on-ppaca a { background-color: #3D003D; color: #fff; border: 1px solid #290029; padding: 13px 5px; }

.columnLeft {float:left; padding-right:20px;}
.columnRight {float:left;}

/* homepage slider */

/* container for slides */
.sliders {
    position:relative;
    height:200px;
    width:759px;
    float:left;
    margin:0;
}

/* single slide */
.sliders div {
    background:#fff url(/images/home/slider.jpg) repeat-x;
    display:none;
    position:absolute;
    top:0;
    left:0;
    margin:0px;
    height:200px;
    font-size: 1em;
    width: 799px;
}
/*
.sliders div#slide1 { background:#fff url(/images/home/slider1.jpg) repeat-x;}
.sliders div#slide2 { background:#fff url(/images/home/slider2.jpg) repeat-x;}
.sliders div#slide3 { background:#fff url(/images/home/slider3.jpg) repeat-x;}
.sliders div#slide4 { background:#fff url(/images/home/slider4.jpg) repeat-x;}
.sliders div#slide5 { background:#fff url(/images/home/slider5.jpg) repeat-x;}
*/

.sliders .title-summary { background: url(/images/template/homepage-branding/background.png); display: block; float: left; margin: 20px; padding: 15px; width: 300px; }

.sliders div span.heading-excerpt { padding: 0; }

.sliders div span.summary { display: block; float: left; }


/* header */
.sliders h2 {
    font-size:22px;
    font-weight:normal;
    margin:0 0 10px 0;
    color:#456;
    opacity: 1;
}

/* tabs (those little circles below slides) */
.slidetabs { background: url(/images/template/homepage-branding/background.png); float: left; margin:-25px 0 20px 0px !important; opacity: 0.8; padding: 0 20px; position: relative; width: 759px; z-index: 2; }

/* single tab */
.slidetabs li { border-right: 1px solid #004f83; float: left; list-style-type: none; margin-bottom: 0 !important; opacity: 1; padding: 5px; }
.slidetabs li.last { border: none; }

#controls { bottom: 0; display: block; right: -40px; position: absolute; width: auto; z-index: 3; }
button.play, button.pause { border: none !important; cursor: pointer; height: 15px; position: relative; text-align: right; width: 16px; z-index: 2; }

button.play { background: url(/images/template/icons/play.png) no-repeat;}
button.pause { background: url(/images/template/icons/pause.png) no-repeat; margin-right: 10px; }

/* mouseover state */
.slidetabs a { padding: 10px 10px; }

/* active state (current page state) */
.slidetabs a.current {
    text-decoration: underline;
}

/* disabled navigational button. is not needed when tabs are
   configured with rotate: true */
.disabled {
    visibility:hidden !important;
}