* {
	margin:	 0;
	padding: 0;
}
ul, li {
	list-style-type: none;}
a, a:link, a:hover, a:visited, a:active {
	color: rgb(54, 129, 60);
	cursor: pointer;}
p {
	color: #464646}
em {
	color: #2b5ec6;
	font-style: italic;}
.bold {
	font-weight: bold;}
strong {
	font-weight: bold;
	color: #2b5ec6;}
.caps {
	text-transform: uppercase;}
.color2 {
	color: #000000;}
.left {
	float: left;}
.right {
	float: right;}
.hide {
	display: none;}
.clearFix {
	display: block;
	width: 200px;
	height: 1px;
	clear: both;}
.offscreen {
	position: absolute;
	left: -9999px;
	}
img {
	border: 0;}

/*-------------------------- The CSS that's required for Transparent PNG's --------------------------*/
/*Background PNG images can't be tiled. This is a limitation of the IE filter. Padding and borders don't indent the PNG image. An easy fix for this is wrapping your PNG images in container DIVs or similar.*/
img, div, #container2, { behavior: url(css/iepngfix.htc) }


/*-------------------------- GENERAL LAYOUT STYLES --------------------------*/
body {
	background: #f1f1f1 url(../images/global/background.jpg) no-repeat scroll center top;
	font: normal normal 12px/21px "Lucida Grande", Arial, Helvetica, san-serif;
	color: #464646;}
#container-main {
	margin: 0 auto;
	width: 960px;
	text-align: center;}
#container-top {
	background: #fff url(../images/global/background2.jpg) no-repeat center top;}
#header {
	height:	    172px;
	position: relative;}
	.logo {
		position: absolute;
		top: 32px;
		left: 35px;
		z-index: 1200;
		width: 221px;
		height: 225px;
		background: url(../images/global/rally-the-vote.gif);}
	#header ul {
		display: block;
		width: 545px;
		text-align: right;
		z-index: 51;}
	#header li {
		padding-bottom: 10px; /*--- Fix padding for IE 7 ---*/
		zoom: 1; /*--- Fix padding for IE 7 so that border on hover works ---*/}
	#header li a {
		text-decoration: none;}
		.home {
			position: absolute;
			display: block;
			width: 51px;
			height: 60px;
			background: url(../images/global/nav-home.jpg);
			left: 291px;
			top: 79px;
			z-index: 1300;}
		.event {
			position: absolute;
			left: 393px;
			display: block;
			width: 63px;
			height: 42px;
			background: url(../images/global/nav-event.jpg);
			top: 98px;
			z-index: 1300;}
		.candidates {
			position: absolute;
			left: 484px;
			display: block;
			width: 90px;
			height: 47px;
			background: url(../images/global/nav-candidates.jpg);
			top: 97px;
			z-index: 1300;}
		.voter {
			position: absolute;
			left: 588px;
			display: block;
			width: 99px;
			height: 45px;
			background: url(../images/global/nav-voter.jpg);
			top: 89px;
			z-index: 1300;}
		.facts {
			position: absolute;
			left: 699px;
			display: block;
			width: 72px;
			height: 26px;
			background: url(../images/global/nav-ncfacts.jpg);
			top: 96px;
			z-index: 1300;}
		.promise {
			position: absolute;
			left: 793px;
			display: block;
			width: 88px;
			height: 55px;
			background: url(../images/global/nav-promise.jpg);
			top: 83px;
			z-index: 1300;}
	#header li a:hover {
		color: #3f3f3d;
		border-bottom: #ff1a15 2px solid;}
