@import "fonts.css";
@import "menus.css";
@import "forms.css";
@import "login.css";

html {
	margin: 0; padding: 0; display: block;
}

body {
	margin: 0; padding: 0;
}

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

body {
	background: url(../images/background.jpg) top left repeat-x;
	
}

#container {
	display: block;
	position: relative;
	width: 900px;
	margin: auto;
	height: auto;
}

#header {
	display: block;
	position: relative;
	width: 900px;
	height: 205px;
	background: url(../images/header_bg.jpg);
}

#dateline {
	display: block;
	position: absolute;
	width: 400px;
	height: 35px;
	right: 25px;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	bottom: 0px;
}

#logo {
	display: block;
	position: absolute;
	width: 336px;
	height: 139px;
	background: url(../images/utgop_logo.png) top left no-repeat;
	top: 25px;
	left: 25px;
	margin: 0;
}

#logo a {
	display: block;
	width: 336px;
	height: 139px;
}

#logo a span {
	display: none;
}

#body {
	display: block;
	position: relative;
	width: 900px;
	margin: 0;
	padding: 0;
	min-height: 600px;
	height: auto;
	background: #b02003 url(../images/redbody.jpg) top left no-repeat;
}

#starsBar {
	display: block;
	position: relative;
	width: 900px;
	height: 28px;
	background: url(../images/stars_bar.jpg);
}

#menu {
	display: block;
	position: relative;
	margin: 0;
	height: 40px;
	padding: 0;
}

#leftBar {
	display: block;
	position: absolute;
	/*float: none;*/
	width: 150px;
	height: auto;
	min-height: 500px;
	left: 1px;
	background: url(../images/leftSide.gif) top left no-repeat;
	z-index: 500;
}

#pageBottom {
	display: block;
	position: relative;
	height: 7px;
	width: 900px;
	margin: 0;
	font-size: 1px;
	background: transparent url(../images/pageBottom.gif) top center no-repeat;
}

#footer {
	display: block;
	position: relative;
	text-align: center;
	color: #31295e;
	margin-top: 20px;
}


#main {
	display: block;
	position: relative;
	float: left;
	width: 650px;
	padding: 0 0 0 10px;
	height: auto;
	margin: 0;
	clear: both;
	min-height: 200px;
}

#mainTop {
	display: block;
	position: relative;
	height: 8px;
	width: 650px;
	font-size: 1px;
	background: url(../images/content_top.gif) top left no-repeat;
}

#mainContentContainer {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	background: transparent url(../images/content_background.png) top left repeat-y;
	min-height: 300px;
	height: auto;
}

#mainContent {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 626px;
	background: #fff;
	height: auto;
}

#wideColumn {
	width: 800px;
	min-height: 500px;
	padding: 0;
	margin: 0;
}


#wide_column {
	width: 900px;
	background: #fff;
	height: auto;
	text-align: center;	
	padding-left
}

#wideColumn h2 {
	margin: 0;
	padding: 0;
}

#mainColumn {
	display: block;
	position: relative;
	float: left;
	width: 467px;
	height: auto;
	min-height: 500px;
	padding-left: 156px;
	/*border: 1px solid #c00;*/
}

#mainContentLayer {
	display: block;
	position: relative;
	width: 626px;
	height: auto;
}

#mainBottom {
	display: block;
	position: relative;
	height: 9px;
	width: 650px;
	background: url(../images/content_bottom.gif) top left no-repeat;
	font-size: 1px;
	margin: 0;
}

.clear {
	display: block;
	position: relative;
	clear: both;
}

#rightside {
	display: block;
	position: relative;
	float: right;
	width: 230px;
	padding-right: 10px;
	margin: 0;
}

#newsletterSignup {
	display: block;
	position: relative;
	margin: auto;
	margin-left: 20px;
	width: auto;
}

#newsletterSignupHeader {
	width: 182px;
	height: 20px;
	background: url(../images/news_info_header.gif) top left no-repeat;
	text-indent: -6000px;
}

#newsletterSingup form {
	margin: 0;
	padding: 0;
}

.email_list_box {
	float: left;
	display: block;
}

.newsletter_signup_button {
	float: left;
	display: block;
	
}

#twitter_feed {
	display: block;
	position: relative;
	margin: auto;
	margin-top: 10px;
	width: 222px;
	background: url(../images/twitter_feed_bg.jpg) top center no-repeat;
	min-height: 300px;
}

#twitter_feed_bottom {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 222px;
	height: 7px;
	background: url(../images/twitter_feed_bottom.gif) top center no-repeat;
}

#tweets {
	display: block;
	position: relative;
	font-size: .78em;
	margin: auto;
	padding: 0 0 0 10px;
	top: 45px;
	width: 210px;
	height: 250px; 
	overflow: auto;
}

.tweet {
	display: block;
	position: relative;
	margin: 10px 0;
	width: 180px;
}

.tweettext {
	display: block;
	position: relative;
	width: 120px;
	float: left;
	margin-left: 10px;
	font-size: .85em;
}

.tweetpic {
	display: block;
	position: relative;
	width: 50px;
	margin: 10px 0 0 0;
	float: left;
}

#GOPFeed {
	display: block;
	position: relative;
	height: 320px;
	overflow: none;
	padding: 0 0 0 1px;
}

#socialNetworks {
	display block;
	position: relative;
	background: url(../images/socialNetworksBox.gif) top left no-repeat;
	width: 222px;
	height: 77px;
	margin: 10px auto;
	padding: 0;
}

#socialNetworks ul {
	display: block;
	position: relative;
	text-align: center;
	padding: 28px 0 0 0;
	margin: 0;
}

