/* General Styles */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
	line-height:1.5em;
	text-align:center;
	background-color: #FFF;
}

.page-wrapper {
	width: 900px;
	margin-bottom: 0px;
	margin-top: 40px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	backgroound: url(images/5_pix_rule.gif) 0 0 repeat-x;
}

a {
color: #336666;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: underline;
}


/* Header styles */

#header {
	float: left;
	width: 900px;
	height: 182px;
	background-image: url(images/ex_backgrnd_blend_upper_nu.jpg);
	background-repeat: repeat;
}

#header-three {
	float: left;
	width: 900px;
	height: 192px;
	background-image: url(images/ex_backgrnd_blend_upper_nu.jpg);
	background-repeat: repeat;
}

#header-who {
	float: left;
	width: 900px;
	height: 200px;
	background-color: #FFF;
}

#logocontainer {
	text-align: left;
	float: left;
	width: 280px;
	left: 20px;
	position: relative;
	z-index: 6;
}

.logo {
	float: left;
	text-align: left;
	padding-top: 20px;
	padding-left: 15px;
}

.llatin {
	float: left;
	text-align: left;
	padding-top: 20px;
}


#header-navigation-col {
	text-align: right;;
	float: right;
	width: 560px;
	right: 20px;
	position: relative;
	z-index: 6;
}

#header-nunavigation-col {
	text-align: right;;
	float: right;
	width: 580px;
	right: 0px;
	position: relative;
	z-index: 6;
}


.g_text {
	font-color: #669933;
	font-size:14px;
	line-height: 1.7em;
	color: #669933;
}

a.nav_link {
	font-color: #000000;
	font-size: 14px;
	text-decoration: none;
	color: #000;
}

a:hover.nav_link {
	font-color: #669933;
	text-decoration: underline;
	color: #669933;
}

.nav-middle-blue {
	width: 1px;
	height: 124px;
	background-color: #336666;
	color: #336666;
}

.nav-middle-brown {
	width: 1px;
	height: 120px;
	background-color: #663300;
	color: #663300;
}

.nav-middle-contact {
	width: 1px;
	height: 120px;
	background-color: #669933;
	color: #669933;
}

.nav-middle-nublue {
	width: 1px;
	height: 124px;
	background-color: #336666;
	color: #336666;
}

.nav-middle-purple {
	width: 1px;
	height: 130px;
	background-color: #330066;
	color: #330066;
}

.nav-middle-red {
	width: 1px;
	height: 130px;
	background-color: #990000;
	color: #990000;
}

.header-nav-right {
	width: 326px;
	background-color: #fff;
	font-size:1.1em;
	line-height: 1.7em;
	margin-top: 0px;
	float: left;
}

a.g_nav_link {
	font-color: #666666;
	font-size: 14px;
	text-decoration: none;
	color: #666666;
}

a:hover.g_nav_link {
	font-color: #669933;
	text-decoration: underline;
	color: #669933;
}

a.g_newsnav_link {
	font-color: #666666;
	font-size: 14px;
	line-height: 1.5em;
	text-decoration: none;
	color: #666666;
}

a:hover.g_newsnav_link {
	font-color: #669933;
	text-decoration: underline;
	color: #669933;
}

.hp_nav_text {
	font-color: #000;
	font-size: 13px;
	line-height: 1.0em;
	color: #000;
}

a.hp_nav_link {
	font-color: #666666;
	font-size: 14px;
	line-height: 1.5em;
	text-decoration: none;
	color: #666666;
}

a:hover.hp_nav_link {
	font-color: #669933;
	text-decoration: underline;
	color: #669933;
}

#clrcontainer {
	clear: both;
	height: 1px;
}


/*  Banner Section Styles  */
#bnrcontainer {
	float: left;
	width: 900px;
	background-color: #fff;
	vertical-align: baseline;
}

.bnr-contact {
	background: url(images/ex_contact_us_banner.jpg);
	width: 900;
	height: 260px;
}

