/* CSS Document */

BODY
{
	color: #FFFFFF;
	background-color: #000000;
	background-image: url("../images/bg.jpg");
	background-repeat: repeat-x;
	background-position: top;
	height: 100%;
	font-family: Helvetica, Arial, Tahoma, Sans-serif;
	font-size: 10pt;
	margin: 0;
}

html
{
	height: 100%;
}

p
{
	margin: 0 0 12px 0;
	line-height: 1.25em;
	text-align: left;
}

h1
{
	color: #FFFFFF;
	background-image:url('../images/hope_logo.jpg');
	height: 110px;
	width: 272px;
	margin: 76px 0 0 70px;
	display: inline;
	float: left;
	text-indent: -2000px;
	overflow: hidden;
}

.header
{
	color: #ffcc01;
	font-family: Helvetica, Arial, Tahoma, Sans-serif;
	font-size: 11pt;
	width: 100%;
	margin: 10px 0 0 0;
	font-weight: bold;
	display: inline;
	float: left;
	text-transform: uppercase;
}

.header2
{
	color: #FFF;
	font-family: Helvetica, Arial, Tahoma, Sans-serif;
	font-size: 11pt;
	width: 100%;
	margin: 10px 0 0 0;
	font-weight: bold;
	display: inline;
	float: left;
	text-transform: uppercase;
}

.header3
{
	color: #ffcc00;
	font-family: Helvetica, Arial, Tahoma, Sans-serif;
	font-size: 11pt;
	width: 100%;
	margin: 10px 48px 0 0;
	font-weight: bold;
	display: inline;
	float: right;
	text-align: right;
	text-transform: uppercase;
}
/* Page Layout */

#container
{
	left: 50%;
	margin: 0 0 0 -475px;
	width: 950px;
	position: absolute;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}

#top_container
{
	color: #FFFFFF;
	background-color: transparent;
	width: 950px;
	height: 289px;
	border: 0;
	float: left;
	display: inline;
	margin: 0;
}

#top_logo
{
	color: #FFFFFF;
	background-color: transparent;
	width: 272px;
	height: 289px;
	border: 0;
	float: left;
	display: inline;
	margin: 0 25px 0 0;
}

#top_video
{
	color: #FFFFFF;
	background-image: url('../images/video_bg.jpg');
	width: 405px;
	height:	238px;
	margin: 25px 0 0 135px;
	border: 0;
	float: left;
	display: inline;
}

#video
{
	color: #FFFFFF;
	background-color: transparent;
	width: 356px;
	height:	188px;
	margin: 25px 0 0 25px;
	border: 0;
	float: left;
	display: inline;
}

#watch_this
{
	color: #FFFFFF;
	background-image: url('../images/watch_this.jpg');
	width: 98px;
	height:	47px;
	margin: 181px 0 0 0;
	border: 0;
	float: left;
	display: inline;
}

#main_container
{
	color: #FFFFFF;
	background-color: transparent;
	width: 950px;
	border: 0;
	float: left;
	display: inline;
	margin: 4px 0 0 30px;
}

#main_left
{
	color: #FFFFFF;
	background-color: transparent;
	width: 350px;
	border: 0;
	float: left;
	display: inline;
	margin: 0;
}

#main_right
{
	color: #FFFFFF;
	background-color: transparent;
	width: 475px;
	border: 0;
	float: left;
	display: inline;
	margin: 0 0 0 75px;
}

#copy
{
	color: #FFFFFF;
	background-color: transparent;
	width: 950px;
	font-size: 9pt;
	border: 0;
	float: left;
	display: inline;
	margin: 60px 0 40px 0;
}

/* Navigation */

#nav
{
	color: #000000;
	background-image: url('../images/nav_bg.jpg');
	width: 512px;
	height: 41px;
	font-family: Helvetica, Arial, Tahoma, Sans-serif;
	font-size: 10pt;
	float: right;
	display: inline;
	margin: 0;
	text-transform: uppercase;
}

ul#nav_container
{
	width: 512px;
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
}

#nav_nav
{
	margin: 9px 0 0 0;	
}

#nav_container  li
{
	margin: 0 0 0 32px;
	padding: 0;
	display: inline;
}

/* Links */

a:link, a:visited, a:active
{
	color: #ffcc00;
	font-weight: bold;
	text-decoration: none;
	border: 0;
}
a:hover
{
	color: #f79614;
	font-weight: bold;
	text-decoration: none;
	border: 0;
}

a.nav_container:link, a.nav_container:visited, a.nav_container:active
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border: 0;
}
a.nav_container:hover
{
	color: #006599;
	font-weight: bold;
	text-decoration: none;
	border: 0;
}

#buttons
{
	color: #FFFFFF;
	background-color: transparent;
	width: 340px;
	height: 61px;
	border: 0;
	margin: 0;
	padding: 0;
}

#donate
{
	color: #FFFFFF;
	background-color: transparent;
	width: 150px;
	height: 61px;
	border: 0;
	float: left;
	overflow: hidden;
	margin: 0;
}

#volunteer
{
	color: #FFFFFF;
	background-color: transparent;
	width: 152px;
	height: 61px;
	border: 0;
	float: left;
	overflow: hidden;
	margin: 0 0 0 10px;
}

/* FORM CSS */

#form_buttons
{
	float: right;
	display: inline;
	margin: 0 125px 0 0;
}

.field_bg
{
	background-image: url('../images/field_bg.png');
	background-repeat: no-repeat;
	background-color: transparent;
	height: 25px;
	width: 247px;
	margin: 0;
	padding: 0 0 8px 0;
	display:inline;
	float:left;
	overflow: hidden;
}

.textarea_bg
{
	background-image:url('../images/textarea_bg.png');
	background-repeat: no-repeat;
	height: 105px;
	width: 350px;
	margin: 0;
	padding: 0 0 8px 0;
	display:inline;
	float:left;
	overflow: hidden;
}

.textarea
{
	border: 0;
	background-color: #FFF;
	font-family: Arial, Tahoma, Helvetica, Sans-serif;
	color: #000000;
	height: 95px;
	width: 340px;
	padding: 2px;
	margin: 3px 0 0 3px;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
}

.field
{
	border: 0;
	background-color: #FFF;
	font-family: Arial, Tahoma, Helvetica, Sans-serif;
	color: #000000;
	height: 16px;
	width: 237px;
	padding: 2px;
	margin: 2px 0 0 3px;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
}