@charset "UTF-8";
html {
	background: url(../images/bg_img/texture_bg.jpg) top center repeat;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0;
	border: none;
}
body {
	background: url(../images/bg_img/star_bg.jpg) top center repeat-x;
	margin: 0;
	padding: 0;
	min-height: 575px;
}
a img {
	border: none;
}

a	{color:blue; text-decoration:none;}
A:hover	{color:red; text-decoration: none}

.clear {
	clear: both;
}
div#container {
	margin: 40px auto auto auto;
	width: 824px;
	overflow: auto;
}
/*===========================================================================*/
div#branding {
	background: url(../images/bg_img/header_bg.jpg) top center no-repeat;
	width: 824px;
	height: 205px;
}
/*===========================================================================*/
div#nav {
	background: #FFF url(../images/bg_img/nav_bg.jpg) top center no-repeat;
	width: 824px;
	height: 35px;
}
div#nav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 824px;
	float: left;
}
div#nav li {
	float: left;
	text-align: center;
	height: 35px;
}
div#nav a {
	display: block;
	text-indent: -1000em;
	height: 32px;
}
		div#nav #home_btn a {
			margin-left: 14px;
			background: url(../images/btns/home_btn.jpg) no-repeat top center;
			width: 75px;
		}
		div#nav #meetsusan_btn a {
			background: url(../images/btns/meetsusan_btn.jpg) top center no-repeat;
			width: 118px;
		}
		div#nav #priorities_btn a {
			background: url(../images/btns/priorities_btn.jpg) top center no-repeat;
			width: 105px;
		}
		div#nav #leadership_btn a {
			background: url(../images/btns/leadership_btn.jpg) top center no-repeat;
			width: 118px;
		}
		div#nav #experience_btn a {
			background: url(../images/btns/experience_btn.jpg) top center no-repeat;
			width: 117px;
		}
		div#nav #involvement_btn a {
			margin-left: 7px;
			background: url(../images/btns/involvement_btn.jpg) top center no-repeat;
			width: 112px;
		}
		div#nav #contact_btn a {
			margin-left: 8px;
			background: url(../images/btns/contact_btn.jpg) top center no-repeat;
			width: 135px;
		}
div#nav #home_btn a:hover, div#nav #meetsusan_btn a:hover, div#nav #priorities_btn a:hover, div#nav #leadership_btn a:hover, div#nav #experience_btn a:hover, div#nav #involvement_btn a:hover, div#nav #contact_btn a:hover {
	background-position: 50% 100%;
	background-repeat: no-repeat;
}
div#nav #home_btn.linkOn a, div#nav #meetsusan_btn.linkOn a, div#nav #priorities_btn.linkOn a, div#nav #leadership_btn.linkOn a, div#nav #experience_btn.linkOn a, div#nav #involvement_btn.linkOn a, div#nav #contact_btn.linkOn a {
	background-position: bottom center;
	background-repeat: no-repeat;
}