.bnr-donate{
	background: url(images/ex_support_banner.jpg);
	width: 900;
	height: 260px;
}

.bnr-what-we-do {
	background: url(images/ex_what_we_do_banner.jpg);
	width: 900;
	height: 260px;
}

.bnr-whats-new {
	background: url(images/ex_whats_new_banner.jpg);
	width: 900;
	height: 260px;
}

.bnr-who-we-are {
	background: url(images/ex_who_we_are_banner_rev_4.jpg);
	width: 900;
	height: 260px;
}

#bnrcontainerhp {
	float: left;
	width: 900px;
	height: 373px;
	background-color: #fff;
	vertical-align: baseline;
}

.bnr-hp {
	background: url(images/ex_HP_banner_rev_3.jpg) no-repeat;
	background-color: #fff;
	padding-top: 10px;
	width: 900px;
	height: 373px;
}


.bnr-mid {
	width: 200px;
	padding-top: 40px;
	float: left;
}

.mid_bnr_white_text {
	font-size: 1.5em;
	line-height: 1.6em;
	color: #FFF;
}

.bnr_white_text {
	font-size: 1.2em;
	line-height: 2.0em;
	color: #FFF;
}

.bnr_newswhite_title {
	font-size: 16px;
	line-height: 17px;
	text-align: left;
	padding-top: 8px;
    padding-bottom: 16px;
}

a.bnr_white_link {
	color: #FFF;
	text-decoration: none;
}

a:hover.bnr_white_link {
	color: #FFF;
	text-decoration: underline;
}

a.bnr_newswhite_link {
	color: #FFF;
	line-height: 1.6em;
	text-decoration: underline;
}

a:hover.bnr_newswhite_link {
	color: #FFF;
	text-decoration: underline;
}

.hp_white_text {
	font-size: 1.2em;
	line-height: 1.6em;
	padding-top: 10px;
	color: #FFF;
}

.hp_white_text p {
	color: #FFF;
	padding-top: 10px;
}

.hp_white_text2 {
	font-size: .9em;
	line-height: 1.4em;
	float: right;
	color: #FFF;
	padding-top: 10px;
}

/*  Content Section Styles  */
#bdycontainer {
	float: left;
	width: 900px;
	font-size: 12px;
	line-height: 1.5em;
	background-color: #fff;
	padding-bottom: 30px;
}

.bdy-left {
	width: 300px;
	padding-left: 0px;
	float: left;
}

.copyrite {
	width: 300px;
	float: right;
	font-size: 9px;
	color: #6F6C6C;
	text-align: right;
	padding-top: 1px;
}

.bdy-quote {
	width: 260px;
	color: #6F6C6C;
	text-align: left;
    padding-left: 40px;
	padding-top: 12px;
}

.bdy-author {
	width: 260px;
	float: left;
	color: #6F6C6C;
	text-align: left;
	line-height: 15px;
    padding-left: 0px;
	padding-top: 4px;
}


.bdy-right {
	width: 460px;
	padding-top: 30px;
	padding-right: 100px;
	float: right;
	text-align: left;
}

.bdy-right li {
	padding-left: 5px;
	padding-top: 2px;
} 

/* Unique to Reports page  */
.nublue_title {
	font-color: #336666;
	font-size: 16px;
	line-height: 1.5em;
	color: #336666;
}

a.nublue_link {
	font-color: #336666;
	font-size: 12px;
	line-height: 1.5em;
	text-decoration: none;
	color: #336666;
}

a:hover.nublue_link {
	font-color: #000000;
	text-decoration: underline;
	color: #000000;
}

.nublue_sub_title {
	font-color: #336666;
	font-size: 14px;
	line-height: 1.5em;
	color: #336666;
}

/* Unique to Who We Are pages  */
.brown_title {
	font-color: #663300;
	font-size: 16px;
	line-height: 1.5em;
	color: #663300;
    padding-bottom: 6px;
}

a.brown_link {
	font-color: #663300;
	font-size: 12px;
	line-height: 1.5em;
	text-decoration: none;
	color: #663300;
}

