/* main layout/style */

body {
	margin:0;
	padding:0;
	background-color:#E9E9E9; /* light grey bg */
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:85%;
	color:#333333 /* dark grey font */
}

#wrapper {width:932px; margin-left:auto; margin-right:auto} /* center page */
#header {width:932px; margin:0; padding:0; background-color:#FFFFFF} /* white bg */
#navigation {width:931px; margin:0; padding:0; border-top:solid 1px #CECECE; border-right:solid 1px #CECECE; border-bottom:solid 1px #CECECE; white-space:nowrap} /* light grey border */
#sitemap {margin:0; padding:15px 20px 15px 18px; background-color:#E9E9E9; border-bottom:solid 1px #CECECE} /* light grey bg + border */
#footer {margin:0; padding:15px 30px 15px 30px; text-align:left}
#copyright {float:left; margin:0; padding:11px 5px 0 0; font-size:70%; color:#333333} /* dark grey font */
#socialnetworking {float:right; margin:0; padding:0; color:orange; font-weight:bold}

.faqpartnerbox {margin:10px 30px 10px 30px}
.faqpartnerlt {width:150px; float:left; margin:5px 0px 0px 0px; text-align:left; font-weight:bold;}
.faqpartnerrt {width:160px; float:right; margin:5px 0px 0px 0px; text-align:right; font-weight:bold;}

.faqgivinglt {float:left; width:130px; margin:5px 0px 0px 100px; text-align:left}
.faqgivingrt {float:right; width:150px; margin:5px 100px 0 0; text-align:right}

