/** BODY ELEMENTS **/
* {
	margin: 0;
	padding: 0;
	}
	body {
		color: #333;
		background-color: #fff;
		font-family: "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		text-align: center;
		}

input { font-family: Lucida Grande, Arial, sans-serif; padding:1px; }

p { line-height:18px; }

img { border:none;}

a, #search a:active, #search a:visited { color:#1da1dc; text-decoration:none; }
a:hover { color:#1da1dc; text-decoration:underline; }

/** MAIN CONTAINERS **/
#container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width:780px;
	height:95px;
	background-image:url(../images/header_bg.gif);
}

#content {
	width:780px;
	background-image:url(../images/container_bg.gif);
	background-repeat:repeat-y;
}

#content_int {
	width:779px;
	z-index:0;
	position:relative;	
	background-image:url(../images/int_container_bg.gif);
	background-repeat:repeat-y;	
	border-right:1px solid #e1e1e1;
}

#floatwrapper {
	width:565px;
	float:right;
}

#int_right {
	z-index:0;
	position:relative;
	width:565px;
	float:right;	
}

#watermarkbackground {
position:absolute;
bottom:0px;
height:400px;
width:565px;
right:0px;
background-image:url(../images/int_bg_wordmark.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

#int_right_content {
width:auto;
padding:10px;
padding-top:0px;
}

#int_right_content ul{
list-style:outside;
margin-left:15px;
}

#int_right  h2 {
color:#1da1dc;
padding:7px;
}

#int_right img{
border:1px solid #e1e1e1;
margin: 8px;
}




#center {
	width:381px;
	float:left;
}
	
#left {
	width:214px;
	float: left;
	height:auto;	
}
	
#right {
	width:184px;
	float: right;
	margin:0;
	background-image:url(../images/int_container_bg.gif);
}
	
#footer {
	height:58px;
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	clear: both;
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
}

/************************** HEADER **************************/
h1.logo {
	float:left;
	margin:0;
	width:338px;
	height:95px;
	background-image:url(../images/header_logo.gif);
}

h1.logo a{
	display: block;
	width: 338px;
	height: 95px;
	text-indent: -10000px;
}

.quicklinks {
	margin:0 17px;
	display:block;
	width:192px;
	height:29px;
	background-image:url(../images/header_toplinksbg.gif);
	background-repeat:no-repeat;
	float:right;
	text-align:center;
}

#quick_home {
	width:51px;
	height:18px;
	float:left;
	background-image:url(../images/header_home.gif);
	margin:3px 0 0 10px;
}

#quick_home a{
	display:block;
	width:51px;
	height:18px;
	text-indent:-9999px;
	float:left;
}

#quick_home a:hover{
	display:block;
	width:51px;
	height:18px;
	background-image:url(../images/header_home_o.gif);
	text-indent:-9999px;
	float:left;
}

#quick_contact {
	width:78px;
	height:12px;
	float:right;
	background-image:url(../images/header_contact.gif);
	background-repeat:no-repeat;
	margin:9px 25px 0 10px;
}

#quick_contact a{
	display:block;
	float:right;
	width:78px;
	height:12px;
	text-indent:-9999px;
}