a:hover.brown_link {
	font-color: #000000;
	text-decoration: underline;
	color: #000000;
}

.brown_sub_title {
	font-color: #663300;
	font-size: 14px;
	line-height: 1.5em;
	color: #663300;
}


/* Unique to What we do pages  */
.purple_title {
	font-color: #330066;
	font-size: 16px;
	line-height: 1.5em;
	color: #330066;
}

a.purple_link {
	font-color: #330066;
	font-size: 12px;
	line-height: 1.5em;
	text-decoration: none;
	color: #330066;
}

a:hover.purple_link {
	font-color: #000000;
	text-decoration: underline;
	color: #000000;
}

.purple_sub_title {
	font-color: #330066;
	font-size: 14px;
	line-height: 1.5em;
	color: #330066;
}

/* Unique to Donate pages  */
.red_title {
	font-color: #990000;
	font-size: 16px;
	line-height: 1.5em;
	color: #990000;
}

a.red_link {
	font-color: #990000;
	font-size: 12px;
	line-height: 1.5em;
	text-decoration: none;
	color: #990000;
}

a:hover.red_link {
	font-color: #000000;
	text-decoration: underline;
	color: #000000;
}

.red_sub_title {
	font-color: #990000;
	font-size: 14px;
	line-height: 1.5em;
	color: #990000;
}


.sub_title {
	font-color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	color: #000;
}

.list_sub_title {
	font-color: #000;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5em;
	color: #000;
}

.brown_subtwo_title {
	font-color: #663300;
	font-size: 14px;
	line-height: 1.5em;
	color: #663300;
}
/* End of Titles and links  */

/* Photos etc */
#img_left {
float: left;
}

#staffcontainer {
	float: left;
	width: 900px;
	height: 90px;
	background-color: #FFF;
}

.staffimg {
padding-right: 10px;
padding-bottom: 6px;
vertical-align:middle;
}


/*  Quote area Styles  */
#qcontainer {
	float: left;
	width: 900px;
	height: 120px;
	background-color: #FFF;
	background-image: url(images/exloco_horizontal_gradient.jpg);
	background-repeat: repeat;
}

.pg-quote {
	width: 420px;
	float: left;
	color: #6F6C6C;
	text-align: left;
    padding-left: 40px;
	padding-top: 12px;
}

.pg-author {
	width: 420px;
	float: left;
	color: #6F6C6C;
	text-align: left;
	line-height: 15px;
    padding-left: 0px;
	padding-top: 4px;
}

/* DONATE  */
.pg-donate {
	width: 300px;
	float: right;
    padding-right: 16px;
	padding-top: 5px;
	padding-bottom: 20px;
}

.pg-donate2 {
	width: 300px;
	float: right;
    padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 20px;
}

#dcontainer {
	float: right;
	width: 900px;
	height: 90px;
	background-color: #FFF;
	background-image: url(images/ex_backgrnd_blend_lower_rev.jpg);
	background-repeat: repeat;
}

/* Outta here for now  */
.pg-quote-narrow {
	width: 300px;
	float: left;
	color: #6F6C6C;
	text-align: left;
    padding-left: 40px;
	padding-top: 12px;
}

.pg-author-narrow {
	float: left;
	color: #6F6C6C;
	text-align: left;
	line-height: 15px;
    padding-left: 0px;
	padding-top: 4px;
}

.pg-donate-narrow {
	width: 300px;
	float: right;
    padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
}


/*  Footer Styles  */
#ftrcontainer {
	float: left;
	width: 900px;
	height: 140px;
	background-color: #FFF;
}


.ftr-address {
	background-color: #fff;
	width: 900;
	text-align: center;
	font-size: .9em;
	line-height: 1.0em;
	color: #666;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #666;
	padding-top: 10px;
	padding-bottom: 20px;
}

a.ftr_link {
	font-color: #666;
	text-decoration: none;
	color: #666;
}

a:hover.ftr_link {
	font-color: #669933;
	text-decoration: underline;
	color: #669933;
}