/*********************************
* Default Styles
*/

/* Give every element a default of no padding and no margin */
/* * {padding:0px;margin: 0px;} */

body, html {
	padding:0;
	margin:0;
	background:#ababab url(/images/bg_dropshadow.gif) top center repeat-y;
	font-family: Palatino, Times, serif;
	font-size: 14px;
	line-height: 150%;
}

body {
	min-width:900px;
}

img {
	border-width:0px;
}

/*********************************
 * Layout, Header, Footer, Sidebar, Menubars
 */

#wrap {
	margin:0 auto;
	width:900px;
}

#header {
	margin:0 auto;
}

#logo {
	float:left;
	width:300px;
	margin: 0;
	padding: 10px 0 10px 10px;
}

#search {
  float:right;
  width:300px;
	padding: 20px 0 0 10px;
}

#content {
	padding: 0 20px 15px 20px;
}

#menubar {
	clear:both;
}

#menubar ul {
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 5px 0 0 0;
	border-bottom: 20px solid #009999;
	font: bold 16px Palatino, Times, serif;
	margin-left:auto;
}

#menubar li {
	list-style: none;
	margin: 0;
	display: inline;
}

#menubar li a {
	padding: 6px 0.8em;
	margin-left: 5px;
	border: 1px solid #009999;
	border-bottom: none;
	background: #009999;
	text-decoration: none;
}

#menubar li a:link { color: #FFF; }
#menubar li a:visited { color: #FFF; }

#menubar li a:hover {
	color: #000;
	background: #FFF;
}

#menubar li a#current {
  color: #000;
  background: white;
  /*border-bottom: 20px solid white;*/
  padding-bottom:20px;
}


#main {
	float:left;
	width:570px; 
}

#sidebar {
	float:right;
	width:250px;
	margin: 0px 0 0 0;
}

#footer {
	clear:both;
  text-align: center;
}

#footerbar ul {
	padding:0;
	margin: 0 auto;
	display: inline;
}

#footerbar ul li {
	font-size: 12px;
	list-style: none;
	display: inline;
	padding-left: 5px;
}

#footerbar p {
	font-size: 12px;
	color: #333;	
	line-height: 150%;
}

/*********************************
 * h1, h2, font styles
 */

h1 {
	font-family: Palatino, Times, serif;
	font-size: 14px;
	line-height: 150%;
}

h1.box_background {
	background:#006699;
	color:#FFF;
	height: 25px;
	padding: 5px 15px 0px 15px;
}

h1.link_background {
	background:#00CCCC;
	color:#FFF;
	height: 25px;
	padding: 5px 15px 0px 15px;
}

span.more {
	padding:0 0 0 20px;
	background:url(/images/icons/arrow.gif) no-repeat left;
}

p.example {
	color:#666;
}


/*********************************
 * Page elements
 */

#home_main {	
	float: left;
	width: 500px;
}

#home_sidebar {
	float:right;
	width:340px;
	margin: 0px 0 0 0;
}

#main_content {
  background:#0558A0 url(/images/home_content_bg.png) top right no-repeat;
  color: #FFF;
	padding: 10px 20px 10px 20px;
	margin: 0px 0 0 -20px;
	font-size: 18px;
	line-height: 150%;
}

#main_content a {
	color: #FFF;
}

#find_circuit_search {

}

#search_main {	
	float: left;
	width: 500px;
}

#search_results {
	
}

.search_results_title {
	display:block;
}

.search_results_title a {
	text-decoration: underline;
}

.search_results_body {
	
}

.search_results_body {
  display:block;	
}

#publications_main {
	float:left;
	width:400px;
}

#publications_sidebar {
	float:left;
	width:400px;
	padding-left:10px;
}

.publications_list {
	padding:0 0 0 20px;
	list-style: none;
}

/*********************************
 * Tables and Other Block Elements
 */

.listing {
	width: 100%;
	border-collapse: collapse;
}

.listing th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
  border-bottom: 1px solid #000;
}

.listing td {
	padding: 5px;
}

.shaded td{
	background: #efefef;
}

.county {
	text-indent: 20px;
}

.questions_list {
	padding:0 0 0 20px;
	list-style-image:url(/images/icons/question.gif)
}

.news_list {
	padding:0 0 0 20px;
	list-style-image:url(/images/icons/bullet.gif)
}

.links_list {
	padding:0 0 0 20px;
	list-style-image:url(/images/icons/link.gif)
}

.news_title {
	text-align:left;
}

.news_date {
	float: right;
	text-align:right;
	color: #999;
}

#page_title_and_name td {padding-right: 20px;}

/*********************************
 * Circuit Styles
 */

#circuit_menubar {
	clear:both;
	border: 1px solid #006699;
}

#circuit_menubar ul {
	font: bold 14px Palatino, Times, serif;
}

#circuit_menubar li {
	list-style: none;
	margin: 0;
	display: inline;
}

#circuit_menubar li a {
	padding: 5px 0.5em;
	border-bottom: none;
}

#circuit_menubar li a:link { color: #0000FF; }
#circuit_menubar li a:visited { color: #0000FF; }

#circuit_menubar li a:hover {
	color: #000;
	background: #FFF;
}


/*********************************
 * Forms
 */

input, textarea{
	font-family: arial; font-size: 12px;
	border:  1px solid #ccc;
	padding: 3px; margin-bottom: 10px;
	width: 85%;
}

textarea{
  height: 150px;
}

input.btn {
	margin: 20px;
	border: 1px solid #000;
	width: 150px;
}

input.search_box {
	background:#CCFF99;
	width: 180px;
}

input.search_button {
	width: 80px;
}

input.checkbox {
	width: 15px;
}

input.radiobox {
	width: 15px;
}

textarea.mceEditor {
	height: 400px;
}

label {
	margin-bottom: 5px;
}

.form {
	width: 90%;
}

.prompt {
	width: 150px;
	text-align: right;
	padding-right: 10px;
}

.value {
	
}

.button-bar {
  margin-left:150px
}


/*********************************
 * Flash Messages
 */

#warning, #notice {
	font-family:'Trebuchet MS';
	font-weight:bold;
	font-size:15px;
	letter-spacing: -1px;
	line-height:110%;
	color:#fff;
	background-color:#F46518;
	padding:5px;
	margin:0px 0px 20px 0px;
}
	
#notice {
	background-color:#d9d9d9;
	color:#1F4D63;
}

/*********************************
 * Generated Styles
 */

.fieldWithErrors>input, .fieldWithErrors>textarea {
	background-color: #ffff80;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 0px 5px 5px 5px;
  margin-bottom: 20px;
}

#errorExplanation h2 {
  text-align: center;
  font-weight: bold;	
  font-size: 14px;
  padding: 3px;
  background-color: red;
  color: #fff;
  letter-spacing:1px;
}

#errorExplanation p {
  margin-bottom: 0;
  padding: 5px;
  font-size: 13px;
  font-weight: bold;
}

#errorExplanation ul li {
  margin-left: 20px;
  font-size: 11px;
  line-height: 25px;
  list-style: square;
}