/* SCREEN DISPLAY CSS */

@import "visual_consistencies.css";
@import "menu.css";
@import "clearfix.css";
@import "thickbox.css";

/*@import "dynamic_css.php";*/

/*#headerDiv #headerPhotoDiv { background-image:url(../images/header_photo_3.jpg) !important;}*/

body { margin:0; padding:0 0 10px 0; color:#797979; background:#fff url(../images/top_bg.gif) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:12px;	min-width:985px; text-align:center;}
h1 { font-size:24px; font-weight:100;} 
h2 {  color:#bd084d; font-size:12px; text-transform:uppercase;}
h3 {  font-size:11px;}
p { font-size:100%; line-height:1.5em;}
li { font-size:100%; line-height:1.5em;}
a { color:#5a6287;}
a:visited { color:#5a6287;}
a:hover { color:#903;}
a:active { color:#903;}
form { margin:0;padding:0;}
fieldset { border:none; margin:0; padding:0;}

a.nounderline { text-decoration:none;}

.note { color:red; background:yellow;}

a.button { background-color:#40496a; color:#fff; text-transform:uppercase; padding:1px 2px 2px 2px; text-decoration:none; font-size:90%;}
a.button:hover { background-color:#bd084d;}

/* ---------- THUMBNAIL GALLERY -------------- */
.gallery {}
.gallery a img { border:none; float:left;}
.gallery .gallery-thumb { width:110px; float:left; margin:0 0 4px 5px;}
.gallery .gallery-thumb.left { clear:left;}
.gallery .gallery-title {}
.gallery-info { clear:left;}
/* ---------- THUMBNAIL GALLERY -------------- */

/* ---------- BASIC FORM FORMATTING ---------- */
.basicform fieldset {}
.basicform fieldset.textfields label { font-weight:bold; margin-top:3px; display:block;}
.basicform fieldset.textfields input { margin-bottom:5px; display:block; width:230px; border:solid 1px #ccc;}
.basicform fieldset.radios label { display:block; margin-top:3px; font-weight:100;}
.basicform fieldset.textarea label { font-weight:bold; margin-top:3px; display:block;}
.basicform fieldset.textarea textarea { display:block; clear:both; width:230px;}
/* ---------- BASIC FORM FORMATTING ---------- */

/* ---------- MAILING LIST STYLES ------------ */
#buttons { clear:both; padding-top:20px;}
#userData { width:300px; float:left; display:inline; margin-right:-300px;}
#newsletters { margin-left:300px;}
#captcha { padding-top:10px; clear:both;}
/* ---------- MAILING LIST STYLES ------------ */

/* ---------- CAREERS LIST STYLES ------------ */
#careersApplication fieldset { border:none; clear:both;}
/* ---------- CAREERS LIST STYLES ------------ */


#wrapperDiv { width:985px; margin:0 auto; padding:0; text-align:left;}

#headerDiv { position:relative; height:115px; width:985px;}

#logoDiv { position:absolute; top:28px; left:25px; width:584px; height:75px;}
#logoDiv #logoImage { float:left; width:584px; height:75px; margin:0;}

#toolNav { position:absolute; width:247px; /*width:221px;*/ top:77px; right:0; margin:0; padding:0; list-style:none; white-space:nowrap;}
#toolNav li { display:inline; float:left; margin:0; padding:0;}
#toolNav a { text-decoration:none; font-size:83%; padding:2px 9px 2px 8px; white-space:nowrap; background:transparent url(../images/divider_dots.gif) repeat-y 0 0; color:#bf074e;}
#toolNav a:hover,
#toolNav a:active,
#toolNav a.selected { color:#fff; background-color:#bf074e;}
 
#navigationDiv { padding:2px 0 0 0; margin:0; width:960px; height:32px; background:transparent url(../images/navigation_bg.gif) repeat-x;} 
#navigationDiv #donateNav { float:right; background:transparent url(../images/red_square.gif) no-repeat 0 9px; margin-top:4px; margin-right:10px; line-height:11px;}
#navigationDiv #donateNav:hover { background-color:transparent !important;}
#navigationDiv #donateNav a { border:none; background:transparent url(../images/red_square.gif) no-repeat right 9px; padding-left:12px; padding-right:12px; color:#000;}
#navigationDiv #donateNav a:hover { background-color:transparent; color:#fff;}
ul#primary-nav { width:985px;}

#searchDiv { position:absolute; top:13px; right:0; width:246px; /*width:221px;*/ border-bottom:solid 1px #e5e5e5; border-left:solid 1px #ccc;}
#searchDiv form { padding:10px;}
#searchDiv form label { display:none;}
#searchDiv input#sbi { width:173px; /*width:148px;*/height:18px; border:solid 1px #e5e5e5; font-size:10px; color:#999; float:left; margin:0;}
#searchDiv input#sbb { width:40px; height:17px; margin:2px 0 0 2px; padding:0; float:left;}

#bodyDiv {  clear:both; padding:25px 0 10px 0;background:transparent url(../images/diagonal_stripes.gif) repeat-x 0 0;}

#mainContentDiv { display:inline; float:left; /*width:750px;*/ width:725px; clear:none; padding-bottom:20px;}
body.home #mainContentDiv { padding-bottom:0;}

#quoteRegionDiv { background:#6198c1 url(../images/bodytop_bg.gif) repeat-x 0 -15px; min-height:30px; font-size:24px;}
#quoteRegionDiv.noquote { height:30px;}
#quoteRegionDiv p { font-size:20px;}
#quoteRegionDiv blockquote { padding:0px 10px; margin:0; color:#fff; font-family:"Times New Roman", Times, serif; border-style:solid; border-width:12px;background-color:#6198c1; border-color:#377fb1; }
#quoteRegionDiv blockquote b { text-decoration:none; color:#266a99; font-weight:100;}
/*
body.aboutus #quoteRegionDiv blockquote { background-color:#a0bf73; border-color:#91b458;}
body.aboutus #quoteRegionDiv blockquote b { color:#678636;}
body.classesandworkshops #quoteRegionDiv blockquote { background-color:#4d577f; border-color:#40496a;}
body.classesandworkshops #quoteRegionDiv blockquote b { color:#30395a;}
body.policyandresearch #quoteRegionDiv blockquote { background-color:#999; border-color:#666;}
body.policyandresearch #quoteRegionDiv blockquote b { color:#666;}
body.events #quoteRegionDiv blockquote { background-color:#fc3; border-color:#c90;}
body.events #quoteRegionDiv blockquote b { color:#c90;}
*/

#mainContentBodyDiv { /*width:465px;*/ width:465px; display:inline; float:left; clear:left; /*padding-left:10px;*/}
#mainContentBodyDiv ul,
#mainContentBodyDiv ol { margin:1em 2.5em;}
#mainContentBodyDiv li + li { margin-top:.5em;}
#mainContentDiv.wide #mainContentBodyDiv { /*width:730px;*/ width:705px; padding-right:10px;}

#socialNetworks { padding-top:20px; font-size:18px;}

table.twoColTable td { padding-right:10px;}
table.twoColTable td + td { padding-right:0;}

table.articleListTable td { line-height:1.5em;}
table.articleListTable p { margin-top:0;}

table.jobDescription { width:100%; border:none; border-spacing:0; margin:0; padding:0;}
table.jobDescription td,
table.jobDescription th { padding:0 12px 1em 0; line-height:1.5em; vertical-align:top; text-align:left;}
table.jobDescription th { width:20%;}
table.jobDescription td p { margin-top:0; line-height:1.5em;}
table.jobDescription tr.dividerRow td { vertical-align:middle;}

#homeHeaderDiv { background-color:#fff; padding:0px; margin-right:1px; border:solid 10px #d0cfcf; height:319px; overflow:hidden;}
#homeHeaderDiv p { margin-top:0; margin-bottom:0;}
#homeHeaderDiv #homePhoto { width:488px; height:319px; overflow:hidden; float:left; display:inline; background-color:#eee; text-align:center;}
#homeHeaderDiv #homePhotoMenu { width:215px; float:right;}
#homeHeaderDiv #homePhotoMenu ul { margin:0; padding:0; list-style:none;}
#homeHeaderDiv #homePhotoMenu ul li { display:inline; margin:0; padding:0;}
#homeHeaderDiv #homePhotoMenu ul li a { display:block; padding:3px 6px; background:#f4f4f4 url(../images/homeinfo_btn_gray_bg.gif) repeat-x 0 bottom; color:#adadad; font-size:14px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
#homeHeaderDiv #homePhotoMenu ul li a:hover,
#homeHeaderDiv #homePhotoMenu ul li a.selected { background:#bf074e none; color:#fff;}
#homeHeaderDiv #homePhotoInfo { width:195px; height:190px;float:right; padding-right:10px; padding-top:10px; padding-bottom:10px; display:inline; color:#333; overflow:auto;}
#homeHeaderDiv #homePhotoInfo h2 { text-transform:none;}
#homeHeaderDiv #homePhotoNav { width:195px; float:right; margin-right:10px; padding-top:10px;display:inline; color:#333; border-top:dotted 1px #999; padding-top:10px;	}
#homeHeaderDiv #homePhotoNav ul { margin:0; padding:0; list-style:none; text-align:right;}
#homeHeaderDiv #homePhotoNav ul li { display:inline;}
#homeHeaderDiv #homePhotoNav ul li span.description { display:none !important;}
#homeHeaderDiv #homePhotoNav ul li a {  font-size:10px; line-height:18px; padding:4px 6px; background-color:#999 ;color:#fff; text-decoration:none;}
#homeHeaderDiv #homePhotoNav ul li a:hover,
#homeHeaderDiv #homePhotoNav ul li a.selected { background-color:#414a6b;}

#homeBoxes { margin-top:10px;}
#homeBoxes div.box { float:left; display:inline; clear:none; background-color:#d0cfcf; width:235px; margin-bottom:10px; color:#fff; height:137px; border-top:solid 1px #d0cfcf; position:relative;}
#homeBoxes div.box.margins { margin-left:10px; margin-right:9px;}
#homeBoxes div.box.colorgroup0 { background-color:#000;}
#homeBoxes div.box.colorgroup1 { background-color:#4d577f;}
#homeBoxes div.box.colorgroup2 { background-color:#65a4d0;}
#homeBoxes div.image { position:absolute; top:0; left:0;}
#homeBoxes div.image img { border:none;}
#homeBoxes div.content { padding:10px;}
#homeBoxes div.content h1,
#homeBoxes div.content h2,
#homeBoxes div.content h3,
#homeBoxes div.content p { color:#fff; margin:0;}
#homeBoxes div.content h2 { font-size:18px; line-height:1em;}

#middleContentDiv { width:246px; display:inline; float:right; clear:none; /*padding:10px 10px 0 0;*/ padding:10px 0 0 0; font-size:11px;}
#mainContentDiv.wide #middleContentDiv { display:none;}
#middleContentDiv p { font-size:11px;}
#middleContentDiv img + img,
#middleContentDiv a + a img  { margin-top:6px;}
#middleContentDiv a img { border:none;}


#rightContentDiv {display:inline; float:right; width:246px; /*width:221px;*/clear:none; color:#474338; font-size:11px;} 
#middleContentDiv h2,
#rightContentDiv h2 { border-bottom:solid 1px #bd084d; padding:8px 1px; margin:0; font-size:11px;}
#middleContentDiv h2 a,
#rightContentDiv h2 a { color:#bd084d;}
#rightContentDiv ul { margin:0; padding:0; list-style:none;}
#rightContentDiv ul li { padding-left:10px; background:transparent url(../images/bullet_1.gif) no-repeat 0 6px;}
#rightContentDiv ul li a { color:#474338;}
#rightContentDiv ul li a:hover,
#rightContentDiv ul li a:active { color:#903;}

.expandingBox .title h2 { cursor:pointer; background:transparent url(../images/expanding_arrows_up.gif) no-repeat right 10px; padding-right:20px !important;}
.expandingBox .title h2.closed { background-image:url(../images/expanding_arrows_down.gif);}
.expandingBox .content { background-color:#f4f4f4; margin-top:2px; padding:6px 4px;}
.expandingBox .content *:first-child { margin-top:0px;}
.expandingBox .content p { margin:0 auto 8px auto;}

#findProgramDiv.expandingBox .title h2 { padding-top:0; background-position:right 3px;}
#findProgramDiv.expandingBox .title h2.closed {border-bottom:solid 1px #bd084d;}

.didyouknow h2 { color:#4c587e; border-color:#4c587e !important; text-transform:none;}
.didyouknow .content { background-color:#65a4d0; color:#fff; text-transform:none;}
.didyouknow .content a { color:#fff;}

#findProgramDiv h2 { border-bottom:none;}
#findProgramDiv .content { padding:0 0 16px 0; margin-top:1px; background-image:url(../images/diagonal_stripes.gif); background-repeat: repeat-x; background-position: 0 bottom;}
#findProgramForm { border-top:solid 2px #ccc; border-left:solid 1px #ccc; padding:13px 10px 0 10px;}
#findProgramForm select { width:218px; /*width:193px;*/ margin-bottom:8px; font-size:10px; color:#777;}
#findProgramForm label { display:none; font-size:9px; margin:0; padding:0; clear:both;}

#programDetailsDiv dl { margin:0; padding:0; font-size:10px;}
#programDetailsDiv dl dt { float:left; clear:left; display:inline; width:85px; /*width:75px;*/ margin: 0 5px 5px 0; padding:0; font-weight:bold; line-height:1.3em;}
#programDetailsDiv dl dd { float:left; clear:none; display:inline; width:147px; /*width:132px;*/ margin:0; padding:0; line-height:1.3em;}

#rightContentTextDiv,
#leftContentMainDiv { padding:5px; background:yellow;}


#footerDiv { clear:both; height:30px; padding:23px 0 0 0; color:#a8a8a8; background:transparent url(../images/diagonal_stripes.gif) repeat-x 0 2px; border-top:solid 1px #ccc; font-size:83%;}
#footerDiv div { padding:0; margin:0; white-space:nowrap;}
#footerDiv a,
#footerDiv a:visited { color:#a8a8a8; text-decoration:none;}
#footerDiv a:hover,
#footerDiv a:active { color:#666; text-decoration:underline;}
#footerDiv #ajendaLinkDiv { display:inline; float:left; width:185px; clear:none;}
#footerDiv #copyrightInfoDiv { display:inline; float:left; width:585px; clear:none; text-align:center;}
#footerDiv #partnersDiv { display:inline; float:left; width:210px; clear:none; text-align:right; }