#quick_contact a:hover{
	display:block;
	float:right;
	width:78px;
	height:12px;
	background-image:url(../images/header_contact_o.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/************************** END HEADER **************************/

/****************************************************** LEFT BAR ******************************************************/

/*NAV*/
	
ul.navigation {
	list-style:none;
	margin:0;
	width:214px;
	padding:0;
}

li.who { height:34px; background-image:url(../images/m-whoweare.gif); position: relative; }
li.who a {display:block; width:214px; height:34px; text-indent:-9999px; position: relative;}
li.who a:hover {display:block; width:214px; height:34px; text-indent:-9999px; background-image:url(../images/m-whoweare_o.gif); position: relative;}

li.needhelp { height:32px; background-image:url(../images/m-needhelp.gif); position: relative; }
li.needhelp a {display:block; width:214px; height:32px; text-indent:-9999px; position: relative; }
li.needhelp a:hover {display:block; width:214px; height:32px; text-indent:-9999px; background-image:url(../images/m-needhelp_o.gif); position: relative;}

li.volunteer { height:32px; background-image:url(../images/m-volunteer.gif); position: relative; }
li.volunteer a {display:block; width:214px; height:32px; text-indent:-9999px; position: relative;}
li.volunteer a:hover {display:block; width:214px; height:32px; text-indent:-9999px; background-image:url(../images/m-volunteer_o.gif); position: relative;}

li.programs { height:31px; background-image:url(../images/m-programs.gif); position: relative;}
li.programs a {display:block; width:214px; height:31px; text-indent:-9999px; position: relative;}
li.programs a:hover {display:block; width:214px; height:31px; text-indent:-9999px; background-image:url(../images/m-programs_o.gif); position: relative;}

li.news { height:32px; background-image:url(../images/m-news.gif); position: relative;}
li.news a {display:block; width:214px; height:32px; text-indent:-9999px; position: relative;}
li.news a:hover {display:block; width:214px; height:32px; text-indent:-9999px; background-image:url(../images/m-news_o.gif); position: relative;}

li.speakers { height:32px; background-image:url(../images/m-speakers.gif); position: relative;}
li.speakers a {display:block; width:214px; height:32px; text-indent:-9999px; position: relative;}
li.speakers a:hover {display:block; width:214px; height:32px; text-indent:-9999px; background-image:url(../images/m-speakers_o.gif); position: relative;}

li.donate { height:32px; background-image:url(../images/m-donate.gif); position: relative;}
li.donate a {display:block; width:214px; height:32px; text-indent:-9999px; position: relative;}
li.donate a:hover {display:block; width:214px; height:32px; text-indent:-9999px; background-image:url(../images/m-donate_o.gif); position: relative;}

li.stories { height:31px; background-image:url(../images/m-stories.gif); position: relative;}
li.stories a {display:block; width:214px; height:31px; text-indent:-9999px; position: relative;}
li.stories a:hover {display:block; width:214px; height:31px; text-indent:-9999px; background-image:url(../images/m-stories_o.gif); position: relative;}

li.multimedia { height:32px; background-image:url(../images/m-multimedia.gif); position: relative;}
li.multimedia a {display:block; width:214px; height:32px; text-indent:-9999px; position: relative;}
li.multimedia a:hover {display:block; width:214px; height:32px; text-indent:-9999px; background-image:url(../images/m-multimedia_o.gif); position: relative;}

li.aboutpoverty { height:33px; background-image:url(../images/m-aboutpoverty.gif); position: relative;}
li.aboutpoverty a {display:block; width:214px; height:33px; text-indent:-9999px; position: relative;}
li.aboutpoverty a:hover {display:block; width:214px; height:33px; text-indent:-9999px; background-image:url(../images/m-aboutpoverty_o.gif); position: relative;}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li ul {
	position: absolute;
	left: 214px;
	top: 0;
	display: none;
	list-style:none;
	border-bottom: 1px solid #d3eaaf;
	}

ul.navigation li {
	position: relative;
}

ul.sub li a {
	display: block;
	width:150px;
	height:15px;
	text-decoration: none;
	color: #035072;
	background: #b9d989; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #d3eaaf; /* IE6 Bug */
	border-bottom: 0;
	text-indent:0;
}
ul.sub li a:hover { background:#d3eaaf; width:150px; height:15px; color:#035072; text-decoration:underline; text-indent:0; }
		
li:hover ul, li.over ul { display: block; }

/* END NAV */

/* SEARCH */

#search {
	background-image:url(../images/search_bg.gif);
	background-repeat:repeat-y;
	padding:10px;
	font-size:10px;
	border-bottom:1px #abd171 solid;
	border-top:1px #abd171 solid;
}

#search h2 { width:59px; height:12px; margin:0 0 10px 0; background-image:url(../images/h2-search.gif); background-repeat:no-repeat; text-indent:-9999px; }

#searchbox { display:block; }

#search input { background-color:#FFFFFF; border:1px solid #456231; float:left; margin-right:5px; height:20px; }

#search p { margin-top:10px; }

/* END SEARCH */

/* NEWS & EVENTS */

#newsevents {
	padding:10px 10px 30px 10px;
	font-size:10px;
	border-top:1px #d2e7b4 solid;
}

#newsevents p { margin-top:10px; line-height:11px; }
.newsdate { font-size:11px; font-weight:bold; color:#1da1dc; }
#newsevents h2 { width:118px; height:12px; margin:0 0 10px 0; background-image:url(../images/h2-newsevents.gif); background-repeat:no-repeat; text-indent:-9999px; }

/* END NEWS & EVENTS */

/****************************************************** END LEFT BAR ******************************************************/



/****************************************************** RIGHT BAR ******************************************************/

.box {
	width:184px;
	height:auto;
}

.box img {
border:none;
}

#box2 {
	width:184px;
	height:110px;
}

#box3 {
	width:184px;
	height:147px;
}

#box4 {
	width:184px;
	height:211px;
}

#logos {
	height:61px;
	text-align:center;
	margin-top:90px;
	background-image:url(../images/int_container_bg.gif);
}

/****************************************************** END RIGHT BAR ******************************************************/

/****************************************************** CENTER COLUMN ******************************************************/

#center p {
	margin:10px 10px 5px 10px;
	text-align:left;
}

img.team { border:1px solid #bdbdbd; float:right; margin: 0 20px 20px 20px; }

.bluetext { font-weight:bold; color:#1da1dc; }

/****************************************************** END CENTER COLUMN ******************************************************/

/****************************************************** HEADINGS ******************************************************/

h2.scottmission { color:#00bfff; margin-left:5px; }
h2.ourteam { background-image:url(../images/h2-ourteam.gif); background-repeat:no-repeat; text-indent:-9999px; margin:10px 0 10px 10px; width:354px; height:23px; }

/****************************************************** END HEADINGS ******************************************************/


/****************************************************** FOOTER ******************************************************/

#footer p {
	padding-top:20px;
}

#footer a, #footer a:active, #footer a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer a:hover {
	color:#c0dd95;
	text-decoration:none;
}

/****************************************************** END FOOTER ******************************************************/