.search {float:right; font-size:90%; color:#333333} /* dark grey font */
.logo {width:210px; height:120px; border:0; padding:10px 0 10px 28px}
.headerlinks {margin:0; padding:25px 30px 40px 0; text-align:right}
.highlight {font-size:90%; color:#333333} /* dark grey font */
.quicklinks {float:left; font-size:80%; color:#333333; margin:0; padding:0 15px 0 5px; border-right:solid 1px #CECECE} /* dark grey font + light grey border */
.quicklinks ul {margin:0; padding:8px}
.quicklinks ul li {list-style-type:none} /* hide default bullet points from sitemap */
.sitemap {float:left; font-size:80%; color:#333333; margin:0 0 0 15px; padding:0} /* dark grey font */
.sitemap ul {margin:0; padding:12px}
.sitemap ul li {list-style-type:none} /* hide default bullet points from sitemap */
.ourmissionlist {margin-top:4px}
.ourvalueslist {margin-top:0px}
.eduprogramslist {margin-top:4px; margin-bottom:25px}
.eduprogramslist li {margin-bottom:10px}
.eduresourcelist {margin-top:4px; margin-bottom:15px}

.acrobat {width:22px; height:22px; border:0; padding-right:10px}
.caption {font-size:70%; color:#9D9D9D}
.br {padding-bottom:10px}
.top {font-size:90%; text-align:right; margin-bottom:30px}
.faqlist {margin-top:0; margin-bottom:20px}
.underline {text-decoration: underline}

h1 {font-family:Verdana, Helvetica, sans-serif; font-size:185%; color:#FFFFFF; font-weight:normal; margin:0; padding:0 0 10px 0} /* white font */
h2 {font-family:Verdana, Helvetica, sans-serif; font-size:170%; color:#BF1238; font-weight:normal; margin:0; padding:0 0 10px 0} /* dark red font, pantone 193 */
h3 {font-family:Verdana, Helvetica, sans-serif; font-size:110%; color:#BF1238; font-weight:normal; margin:0; padding:0 0 3px 0} /* dark red font, pantone 193 */
h4 {font-family:Verdana, Helvetica, sans-serif; font-size:110%; color:#BF1238; font-weight:bold; margin:0; padding:0 0 3px 0} /* dark red font, pantone 193 */

a {color:#006591; text-decoration:none; font-size:100%; font-weight:normal} /* mid blue font */
a:hover, a:active {text-decoration:underline}

/* home page (hp) */
#hpcontent {width:930px; margin:0; padding:0; background-color:#FFFFFF; border-right:solid 1px #CECECE; border-bottom:solid 1px #CECECE; border-left:solid 1px #CECECE} /* white bg + light grey border */
#hpbannercontainer {margin:0; padding:0; background-color:#333333} /* dark grey bg in case images are disable +/or font size is increased */
#hpmission {float:left; width:294px; margin:0; padding:8px 18px 10px 18px; background-image:url(/images/layout/mission-bg-grey.gif); min-height:170px; background-repeat:repeat-x; background-color:#333333;} /* dark grey bg */
#hpbanner {float:right; width:600px; height:210px; margin:0; padding:0; background-color:#333333;}
#hpltcol {float:left; width:520px; margin:0; padding:20px 10px 30px 29px}
#hprtcol {float:right; width:320px; margin:0; padding:20px 30px 30px 10px}
.hpmissionft {color:#FFFFFF}
.hphgltbox {background-color:#E5E5E5; margin:0 0 20px 0; padding:7px; border:solid 1px #CECECE} /* light grey border */
.hphgltimg {float:left; width:100px; height:68px; margin:0 10px 0 0; padding:0; border:solid 2px #FFFFFF} /* white border */


/* inside page (ip) */
#ipcontent {width:930px; background-color:#FFFFFF; margin:0; padding:0 0 50px 0; border-right:solid 1px #CECECE; border-bottom:solid 1px #CECECE; border-left:solid 1px #CECECE} /* white bg + light grey border */
#ipbannercontainer {height:150px; background-color:#333333}
#ipltcol {float:left; width:590px; margin:0; padding:20px 40px 0 30px}
#iprtcol {float:right; width:230px; margin:0; padding:20px 30px 0 0; font-size:90%}
.ipbanner {width:930px; height:150px; margin:0; padding:0; background-color:#E9E9E9} /* light grey bg */
.iphgltbox {background-color:#E5E5E5; border:solid 1px #CECECE; margin-bottom:20px; padding:15px} /* light grey bg + border */
.iphgltimg {width:100px; height:68px; padding:0; border:0} /* white border */
.ippartnerbox {background-color:#FFFFFF; margin-bottom:20px; padding:13px} /* white bg */
.ippartnerimg {padding-top:15px; border:0}
p {margin-top: 0px; }

/* Navigation Menus - Backgrounds */

#menus {
	background-color:#9D9D9D; /* mid grey - bg color in case images are disabled */
	text-align:center;
	font-size:10pt; /* fixed size font to ensure it doesn't burst outside the dropdown list if usesrs increase font size to large - IE only */
	white-space:normal
}

#menus ul {
	margin:0;
	padding:0;
	z-index:100
}

#menus ul li {
	float:left;
	position:relative;
	display:inline;
	background:url(/images/layout/mid-grey-tab.gif) 0 100% repeat-x; /* mid grey bg img - default dropdown list style */
	background-color:#9D9D9D; /* mid grey - bg color in case images are disabled */
	width:154px; /* section header + dropdown list width */
	border-left:solid 1px #CECECE /* left grey border-right */
}

#menus ul li ul {
	visibility:hidden; /* hide dropdown list to start with */
	position:absolute;
	left:-1px;
	list-style-type:none; /* hide default bullet points from dropdown list */
	border-right:solid 1px #CECECE; /* light grey border-right */
}

#menus ul li ul li {
	border-bottom:solid 1px #CECECE /* light grey border-bottom */
}


/* Navigation Menus - Links */

#menus ul li a {
	display:block;
	color:#FFFFFF; /* white list font - default + visited links */
	padding:5px;
	text-decoration:none
}

#menus ul li a:link, .menus ul li a:visited {
	color:#FFFFFF /* white header font - default + visited links */
}

#menus ul li a:hover {
	background:url(/images/layout/dark-grey-tab.gif) 0 100% repeat-x; /* dark grey bg img - default dropdown list style */
	background-color:#6C6C6C /* dark grey - bg color in case images are disabled, esp. 2 line labels */
}

.donate {
	background:url(/images/layout/red-tab.gif) 0 100% repeat-x; /* dark red bg img */
	background-color:#B60000; /* dark red - bg color in case images are disabled */
	text-align:center;
	width:145px;
	_width:144px /* IE6 only */
}

/* Navigation Menus - Red Highlight */

#menus ul li.selected {
	background:url(/images/layout/red-tab.gif) 0 100% repeat-x; /* dark red bg img - highlight parent selection when onmouseover over dropdown list */
	background-color:#B60000 /* dark red - bg color in case images are disabled */
}

#menus ul li.selected ul {
	visibility:visible
}

#menus ul li ul li a.selected {
	background:url(/images/layout/red-tab.gif) 0 100% repeat-x; /* dark red bg img - highlight parent selection when onmouseover over dropdown list */
	background-color:#B60000 /* dark red - bg color in case images are disabled */
}