#socialNetworks li {
	display: -moz-box;
	display: inline-block;
	position: relative;
	width: 47px;
	height: 47px;
}

#socialNetworks li a {
	display: block;
	width: 47px;
	height: 47px;
	position: relative;
	text-indent: -6000px;
}

.facebook {
	background: url(../images/socialmedia/facebook.gif) top left no-repeat;
}

.twitter {
	background: url(../images/socialmedia/twitter.gif) top left no-repeat;
}

.youtube {
	background: url(../images/socialmedia/youtube.gif) top left no-repeat;
}

.rss {
	background: url(../images/socialmedia/rss.gif) top left no-repeat;
}

#eventsButton {
	display: block;
	margin-left: 5px;
	height: 54px;
	width: 222px;
	background: url(../images/buttons/events.png);
}

#eventsButton a:link, #eventsButton a:visited {
	display: table-cell;
	padding: 0 4px;
	height: 54px;
	width: 214px;
	vertical-align: middle;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}

#wide {
	display: block;
	position: relative;
	width: 882px;
	padding: 0;
	height: auto;
	margin: auto;
	clear: both;
	min-height: 200px;	
}

#wide_top {
	display: block;
	position: relative;
	height: 17px;
	width: 881px;
	font-size: 1px;
	background: url(../images/wide_top.gif) top left no-repeat;
}

#wide_bottom {
	display: block;
	position: relative;
	height: 25px;
	width: 881px;
	font-size: 1px;
	background: url(../images/wide_bottom.gif) top left no-repeat;
}

#wide_body {
	display: block;
	position: relative;
	height: auto;
	background: url(../images/wide_bg.gif) top left repeat-y;
}

#wideContentLayer {
	display: block;
	position: relative;
	width: 600px;
	height: auto;
	margin: 0 0 0 20px;
}

.odd {
	background: #f2f2f2;
	border-bottom: 1px solid #e2e2e2; 
	padding: 5px;
}

.even {
	background: #fff;
	border-bottom: 1px solid #e2e2e2; 
	padding: 5px;
}

.inactive {
	font-style: italic;
	color: #ccc;
	font-size: .85em;
}

.pagination {
	margin: 0;
	text-align: right;
	color: #ccc;
}

.pagination strong {
	color: #999;
}

.message {
	width: 835px;
	border: 1px solid #b22505;
	background: #f5e5e1;
	color: #b22505;
	padding: 3px;
	display: none;
}









/* Home page Image Fader */

#pictureView {
	display: block;
	position: relative;
	width: 468px;
	height: 300px;
	overflow: hidden;
	border: 1px solid #eee;
	z-index: 1;
}

#picture_caption {
	display: block;
	position: absolute;
	width: 448px;
	height: 50px;
	bottom: 0px;
	padding: 0 0 0 20px;
	background: url(../images/homepage/midGray.png) repeat;
	z-index: 1000;
	color: #fff;
}

#picture_caption h3 {
	margin: 5px 0 0 0;
	padding: 0;
}

.homeFeed {
	display: block;
	position: relative;
	height: 350px;
	overflow: auto;
}

.feedTitle {
	font-size: .95em;
	font-weight: bold;
}

.feedItem {
	display: block;
	position: relative;
	margin: 25px 0 0 0;
}

.feedItem a {
	font-weight: bold;
	text-decoration: none;
	color: #999;
}

.feedItem a:hover {
	color: #333;
}

.feedItem h4 {
	margin: 0;
}

.feedItem .description {
	color: #333;
	font-size: .85em;
}


#smallCounty {
	display: block;
	position: relative;
	width: 153px;
	height: 158px;
	background: url(../images/mycounty_small.png) top left no-repeat;
	margin: auto;
}

#smallCounty a {
	display: block;
	position: relative;
	width: 153px;
	height: 158px;
	text-indent: -5000px;
}

#countyInfo {
	display: block;
	position: relative;
	width: 450px;
	height: auto;
	padding: 0 10px 10px 10px;
	overflow: auto;
}

#countyInfo h2, #map_directions h2, #aboutHeader h2 {
	color: #009;
	font-size: 1.35em;
	border-bottom: 2px solid #009;
	background: #f2f2f2;
	padding: 4px;
	clear: both;
}


#countyMeeting {
	clear: both;
	display: block;
	font-size: 12px;
}

.url {
	font-size: .75em;
	font-weight: normal;
}


/* Calendar Date */

.calevent {
	display: block;
	position: relative;
	clear: both;
	border-bottom: 1px solid #f2f2f2;
}

.calendarDate {
	width: 100px;
	margin: 0;
	float: left;
	
}

.calItem {
	width: 70px;
	height: 80px;
	margin: auto;
	border-left: 1px solid #f2f2f2;
	background: url(../images/calendar_page_bg.gif) bottom right no-repeat;
}

.calMonth {
	display: block;
	position: relative;
	width: 68px;
	height: 20px;
	background: #c00;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.calDay {
	display: block;
	position: relative;
	width: 68px;
	height: auto;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #003;
}

.eventInfo {
	display: block;
	float: right;
	width: 360px;
}

.event_location {
	display: block;
	margin: 10px 0 0 0;
	font-size: .75em;
}

.event_details {
	font-size: .85em;
}

#loginStatus {
	display: block;
	position: absolute;
	width: 300px;
	height: 50px;
	right: 20px;
	top: 10px; 
	text-align: right;
	
}

.list.county.two-column ul {
	float: left;
	margin: 0;
	width: 180px;
	list-style-type: none;
}
.list.county.two-column li {
	padding: 4px;
}

dd, dt {
	margin: 0;
	padding: 10px 2px 10px;
}
dt {
	padding: 0;
}