/*===============================================================================*/
div#content {
	background: url(../images/bg_img/content_bg.jpg) top center repeat-y;
	overflow: auto;
	text-align: left;
	width: 824px;
	padding-top: 10px;
}
/*===============================================================================*/
			div#sidebar {
				float: left;
				width: 218px;
			}
			div#sidebar ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			div#sidebar li {
				margin: 2px 0 2px 0;
			}
			div#sidebar a {
				display: block;
				text-indent: -1000em;
				height: 45px;
			}
			div#sidebar a:hover {
				background-position: bottom center;
				background-repeat: no-repeat;
			}
					#contribute_btn a {
						background: url(../images/btns/contribute_btn.jpg) top center no-repeat;
					}
					#get_involved_btn a {
						background: url(../images/btns/get_involved_btn.jpg) top center no-repeat;
					}
					#email_btn a {
						background: url(../images/btns/email_btn.jpg) top center no-repeat;
					}
					#district_info_btn a {
						background: url(../images/btns/district_info_btn.jpg) top center no-repeat;
					}
			/*===============================================================================*/
			div#content_main {
				float: right;
				width: 598px;
				overflow: auto;
			}
			div#content_main h1 {
				margin-left: 8px;
				background: url(../images/bg_img/headline_bg.jpg) top left no-repeat;
				padding: 5px 0 0 0;
				overflow: auto;
				height: 34px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 2em;
				color: #FFF;
				text-align: center;
			}
			div#content_main p {
			/*	padding: 8px 10px 25px 8px;*/
				padding: 8px 10px 8px 8px;
			}
			div#content_main img {
				border: 2px solid #06F;
				margin: 0 10px 10px 10px;
				padding: 3px;
			}
			div#content_main .noborder {
				border: none;
			}
			div#content_main .floatleft {
				float: left;
			}
			div#content_main .floatright {
				float: right;
			}
			
			
			/* ENDORSEMENT */
			/*===============================================================================*/
			
			div#endorsements {
				border-top: 1px solid #AB5759;
				border-left: 1px solid #AB5759;
				border-right: 3px solid #999;
				border-bottom: 3px solid #999;
				overflow: auto;
				padding: 10px;
				max-width: 335px;
				float: left;
			}
			div#content_main dt {
				font-weight:bold;
				font-size:small;
				margin-top:10px;
			}	
			.endotitle {
				font-size:x-small;
				font-weight:normal;
				font-style:italic;
			}
			.endoquote {
				color: #999;
				font-style:italic;
			}
			
			.title {
				font-size:large;
				color: #AB5759;
				text-decoration:none;
				border-bottom: 2px solid #AB5759;
				display: block;
			}
			/*===============================================================================*/
			
			div#panel {
				float: right;
				width: 227px;
				margin: 15px 18px 15px 15px;
				overflow: auto;
				height: auto;
				clear: left;
			}
			div#redbox {
				float: left;
				margin: 0;
				padding: 0;
				width: 227px;
			}
					div#redbox .header {
						margin: 0;
						padding: 0;
						background: url(../images/bg_img/redbox_header.gif) top center no-repeat;
						width: 227px;
						height: 48px;
						float: left;
					}
							div#redbox h1 {
										padding: 0 10px 0 8px;
										background-image: none;
										font-family: Arial, Helvetica, sans-serif;
										font-size: 16px;
										font-weight: bold;
										color: #FFF;
										text-align: left;
							}
					div#redbox .body {
						margin: 0;
						padding: 0;
						background: url(../images/bg_img/redbox_bg.gif) top center repeat-y;
						width: 227px;
						min-height: 120px;
						float: left;
					}
							div#redbox .body p {
								padding: 8px 10px 0 5px;
								font-family: Arial, Helvetica, sans-serif;
								font-size: 10px;
								font-weight: bold;
								color: #FFF;
								border-bottom: 2px solid #C99;
								padding-bottom: 10px;
								margin-right: 4px;
							}
							div#redbox .body h2, div#redbox .body h3, div#redbox .body h4, div#redbox .body h5, div#redbox .body h6 {
								color: #FFF;
								font-size: 12px;
								padding: 8px 10px 0 5px;
							}
							div#redbox .body a {
								color: #0CF;
							}
							div#redbox .body a:hover {
								color: #999;
							}
					div#redbox .footer {
						background: url(../images/bg_img/redbox_footer.gif) top center no-repeat;
						width: 227px;
						height: 28px;
						float: left;
					}
			div#bluebox {
				float: left;
				margin: 20px 0 0 0;
				padding: 0;
				width: 227px;
				clear: left;
			}
					div#bluebox .header {
						margin: 0;
						padding: 0;
						background: url(../images/bg_img/bluebox_header.gif) top center no-repeat;
						width: 227px;
						height: 10px;
						float: left;
					}
							div#bluebox .header h1 {
										padding: 0 10px 0 8px;
										background-image: none;
										font-family: Arial, Helvetica, sans-serif;
										font-size: 16px;
										font-weight: bold;
										color: #FFF;
										text-align: left;
							}
					div#bluebox .body {
						margin: 0;
						padding: 0;
						background: url(../images/bg_img/bluebox_bg.gif) top center repeat-y;
						width: 227px;
						min-height: 110px;
						float: left;
					}
							div#bluebox .body p {
								padding: 0 10px 0 5px;
								font-family: Arial, Helvetica, sans-serif;
								font-size: 10px;
								font-weight: bold;
								color: #FFF;
							}
							div#bluebox .body h1 {
								padding: 0 14px 0 0;
								background-image: none;
								font-family: Arial, Helvetica, sans-serif;
								font-size: 16px;
								font-weight: bold;
								color: #FFF;
								text-align: center;
							}
							div#bluebox .body a {
								color: #FF0;
							}
							div#bluebox .body a:hover {
								color: #CCC;
							}
							div#bluebox .body h2, div#bluebox .body h3, div#bluebox .body h4, div#bluebox .body h5, div#bluebox .body h6 {
								color: #FFF;
								font-size: 12px;
								padding: 8px 10px 0 5px;
							}
					div#bluebox .footer {
						background: url(../images/bg_img/bluebox_footer.gif) top center no-repeat;
						width: 227px;
						height: 19px;
						float: left;
					}
/*================================================================================*/
div#footer {
	margin: -12px 0 0 0;
	padding: 0;
	background: url(../images/bg_img/footer_bg.jpg) top center no-repeat;
	width: 824px;
	height: 75px;
	clear: both;
}
div#footer p {
	text-align: center;
	font-size: 12px;
	color: #FFF;
	padding-top: 1em;
	vertical-align: middle;
}