body {
	background: black url(../images/background_tile.jpg) top center;
	margin: 0;
}

td, div, span {
	font-family: arial;
	font-size: 15px;
	color: rgb(83,71,65);
}

a img { border: none; }

h3 { 
	margin: 0; padding: 0;
	font-size: 15px; 
}

#siteContainer {
	background: white url(../images/site_tile.jpg) repeat-y;
	width: 816px;
	padding: 0 10px;
	position: relative;
	margin: 0 auto;
}

#contentContainer {
	background: rgb(249,249,249);	
}


#header {
	width: 816px;
	height: 110px;
	background-color: white;
	position: relative;
}

#header .links {
	height: 70px;
	position: relative;
}

#header .menu {
	height: 46px;
	position: relative;
	white-space: nowrap;
	width: 1100px;
	overflow: hidden;
}

#header .menu a {
	display: block;
	float: left;
	height: 32px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	padding-top: 2px;
}
#header .menu a:hover {
	z-index: 100;
	height: 34px;
	padding-top: 0px;
	margin-left: -2px;
	padding-right: 2px;
}

#header .menu a span { visibility: hidden; }

#header .menu a.home {
	width: 60px;
	background: transparent url(../images/menu_home.png) no-repeat;	
}

#header .menu a.getStarted {
	width: 116px;
	background: transparent url(../images/menu_get_started.png) no-repeat;
	left: -10px;	
}

#header .menu a.orderEventKit {
	width: 186px;
	background: transparent url(../images/menu_order_event_kit.png) no-repeat;
	left: -20px;	
}


#header .menu a.resources {
	width: 111px;
	background: transparent url(../images/menu_resources.png) no-repeat;
	left: -33px;	
}

#header .menu a.faq {
	width: 68px;
	background: transparent url(../images/menu_faq.png) no-repeat;
	left: -42px;	
}

#header .menu a.pastEvents {
	width: 116px;
	background: transparent url(../images/menu_past_events.png) no-repeat;
	left: -51px;	
}

#header .menu a.contactUs {
	width: 110px;
	background: transparent url(../images/menu_contact_us.png) no-repeat;
	left: -60px;	
}

#header .menu .divider {
	height: 6px;
	width: 816px;
	background-color: rgb(237,208,159);
	clear: both;
}

#header .links .worldVisionLogo {
	position: relative;
	left: 36px;	
}

#header .links .getInvolved {
	position: relative;
	left: 306px;	
}

#header .links .followFacebook {
	position: absolute;
	right: 15px;
	top: 70px;
	z-index: 105;	
}

#header div.hotline {
	position: absolute;
	color: rgb(172,172,172);
	font-size: 10px;
	top: 40px;
	right: 15px;
	z-index: 110;
}

#header div.hotline a { color: rgb(172,172,172); text-decoration: none; }

#header .links .sponsor {
	position: absolute;
	right: 15px;
	top: -3px;	
}

#header .links .volunteer {
	position: absolute;
	right: 105px;
	top: -3px;	
}

#header .links .sponsor:hover,
#header .links .volunteer:hover {
	top: 0px;	
}

#footer {
	background: black url(../images/footer.png) no-repeat;
	width: 836px;
	height: 38px;
	margin: 0 auto;
	clear: both;
	z-index: 1;
	position: relative;
}

#footer .mission {
	text-indent: 20px;
	line-height: 28px;
	letter-spacing: -1px;
	font-size: 10px;
	color: white;
	position: relative;
}


#footer .mission a {
	color: #9d9fa2;
	text-decoration: none;	
}

#footer .contact {
	margin: 15px 0 10px 20px;
	font-size: 9px;
	color: white;
	position: absolute;
	height: 80px;
}

p {
	margin: 0;
	padding: 5px 0 10px 0;
}

div.masthead {
	position: relative;
	z-index: 1;
	font-weight: normal;
}

div.masthead p {
	font-size: 15px;
	color: rgb(235,235,235);
	font-weight: normal;
}

a.startNowButton {
	background: transparent url(../images/button_start_now.png) no-repeat;
	display: block;
	width: 151px;
	height: 36px;
	cursor: pointer;	
}

a.startNowButton span { display: none; }

div.spiral {
	width: 816px;
	height: 50px;
	position: absolute;
	z-index: 1;
	bottom: -10px;
	background: transparent url(../images/backgrounds/spiral.png) no-repeat;
	clear: both;
	left: 0;
}

div.spiralContainer {
	width: 816px;
	height: 127px;
	background: transparent url(../images/backgrounds/spiral_tile.png) repeat-x;
	clear: both;
	z-index: 0;
	position: relative;
	
}

a.backToTop {
	display: block;
	text-align: right;
	clear: both;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
	color: rgb(83,71,65);
	margin-left: 500px;	
}

a.backToTop:hover {
	text-decoration: underline;
}