/* NEW HANOVER RELAY FOR LIFE - GENERAL RULES */

/* HTML RULES*/

*, html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "trebuchet MS", arial, verdana, san-serif;
	font-size: 14px;
	text-align: center;
	color: #5a5a5a;
	background: #313131 url("/images/backgrounds/relay_background.gif");
	background-position: top center;
	background-repeat: repeat;
}

h1, h2, h3, h4, h5, h6 {}


/* STANDARD SIFR RULES */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* DECOY SIFR STYLES */

.sIFR-active #main_body h2 {
  visibility: hidden;
  font-family: "Trebuchet MS", arial;
  line-height: 55px;
  font-size: 24px;
}

.sIFR-active #newest_events li h3 {
  visibility: hidden;
  font-family: "Trebuchet MS", arial;
  line-height: 45px;
  font-size: 18px;
}


/* SITE CONTAINERS */

div#container {
	width: 100%;
}

/* HEADER */

div#header_container {
	width: 100%;
}


	div#header {
		position: relative;
		margin: 0px auto;
		width: 710px;
		text-align: left;
	}
	
		#header h1 {
			width: 710px;
			cursor: pointer;
		}
		
			#header h1 span, #header img {
				display: none;
			}
		
		a#get_started {
			position: absolute;
			width: 195px;
			height: 40px;
		}
		
			#get_started span {
				display: none;
			}
				
		a#bark_for_life_button {
			position: absolute;
			width: 216px;
			height: 40px;
			left: 500px;
			top: 100px;
			background: transparent url("/images/misc_elements/bark_for_life_button.png")
		}

			a#bark_for_life_button span {
				display: none;
			}
		
/* NAVIGATION */
	
ul#navigation {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 535px;
	height: 50px;
	list-style: none;
}

	#navigation li {
		margin: 0px -5px 0px 0px;
		float: left;
	}
	
		a#about_link {
			background: transparent url("/images/navigation/about_button.gif");
			width: 83px;
		}

		a#events_link {
			background: transparent url("/images/navigation/events_button.gif");
			width: 82px;
		}

		a#sponsors_link {
			background: transparent url("/images/navigation/sponsors_button.gif");
			width: 102px;
		}

		a#gallery_link {
			background: transparent url("/images/navigation/gallery_button.gif");
			width: 86px;
		}

		a#get_involved_link {
			background: transparent url("/images/navigation/get_involved_button.gif");
			width: 125px;
		}

		a#contact_link {
			background: transparent url("/images/navigation/contact_button.gif");
			width: 82px;
		}
		
		#navigation li a {
			display: block;
			height: 50px;
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}

		#navigation li a:hover {
			background-position: 0px -50px;
		}

			#navigation li a span {
				display: none;
			}


/* DROP DOWN MENUS */

ul#about_sub_navigation, ul#events_sub_navigation, 
ul#sponsors_sub_navigation, ul#get_involved_sub_navigation {
	position: absolute;
	top: 40px;
	border: 1px solid #d8d1b3;
	width: 220px;
	background-color: #eee8d0;
	list-style: none;
	visibility: hidden;
	z-index: 1000;
}

	ul#about_sub_navigation li, ul#events_sub_navigation li, 
	ul#sponsors_sub_navigation li, ul#get_involved_sub_navigation li {
		display: inline;
	}
	
		ul#about_sub_navigation li a, ul#events_sub_navigation li a, 
		ul#sponsors_sub_navigation li a, ul#get_involved_sub_navigation li a {
			display: block;
			padding: 4px;
			width: 212px;
			line-height: 14px;
			font-size: 11px;
			color: #666666;
			text-decoration: none;
		}
		
		ul#about_sub_navigation li a:hover, ul#events_sub_navigation li a:hover, 
		ul#sponsors_sub_navigation li a:hover, ul#get_involved_sub_navigation li a:hover {
			background-color: #d60025;
			color: #ffffff;
		}

ul#about_sub_navigation {
	left: 185px;
}

ul#events_sub_navigation {
	left: 258px;
}

ul#sponsors_sub_navigation {
	left: 337px;
}

ul#get_involved_sub_navigation {
	left: 513px;
}


/* MAIN BODY REGION */
			
div#main_body_container {
	margin: 0px auto;
	width: 710px;
}


	/* MAIN BODY */
	
	div#main_body {
		position: relative;
		float: left;
		display: inline;
		line-height: 20px;
		text-align: left;
	}
	
		#main_body h2 {
			margin: 0px 0px 20px 0px;
			color: #d60025;
			line-height: 55px;
		}
	
		#main_body h3 {
			margin: 20px 0px 0px 0px;
			font-size: 14px;
			color: #5c7cb1;
			text-transform: uppercase;
		}
		
		#main_body p {
			margin: 0px 0px 20px 0px;
		}
	
		#main_body ul, #main_body ol {
			margin: 0px 0px 20px 20px;
		}
	
		#main_body a {
			color: #96b2ce;
			text-decoration: none;
		}
		
		#main_body a h3 {
			color: #5c7cb1;
		}
		
		#main_body a:hover, #main_body a:hover h3 {
			color: #d60025;
		}
		
		a#make_a_difference_link {
			position: absolute;
			bottom: 0px;
			right: 15px;
			width: 325px;
			height: 55px;
		}
		
			#make_a_difference_link span {
				display: none;
			}


/* FOOTER */

div#footer_container {
	clear: both;
	width: 100%;
	background: transparent url("/images/backgrounds/footer.gif");
	background-repeat: no-repeat;
	background-position: top center;
}

	div#footer {
		position: relative;
		margin: 0px auto;
		width: 710px;
		height: 120px;
	}
	
	p.copyright {
		display: none;
	}
	
	a#sticky_stamp {
		position: absolute;
		top: 45px;
		right: 5px;
		width: 95px;
		height: 75px;
	}
	
		#sticky_stamp p, #sticky_stamp img {
			display: none;
		}