/* CSS Document */


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(images/backgrd2.gif);
	background-repeat: repeat-y;
	background-color: #761118;
	text-align: center;
	background-position: center;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/*  This is the horizontal navigation codes  */

#nav {
	width: 552px;
	position: absolute;
	left: 200px;
	font-size: 11px;
	z-index:2;
	top: 130px;
	font-weight: bold;
}
#nav ul {
	list-style: none;
	float: left;
	margin: 0; padding: 0;
}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
#nav ul li a {
	display: block;
	float: left;
	text-transform: uppercase;
	border-right: 1px solid #8fa0ca;
	line-height: 25px;
	padding: 0 9px;
	color: white;
	margin: 0;
	font-family: tahoma, verdana;

}
#nav ul li a:link {background: transparent; text-decoration: none;}
#nav ul li a:visited {background: transparent; text-decoration: none;}
#nav ul li a:hover {background: #000000; text-decoration: none;}
#nav ul li a:active {background: #000000; text-decoration: none;}

/* You are here... */
body.home #nav ul li#navHome a {background: #761118;}
body.meet #nav ul li#navMeet a {background: #761118;}
body.district #nav ul li#navDistrict a {background: #761118;}
body.issues #nav ul li#navIssues a {background: #761118;}
body.press #nav ul li#navPress a {background: #761118;}
body.blog #nav ul li#navBlog a {background: #761118;}
body.photos #nav ul li#navPhotos a {background: #761118;}
body.links #nav ul li#navLinks a {background: #761118;}

/*  Below is the graphic positioning code  */

#index-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:750px;
	height:47px;
}

#index-02 {
	position:absolute;
	left:0px;
	top:47px;
	width:378px;
	height:83px;
}

#index-03 {
	position:absolute;
	left:378px;
	top:47px;
	width:372px;
	height:83px;
}

#index-04 {
	position:absolute;
	left:0px;
	top:130px;
	width:198px;
	height:219px;
}

#index-05 {
	position:absolute;
	left:198px;
	top:130px;
	width:552px;
	height:25px;
}



#index-07 {
	position:absolute;
	left:0px;
	top:349px;
	width:198px;
	height:29px;
}

#index-08 {
	position:absolute;
	left:0px;
	top:378px;
	width:198px;
	height:39px;
}

#index-09 {
	position:absolute;
	left:0px;
	top:417px;
	width:198px;
	height:39px;
}

#index-10 {
	position:absolute;
	left:0px;
	top:456px;
	width:198px;
	height:40px;
}

#index-11 {
	position:absolute;
	left:0px;
	top:496px;
	width:198px;
	height:41px;
}

#index-12 {
	position:absolute;
	left:0px;
	top:537px;
	width:198px;
	height:39px;
}

#index-13 {
	position:absolute;
	left:0px;
	top:576px;
	width:198px;
	height:40px;
}

#index-14 {
	position:absolute;
	left:0px;
	top:616px;
	width:198px;
	height:41px;
}

/*  Below is the Content styles and div IDs  */

#content {
	position: absolute;
	visibility: visible;
	z-index: 3;
	width: 534px;
	left: 208px;
	top: 180px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #FFFFFF;
}


#content a:link, #content a:visited {
	text-decoration: underline;
	color:#990000
}

#content a:hover {
	font-weight: bold;
	color: #000066;
	}

#content td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #761118;
}
#footer {
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	background-color: #DDDECD;
	text-align: center;
	display: block;
	width: 534px;
	padding-top: 5px;
	padding-bottom: 5px;
	visibility: visible;
	z-index: 2;
	
}
#footer a:link, #footer a:visited {
	font-size: 12px;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

.subtitle {
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}
#container {
	text-align: center;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	visibility: visible;
	left: 0px;
	top: 0px;
	
}

