@charset "UTF-8";
/* CSS Document */
html, body, div, p, img, a, h1, h2, h3, h4, h5, h6, ul, li, span, form, input { margin: 0; padding: 0; }
/* "font-size:62.5%" Sets base font size for the website. This is based on most browsers' default font size of 16px (16px X 0.625 = 10px). By setting the base font size to 10px, "em" can be used to set resizable, pixel values for fonts (1.0em = 10px, 1.1em = 11px, 1.2em = 12px, etc.) */
body { font-size:62.5%; font-family: Arial, Helvetica, sans-serif; }
img, fieldset { border:0; }
a { text-decoration:none; color:#5b97ea; }
a:hover { text-decoration:underline; }
a:visited { color:#5b97ea; }
hr { margin:0.8em 0; border:0; height:1px; color:#3e7ad5; background:#82afd4; }
p, li, td, th { font-size:1.2em; color:#35536c; line-height:1.5em; }
p { padding:0 0 0.7em 0; }
ul { list-style:none; margin:0 0 1em 0; }
li { padding:0 0 0.2em 25px; background: url('/ee/images/template/blue-arrow.gif') 5px 4px no-repeat; }
h1, h2, h3, h4, h5, h6 { padding:0.9em 0 0.7em 0; color:#014b88; }
h1 { font-size:2.4em; } /* h1 should only be used once per page for the title of the website. */
h2 { font-size:2.2em; font-weight:normal; padding:0 0 0.7em 0; } /* h2 should only be used once per page for the title of the page.*/
h3 { font-size:2.2em; font-weight:normal; padding:0 0 0.7em 0; } /* h3 can be used for subtitles within the page.*/
h4 { font-size:1.4em; } /* h4 - h6 set to same size as p tag for small subtitles. */
h5 { font-size:1.2em; }
h6 { font-size:1.2em; }
blockquote { padding:10px 30px; }
/* --------- Global Custom Text Styles --------- */
.hidden { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; } /* hides text but still makes it available to screen readers */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height:1%; } /* stretches divs to the bottom of nested floats. */
span.arrow{ display:block; float:left; height:12px; width:14px; background:url("../images/arrow-orange.gif") no-repeat; } /* insert default arrow without a list tag */
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
img.floatleft { float:left; padding:0 20px 5px 0;}
img.floatright { float:right; padding:0 0 5px 15px; }
/* ------------ Default Tag Styles ------------ */
body { background:#020E19 url('/ee/images/template/bg-main-dark.jpg') no-repeat top center; }
h4.deck { line-height:1.4em; font-weight:normal; padding:0 0 1em 0; margin:0; }
.smalltext { font-size:1.1em; }
a.pdf { line-height:16px; background:url('/ee/images/template/icons/pdf-icon-small.gif') no-repeat; padding:2px 0 2px 22px; }
a.externalicon { background: url('/ee/images/template/icons/external-link.gif') no-repeat right; padding: 0 22px 0 0; }
/* ------------ Main Page Structure ------------ */
#container { margin:0 auto; width:1014px; }
#bg-borders { width:1014px; background:url('/ee/images/template/bg-lr-borders-dark.jpg') repeat-y top left; }
#left-fade, #right-fade { float:left; display:block; width:25px; height:670px; background-repeat:no-repeat; }
#left-fade { background: url('/ee/images/template/bg-left-fade-dark.jpg'); }
#right-fade { background: url('/ee/images/template/bg-right-fade-dark.jpg'); }
.three-col { float:left; display:block; position:relative; margin:10px 0 0 25px; width:288px; background:#EEEEEE; }
.four-col { float:left; display:block; position:relative; margin:10px 0 0 24px; width:210px; }
.db-four-col { float:left; display:block; position:relative; margin:10px 0 0 24px; width:450px; }
/* ------------ Various page styles ------------ */
#email-form input { margin:0 0 11px 0; }
#pagearea { float:left; display:block; position:relative; width:964px; min-height:100px; overflow:auto; padding:0 0 50px 0; }
#about-content { position:relative; margin:0 0 30px 330px; width:600px; }
#donate-content, #news-content, #facts-content, #projects-content { position:relative; margin:0 0 0 30px; width:600px; }
#news-content { width:350px; }
#donate-rightcol, #news-rightcol, #news-rightcol2 { position:absolute; margin:0; top:240px; left:680px; }
#news-rightcol { left:400px; width:211px; }
#news-rightcol2 { left:650px; width:211px; }
.news-item { overflow:auto; }
.news-item img { float:left; padding-right:20px; }
.three-col-form { width:266px; padding:10px; background:#e8f3fd; }
/* ------------ Sub menu ------------ */
#submenu { float:left; margin:0 0 0 25px; width:270px; background-color:#336699; }
#submenu ul { margin:0; padding:0; }
#submenu #sm-header h3 { margin:0; padding:0; color:#FFFFFF;}
#submenu #sm-header { padding:15px 15px 10px 25px; background:#044876 url('/ee/images/template/sm-head-bg.gif') no-repeat top left; border-bottom: 1px solid #FFFFFF; }
#submenu #sm-links { background:url('/ee/images/template/sm-link-bg.jpg') repeat-y; }
#submenu #sm-footer { display:block; height:13px; background:url('/ee/images/template/sm-footer-bg.jpg') no-repeat; }
#submenu #sm-links li { padding:0; font-weight:bold; font-size:1.3em; border-bottom:1px solid #7dc8f5; background:none; }
#submenu #sm-links a { display:block; padding:3px 0 5px 25px; color:#FFFFFF; text-decoration:none; width:245px; }
#submenu #sm-links a:hover { background:#b7eaff url('/ee/images/template/blue-arrow.gif') 10px 7px no-repeat; color:#0d377c;}
/* ------------ Footer ------------ */
#footer { position:relative; margin:0 auto; background:#020E19 url('/ee/images/template/bg-bottom-dark.jpg') no-repeat top center; width:1014px; height:150px; clear:both; }
#footer p { color:#DFF0F5; font-size:1.1em; }
#footer #left a, #footer #right a { color:#feef9c; }
#footer span.space { margin-left:0.4em; }
#footer #navlinks { display:block; float:left; position:absolute; top:-20px; left:42px; background:#C3E8F3 url('/ee/images/template/foot-lc.gif') no-repeat top left; }
#footer #navlinks ul { float:left; display:block; height:30px; margin:0; padding:0 0 0 10px; }
#footer #navlinks li { float:left; border-right:solid 1px #a6cbd6; padding:0; background:none; }
#footer #navlinks li.last { border-right:none; }
#footer #navlinks li a { display:block; padding:5px 9px 0px 9px; color:#477491; }
#footer #left, #footer #right { position:absolute; top:25px; }
#footer #left { left:44px; }
#footer #right { right:35px; }
#rightcorner { height:30px; float:left; width:15px; background:url('/ee/images/template/foot-rc.gif') no-repeat right top; }