/*
Design by DopeStats - www.dopestats.com
*/

/* The # in front of the id tells the browser that we are selecting an id. For a class */
/* use a . instead. For ex- .page-container{}. An id is a unique identifier that we use for */
/* things that are only going to occur once on the page. So for headers, footers, navigation, etc */
/* we use ids, and for any recurring elements (links), use classes, which can occur multiple */
/* times on the same page */
#page-container {
	background: transparent;		/* <div> backgrounds  are initially transparent */
	width: 1120px; 			/* Header sidebar(141) + centercontent(852) + adsR(120) */
	margin: auto;			/* Centering a div is done by setting the margins on it to auto. */
					/* When the left/right margins are auto, they will even each other */
					/* out and the div will sit in the center of its container */
	vertical-align: text-top;
}

/* html and body tags have default margins and/or padding on nearly all browsers. So we need to write a */
/* CSS rule to reset the margins and padding on the html and body tags to zero. */
html, body {				/* Command stands for OR */
	margin: 0;
	padding: 0;
	background-color: #1f3b08;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/*** Begin Header ***/
#header {
	background: black;
	height: 120px;
}

/**** Logo ****/
#logo {
	float: left;
}

#logoRightImage {
	float: right;
}

#logo h1 {
	margin-left: 40px;
	padding-top: 85px;	/* 85 original */
	font-size: 2.6em;
}

#logo h2 {
	margin: auto;
	/*font: Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	/*font-size: 13px;*/
}

#logo p {
	float: left;
	margin: 0;
	padding: 102px 0 0 2px;
	text-transform: lowercase;
	letter-spacing: .2em;
	font: bold 1.2em Arial, Helvetica, sans-serif;
} 

#logo a {
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/**** End header/logo, Begin Menu ****/

#menuR {
	position: relative;
	top: 50px;
}

#menuR ul {
	margin: 0;
	margin-right: 0px;
	padding: 0px 0 0 0px;
	list-style: none;
	line-height: normal;
}

#menuR li {
	float: right;
}

#menuR a {
	margin-left: 3px;
	
#	background: #000000;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

#menuR a:hover, #menu .current_page_item a {
	color: #FFFFFF;
}

#menuR a:hover {
	text-decoration: underline;
}
#menu {
	float: left;
	position: relative;
	left: 0px;
}

#menu ul {
	margin: 0;
	margin-left: 0px;
	padding: 0px 0 0 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	margin-right: 3px;
	padding: 3px 10px;
	background: #000000;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

#menu a:hover, #menu .current_page_item a {
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/**** End Menu, Begin left sidebar ****/
#sidebar {
	clear: both;
	float: left;
	position: relative;
	top: 0px;
	width: 141px;			/* Original 258px */
	background: #000000;
	border: 0px solid #D3D3D3;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	font-size: 12px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar ul li {
	color: #dc5454; 	/* #c80909; */
}


#sidebar h2 {
	/*padding: 5px 10px;*/
	background: #000000;
	font-size: 13px;		/* original 1.2em */
	padding: 5px 0 0 10px;
	
}

#sidebar p {
	padding: 15px;
	text-align: right;
}

#sidebar a {
	color: #dc5454; 	/* #c80909; */
       	text-decoration: underline;
}

#sidebar a:hover {
}
/**** End left sidebar, Begin Content ****/

#leftcontent {
	position: absolute;
	left:10px;
	top:50px;
	width:200px;
	background:#fff;
	border:1px solid #000;
}

#centercontent {
	background-color: #ffffff;
	border-collapse: collapse;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 852px;	/** 940**/
	position: relative;
	 /* 153px; */
	
}

#rightcontent {
	position: absolute;
	right:10px;
	top:50px;
	width:200px;
	background:#fff;
	border:1px solid #000;
}


p, ul, ol {
	margin-top: 0;
	line-height: 115%;		/* original 180%*/
}

ul, ol {
}

a {
	text-decoration: none;
	color: #123ABC;
}

a:hover {
	background: none;
}

.ts-citation { font: 500 9pt arial,sans-serif; border-top: 2px solid #552222; border-bottom: 2px solid #552222; padding-top: 5px; padding-bottom:
6px; margin-top: 25px; }

.post {
	font-family: arial,snas-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-indent: 0ex;
	padding-top: 5px;
	padding-bottom: 6px; 
}

.post a {
	background: none;
	color: #000000;
}

.post .title {
	padding: 5px 25;
}

.post .title a {
	background: none;
}

.post .meta {
	padding: 2px 10px;
	background: #0D0D0D;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-transform: uppercase;
	text-align: left;
	font-size: 9px;
}

.post .entry {
	padding: 20px 0;
	text-align: justify;
}

/* Region List */
table.regionL {
	font: 11px/20px, Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border: 1;
}

th.regionLH {
	padding: 0 0.5em;
	text-align: left;
	}

tr.regionLyellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	width: 50%;
	}

td.regionLTD {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

td.regionLWidth {
	width: 190px;
	}

td.adjacent {
	border-left: 1px solid #CCC;
	text-align: center;
	}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Page */
#mypage {
	width: 100%;	/*825px */
	margin: 0 auto;
	border-collapse: collapse;
}

a#myMap:hover {			/* mouse over link */
	color: #FF00FF;
}   

#mytable {
	border-collapse: collapse;
}

/**** End content ****/
/*** Begin right sidebar ****/
#adsR {
	float: right;
	position: relative;
	top: 2px; 
	right: 0px;
	width : 115px;
	background: #000000;
	border: 0px solid #D3D3D3;
}

#adsR ul {
	margin: 0;
        padding: 0;
        list-style: none;
}

#adsR li {
	font-size: 12px;
        text-align: justify;
        font-family: Arial, Helvetica, sans-serif;
}

#adsR li ul {
        /*padding: 15px; */
        padding: 0.5em;
}

#adsR a {
	color: #dc5454;         /* #c80909; */
        text-decoration: underline;
}

/********** End Sidebar, Begin Footer **********/
#footer {
	/* When an element has the clear property assigned, if it comes into contact with a float it is placed right below where that float ends. You can specify if it is effected by only left floats or only right floats, in this case we could use either 'right' or 'both'. */
	clear: both;
	padding: 10px 0;
	background: #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#footer p {
	color: #FFFFFF;
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	clear: both;
	position: relative;
}

#footer a:hover {
	color: #FFFFFF;
}

#footer a:hover {
	text-decoration: underline;
}

#mainArea {
	float: right;
	width: 450px;
	vertical-align: top;
}

#stateImg {
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	width: 400px;
	height: 679px;
	vertical-align: top;
	clear: both;
}

#pricesReg {
	width: 300px;
	float: left;
}

#imagesReg {
	width: 400px;
	clear: all;
}

#lookupReg {
	width: 235px;
	text-align: center;
	float: left;
	position: relative;
	top: 50px;
}

#lookupRegImg {
	width: 235px;
	text-align: center;
	float: left;
}

#countyReg {
	clear: both;
	text-align: center;
	position: relative;
	top: 55px;
}
#statContainer {
	width: 852px;
	clear:both;
	position: relative;
	top: 35px;
}

#googleAd {
	float: left;
	position: relative;
	top: 0px;
}

#subMenu {

}

#subMenu h2{
	font-size:12pt;
}