#middle {
	position: relative;
	z-index: 1;
	margin: 0 auto 0px auto;
	padding-bottom: 20px;
	width: 960px;
	text-align: left;}
	#year-date {
		position: absolute;
		left: 38px;
		top: 102px;}
	#register {
		position: absolute;
		width: 238px;
		left: 752px;
		top: 1px;
		z-index:1000;}
		#register a.reg-banner {
			display: block;
			width: 232px;
			height: 136px;
			background: url(../images/global/register-banner.png) top left;}
		#register a.reg-banner:hover {
			display: block;
			width: 232px;
			height: 136px;
			background: url(../images/global/register-banner.png) top right;}
		#register p {
			margin-left: 4px;
			margin-top: 11px;
			padding-right: 45px;}
	#big-photo {
		position: absolute;
		top: 2px;
		left: 300px;}
	#fun-facts {
		position: absolute;
		top: 276px;
		left: 33px;
		width: 226px;}
		#fun-facts blockquote {
			margin-top: -7px;
			margin-left: 10px;
			width: 180px;}
	#home-txt {
		position: relative;
		padding-top: 290px;
		margin-left: 300px;
		margin-bottom: 3px;
		width: 420px;}
		#home-txt h2 {
			margin-bottom: 3px;}
	#map {
		position: absolute;
		top: 290px;
		left: 756px;
		width: 206px;}
		.map-img {
			margin-left: -5px;
			margin-top: -2px;}
#footer {
	width:	    100%;
	clear:	    both;
	position: relative;}
	#footer p {
		color:	  #4c4a4a;
		font-size: 13px;}
		.indent {
			padding-left: 11px}
		#footer h3 {
			padding-top: 2px;
			font-size: 14px;
			color:	  #4c4a4a;}
	#footer a {
		color: #4c4a4a;
		text-decoration: none;}
		#footer a:hover {
			text-decoration: underline;}
	#footer a:hover {
		color: #000;}
	.applecrumbs {
		position: absolute;
		right: 8px;
		width: 73px;
		height: 48px;
		background: url(../images/global/applecrumbs-tag.gif) top left;}
			a.applecrumbs:hover {
				background: url(../images/global/applecrumbs-tag.gif) top right;}
	#girl-scouts {
		padding-top: 45px;
		padding-bottom:20px;}


/*-------------------------- SECONDARY PAGE STYLES --------------------------*/
#sec-txt {
		position: relative;
		padding-top: 190px;
		margin-left: 300px;
		margin-bottom: 90px;
		width: 620px;}
		#sec-txt h3 {
			font-size: 1.3em;
			padding-bottom:8px;}
		#sec-txt h4 {
			font-size: 1.1em;
			padding-bottom:2px;}
		#sec-txt p {
			padding-bottom: 1.1em;}
		#sec-txt p.highlight {
			background-color: #ffffb0;
			padding-left: 6px;
			padding-right: 6px;}
		#sec-txt img.thumb-right {
			float: right;
			padding: 6px;
			background-color:#464646;
			margin: 0 0 0 12px;}
		#sec-txt img.thumb-left {
			float: left;
			padding: 6px;
			background-color:#464646;
			margin: 0 12px 0 0;}
		#sec-txt ul {
			padding-bottom: 14px;}
		#sec-txt li {
			background-color: #ffffb0;
			padding: 2px 6px;
			margin-bottom: 10px;}
#banner-event {
		position: absolute;
		top: 14px;
		left: 291px;
		background: url(../images/event-details/header-event.gif) top left no-repeat;
		width: 461px;
		height: 147px;}
#banner-candidates {
		position: absolute;
		top: 14px;
		left: 291px;
		background: url(../images/candidates/header-candidates.gif) top left no-repeat;
		width: 461px;
		height: 147px;}
#banner-facts {
		position: absolute;
		top: 14px;
		left: 291px;
		background: url(../images/nc-facts/header-facts.gif) top left no-repeat;
		width: 461px;
		height: 147px;}
#banner-promised {
		position: absolute;
		top: 14px;
		left: 291px;
		background: url(../images/promised-vote/header-promised.gif) top left no-repeat;
		width: 461px;
		height: 147px;}
#banner-voter {
		position: absolute;
		top: 14px;
		left: 291px;
		background: url(../images/voter-registration/header-voter.gif) top left no-repeat;
		width: 461px;
		height: 147px;}