/**
 *	Project:	Midland Energy (new)
 *	File:		miden.css
 *
 *	CSS for Midland Energy Page
 *
 *	Copyright:	2007 Cite DMS
 *	Version:	0.01
 *	Date:		20 May 09 15:19
 *  Author:		Sharry Stowell (WP Redesign)
 */
 
* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}
	
.clear {
	clear: both;
}

body {
	text-align: center;
	font-size: 62.5%;
}

/********
HEADER
********/

#header {
	margin: auto;
	width: 1005px;
}
 
 	#header #hnav {
 		width: 1005px;
 		height: 34px;
 		margin: auto;
 		background: url(images/hnavbar.gif) no-repeat;
		z-index:10;
 	}
 	
	#header #hnav * {
		z-index:11;
	}

 	#header #pnav {
 		width: 1005px;
 		height: 34px;
 		margin: auto;
 		background: url(images/pnavbar.gif) no-repeat;
		z-index:10;
 	}

	#header #pnav * {
		z-index:11;
	}
 
		#header #hnav ul#topnav, 
		#header #pnav ul#topnav {
			list-style: none;
			margin:0 auto;
			margin-left:115px;
			padding: 5px 0 0 10px;
			text-align:left;
		}

		#header #hnav ul#topnav li.listitem, 
		#header #pnav ul#topnav li.listitem {
			float: left;
			font-size: 1em;
			font-family: verdana;
			color: #FFF;			
			padding:0 25px 0 5px;
			text-align:left;
			position:relative;
		}


			#header #hnav ul#topnav li.last, 
			#header #pnav ul#topnav li.last {
				border:none;
			}
			
				#header #hnav ul li.listitem a, 
				#header #pnav ul li.listitem a {
					font-weight: bold;
					text-decoration: none;
					color: #FBFF86;
				}
				
					#header #hnav ul li.listitem a:hover, 
					#header #pnav ul li.listitem a:hover, 
					#header #pnav ul li.listitem a.on, 
					#header #hnav ul li.listitem a.on {
						color: #FFF;
					}
					
		#header #hnav ul#topnav li.listitem ul,
		#header #pnav ul#topnav li.listitem ul { 
			list-style: none;
			position:absolute; 
			background-color:#353535;
			left:1px;
			top:1.15em;
			width:195px;
		}

			#header #hnav ul#topnav li.listitem ul li, 
			#header #pnav ul#topnav li.listitem ul li {
				border:none;
				text-align:left;
				display:block;
				text-align:left;
				line-height:1.5em;
				margin-left:0px;
				width:195px;
				padding-bottom:2px;
				padding-left:3px;
				padding-top:2px;
			}

				#header #hnav ul#topnav li.listitem ul li a, 
				#header #pnav ul#topnav li.listitem ul li a {
					display:block;
				}	

		/*#header #hnav ul#topnav li:hover ul, 
		#header #pnav ul#topnav li:hover ul { 
			display: block; 
						
		}
		*/	
	 
			
	
	#header #headbottom {
		width: 1005px;
		height: 199px;
		margin: auto;
	}

	#header #header3 {
		width: 1005px;
		height: 234px;
		margin: auto;
		background: url(images/clouds.jpg) no-repeat;
	}

	#header #header2 {
		width: 1005px;
		height: 295px;
		position: relative;
		margin: auto;
		background: url(images/clouds_MASTER.gif) no-repeat;
	}
		
		#header #headbottom #headerinfo {
			width: 780px;
			height: 173px;
			position: relative;
			margin: auto;	
		}
			#header #headbottom #headerinfo h1 {
				width: 337px !important;
				width: 320px;
				height: 229px;
				text-indent: -9999px;
				font-size: 1%;
			}
		
			#header #headbottom #headerinfo p {
				color: #FFF;
				font-family: verdana;
				font-size: 1.1em;
				margin: 0 0 7px 0;
				text-align: left;
			} 
			
			#header #headbottom #headerinfo .text {
				width: 370px;
				float: right;
				margin: 10px 15px 0 0 !important;
				margin: 10px 15px 0 0;
			} 
			
				#header #headbottom #headerinfo p span {
					font-weight: bold;
					font-size: 1.5em;
				} 
				
				#header #headbottom #headerinfo p.bold {
					font-weight: bold;
				}
				
				#header #headbottom #headerinfo p a {
					color: #FBFF86;
					text-decoration: none;
					font-weight: bold;
				}
					
					#header #headbottom #headerinfo p a:hover {
						color: #FFF;
					}
			

		#header #headbottom #pcontent {
			width: 850px;
			margin: 0 0 0 104px;
		}
		
			#header #headbottom #pcontent #leftbar {
				float: left;
				text-align: left;
				width: 230px;
			}
			
				#header #headbottom #pcontent #leftbar #homelink {
					width: 230px;
					height: 193px;
					position: relative;
					margin: 0 0 6px 0;
					/*background: red url(images/midlands_logoleft.jpg) no-repeat;*/
				}
				
				#header #headbottom #pcontent #leftbar img {
					margin: 0 0 10px 0;
				}
				
				#header #headbottom #pcontent #leftbar ul {
					width: 230px;
					list-style: none;
					font-family: verdana;
					margin: 10px 0 0 0;
					padding: 10px 0 10px 0;
					border-top: 1px solid #D6D6D6;
					border-bottom: 1px solid #D6D6D6;
				}
				
					#header #headbottom #pcontent #leftbar ul li {
						margin: 0 0 0 15px;
						font-weight: bold;
					}
					
						#header #headbottom #pcontent #leftbar ul li a {
							color: #3790F7;
							text-decoration: none;
						}
						
							#header #headbottom #pcontent #leftbar ul li a:hover {
								text-decoration: underline;
							}
						
						#header #headbottom #pcontent #leftbar ul li.on {
							color: #9A9A9A;
						}
						
						/* left nav, child page links */
						#header #headbottom #pcontent #leftbar ul li.page_item a {
							margin-left:6px;
						}
						
						/* left nav, child page links on page.php, make gray links */
						#header #headbottom #pcontent #leftbar ul li.current_page_item a{
							color: #9A9A9A;
						}
						
						#header #headbottom #pcontent #leftbar ul li.back {
							margin-top: 10px;
						}
						
							#header #headbottom #pcontent #leftbar ul li.back a {
								text-decoration: none;
								color: #339AFD;
								font-weight: bold;
								padding: 0 0 0 10px;
								margin: 0 15px 0 0;
								background: url(images/arrow.gif) no-repeat 0 50%;
							}
							
								#header #headbottom #pcontent #leftbar ul li.back a:hover {
									text-decoration: underline;
								}

								
			#header #headbottom #pcontent #rightbar {
				float: left;
				width: 565px;
				margin: 0 0 0 5px;	
				padding: 5px 10px 5px 5px;
				background: url(images/contentback.gif) no-repeat;	
			}	
			
				#header #headbottom #pcontent #rightbar img {
					float: left;
					margin: 8px;
				}
				
				* html #header #headbottom #pcontent #rightbar h1 {
					font-size: 1.6em;
				}
				
				#header #headbottom #pcontent #rightbar h1 {
					color: #033A95;
					font-family: verdana;
					text-align: left;
					margin: 0 0 10px 10px;
				}
				
				* html #header #headbottom #pcontent #rightbar h2 {
					font-size: 1.4em;
				}
				
				#header #headbottom #pcontent #rightbar h2 {
					color: #FFF;
					font-family: verdana;
					text-align: left;
					margin: 0 0 10px 10px;
				}
				
				#header #headbottom #pcontent #rightbar p.crumb {
					text-align: left;
					color: #fff;
					font-family: verdana;
					font-size: 1.1em;
					width: 545px;
					margin: 0 0 0px 10px;
				}
				
					#header #headbottom #pcontent #rightbar p.crumb span {
						font-weight: bold;
					}
				
					#header #headbottom #pcontent #rightbar p.crumb a {
						color: #fff;
						text-decoration: none;
					}
						
						#header #headbottom #pcontent #rightbar p.crumb a:hover {
							text-decoration: underline;
						}
				
				#header #headbottom #pcontent #rightbar p {
					text-align: left;
					font-family: verdana;
					font-size: 1.1em;
					width: 545px;
					margin: 0 0 7px 10px;
				}
				
					#header #headbottom #pcontent #rightbar p.bold {
						font-weight: bold;
					}
				

				/* Noraml pages */
				#header #headbottom #pcontent #rightbar ul {
					text-align: left;
					font-family: verdana;
					font-size: 1.1em;
					list-style: disc;
					margin-left:14px;
				}
				
					#header #headbottom #pcontent #rightbar ul li {
						margin: 0 0 4px 10px;
					}

				

				#header #headbottom #pcontent #rightbar ol {
					text-align: left;
					font-family: verdana;
					font-size: 1.1em;
					margin-left:17px;
				}
				
					#header #headbottom #pcontent #rightbar ol li {
						margin: 0 0 4px 10px;
					}
					
				/* contact page */
				#header #headbottom #pcontent #rightbar ul#contact {
					text-align: left;
					font-family: verdana;
					font-size: 1.1em;
					margin-left:0px;
					list-style: none;
				}

					#header #headbottom #pcontent #rightbar ul#contact li {
						margin: 0 0 4px 10px;
						list-style: none;
					}
					
				#header #headbottom #pcontent #rightbar ul.sitemap {
					text-align: left;
					font-family: verdana;
					font-size: 1.1em;
					list-style: none;
				}
				
					#header #headbottom #pcontent #rightbar ul.sitemap li {
						margin: 0 0 4px 10px;
						list-style: none;
					}
					
						#header #headbottom #pcontent #rightbar ul.sitemap li a {
							color: #3790F7;
							font-weight: bold;
							text-decoration: none;
							padding: 0 0 0 10px;
							background: url(images/arrow.gif) no-repeat 0 50%;
						}
						
							#header #headbottom #pcontent #rightbar ul.sitemap li a:hover {
								text-decoration: underline;
							}
						
						#header #headbottom #pcontent #rightbar ul.sitemap li ul {
							font-size: 1em;
							margin: 4px 0 0 0;
						}

						/* Sitemap */
						#header #headbottom #pcontent #rightbar ul.sitemap li a,
						#header #headbottom #pcontent #rightbar ul.sitemap li ul li a{
							background: none;
						}
					
				#header #headbottom #pcontent #rightbar #contleft {
					float: left;
					width: 275px;
				}
				
				#header #headbottom #pcontent #rightbar #contleft p.text{
					float: left;
					display: block;
					width: 275px !important;
					width: 265px;
					height: 200px;
				}
				
				#header #headbottom #pcontent #rightbar #contleft ul#contact {
					height: 200px;
					width: 275px;
				}
				
					#header #headbottom #pcontent #rightbar #contleft ul#contact li {
						margin: 0 0 3px 10px;
					}
					
						#header #headbottom #pcontent #rightbar #contleft ul#contact li.text {
							width: 265px;
						}
						
						#header #headbottom #pcontent #rightbar #contleft ul#contact li input.text {
							width: 270px;
							border: 1px solid #98999B;
							color: #98999B;
							font-size: 0.9em;
							font-family: verdana;
							padding: 2px;
						}
						
						#header #headbottom #pcontent #rightbar #contleft ul#contact li select.text {
							width: 276px;
							border: 1px solid #98999B;
							color: #98999B;
							font-size: 0.9em;
							font-family: verdana;
							padding: 2px;
						}
						
						#header #headbottom #pcontent #rightbar #contleft ul#contact li input.error {
							border: 1px solid #FF2525;
							color: #FF2525;
							background: #FF9999;
						}
						
						#header #headbottom #pcontent #rightbar #contleft ul#contact li select.error {
							border: 1px solid #FF2525;
							color: #FF2525;
							background: #FF9999;
						}
						
						#header #headbottom #pcontent #rightbar #contleft ul#contact li input.button {
							float: right;
						}
						
						#header #headbottom #pcontent #rightbar #contleft ul#contact li textarea.text {
							width: 270px;
							border: 1px solid #98999B;
							color: #98999B;
							font-size: 0.9em;
							font-family: verdana;
							padding: 2px;
						}
						
						#header #headbottom #pcontent #rightbar #contleft ul#contact li textarea.error {
							border: 1px solid #FF2525;
							color: #FF2525;
							background: #FF9999;
						}
						
						div.error {
							margin: 0 6px 15px 10px;
							padding: 5px 5px 5px 25px;
							border: 1px solid #f33;
							background: #fcc url(images/icon_error.gif) no-repeat 5px 6px;
							width: 245px;
							color: #f33;
						}	

						div.error a {
							color: #036;
						}

						div.error p {		
							margin: 0;
						}	
						
						div.error ul {
							margin: 5px 0 0 0px;
						}

							div.error ul li {
								font-size: 0.7em;
								margin-bottom: 3px;
							}
						
				#header #headbottom #pcontent #rightbar #contright {
					float: left;
					width: 275px;
					margin: 0 0 0 10px;
					font-family: verdana;
				}
				
					#header #headbottom #pcontent #rightbar #contright p {
						width: 250px;
					}
				
					#header #headbottom #pcontent #rightbar #contright p span {
						font-weight: bold;
					}

					#header #headbottom #pcontent #rightbar #contright p span.bottom {
						font-family: verdana;
						font-weight: normal;
						font-size: 0.8em;
						color: #989898;
					}



	#header #headbottom #telebar {
		width: 1005px;
		margin: auto;
		padding: 4px 0px 0px 0px;
		border-top: 2px solid #FFF;
	}
	
	#header #headbottom #telebar p {
		font-family: verdana;
		width: 250px;
		float: left;
		text-align: left;
		color: #FFF;
		font-size: 1.2em;
		text-indent:25px;
	}

	#header #headbottom #telebar .p2 {
		font-family: verdana;
		width: 670px;
		float: left;
		text-align: left;
		color: #FFF;
		font-size: 1.2em;
		text-indent:385px;
	}
	
/********
BODY
********/	
 

 
#content {
	margin: auto !important;
	width: 961px;
}


	#content .leftcolumn {
		width: 180px;
		float: left;
		margin: auto;
		font-size: 1.1em;	
	}
	#content .rightcolumn {
		width: 781px;
		float: right;
		margin: auto;
		font-size: 1.1em;	
	}


	#content .row {
		width: 781px;
		margin: auto;
		font-size: 1.1em;
		border-bottom: 1px dotted #1B4D8C;
	}
	
		#content .row .lblock {
			width: 370px;
			float: left;
			padding: 5px;
			text-align: left;
			font-family: verdana;
			margin: 10px 0 10px 0;
			border-right: 1px dotted #1B4D8C;
		}

		#content .row .cblock {
			width: 781px;
			float: left;
			padding: 0px;
			text-align: left;
			font-family: verdana;
			margin: 10px 0 10px 0;
		}		
		
		#content .row .rblock {
			width: 370px;
			float: left;
			padding: 5px;
			text-align: left;
			margin: 10px 0 0px 10px;
			font-family: verdana;
		}
		
			#content .row .lblock p, #content .row .rblock p, #content .row .cblock p {
				margin: 0 0 15px 0;
			} 
			
			#content .row .lblock p.title, #content .row .rblock p.title, #content .row .cblock p.title {
				margin: 0 0 5px 0;
				font-size: 1.4em;
			} 
			
			#content .row .lblock p span, #content .row .rblock p span, #content .row .cblock p span {
				font-weight: bold;
			} 

			/* arrows here */
			#content .row .lblock ul, #content .row .rblock ul, #content .row .cblock ul {
				list-style:none;
			}

			#content .row .lblock a, #content .row .rblock a, #content .row .cblock a{
				text-decoration: none;
				color: #339AFD;
				font-weight: bold;
			}

			#content .row .lblock ul li a, #content .row .rblock ul li a, #content .row .cblock ul li a {
				text-decoration: none;
				color: #339AFD;
				font-weight: bold;
				padding: 0 0 0 10px;
				margin: 0 15px 0 0;
				background: url(images/arrow.gif) no-repeat 0 50%;
			} 


			
				#content .row .lblock a:hover, #content .row .rblock a:hover, #content .row .cblock a:hover {
					text-decoration: underline;
				}
				
			#content .row .rblock p.left {
				width: 150px;
				float: left;
			}
			
			.p.footer-text {
				font-family:verdana;
				font-size:1.0em;
				width:175px;
				float:left;
			}
			
			#content .row .rblock ul.right {
				text-align: left;
				font-family: verdana;
				font-size: 1.3em;
				list-style: none;
			}
			
				#content .row .rblock ul.right li input.text {
					width: 205px;
					border: 1px solid #98999B;
					color: #98999B;
					margin: 0 0 3px 0;
					font-size: 0.9em;
					font-family: verdana;
					padding: 2px;
				}
				
				#content .row .rblock ul.right li select.text {
					width: 211px;
					border: 1px solid #98999B;
					color: #98999B;
					margin: 3px 0 3px 0;
					font-size: 0.9em;
					font-family: verdana;
					padding: 2px;
				}
				
				#content .row .rblock ul.right li input.error {
					border: 1px solid #FF2525;
					color: #FF2525;
					background: #FF9999;
				}
				
				#content .row .rblock ul.right li select.error {
					border: 1px solid #FF2525;
					color: #FF2525;
					background: #FF9999;
				}
						
				#content .row .rblock ul.right li input.button {
					float: right;
					margin: 2px 6px 0 0;
				}
						
				#content .row .rblock ul.right li textarea.text {
					width: 205px;
					border: 1px solid #98999B;
					color: #98999B;
					font-size: 0.9em;
					font-family: verdana;
					padding: 2px;
				}
						
				#content .row .rblock ul.right li textarea.error {
					border: 1px solid #FF2525;
					color: #FF2525;
					background: #FF9999;
				}
				
				.areas {
					text-align:left;
					color:#033a95;
					font-size:11px;
					font-family: verdana;
					padding-left:10px;
					padding-right:10px;
				}
				
				.county {
					text-align:left;
					color:#000000;
					font-weight:bold;
					font-size:11px;
					font-family: verdana;
					padding-left:10px;
					padding-right:10px;
				}
				
	#region_right {
		width: 303px;
		float: right;
		padding: 0;
		margin: 5px 12px 0 0 !important;
		margin: 5px 0 0 0;
		text-align: left;
	}
	
	#region_left {
		width: 247px !important;
		width: 237px;
		float: left;
		margin: 40px 0 0 0;
	}
	
	#area_right {
		width: 303px;
		float: right;
		padding: 0;
		margin: 5px 12px 0 0 !important;
		margin: 5px 0 0 0;
		text-align: left;
	}
	
	#area_left {
		width: 247px !important;
		width: 237px;
		float: left;
		margin: 5px 0 0 0;
	}
	
		#region_left h1 {
			color: #FFF !important;
		}
		
		#region_left h2 {
			color: #FFF !important;
		}
		
		#region_left p {
			color: #000;
			width: 237px !important;
		}
					
/********
FOOTER
********/

#footerimgs {
	width: 641px;
	margin: auto;
	padding: 5px 5px 5px 90px;
	text-align: left;
}	

	#footerimgs img {
		margin: 0;
		border: 0;
	}	
	
#footerinfo {
	width: 950px;
	margin: auto;
	background: #F3F3F3;
	padding: 5px 0 5px 0;
}

	#footerinfo #companyinfo {
		width: 781px;
		margin: auto;
		text-align: left;
	}
	
	#footerinfo #companyinfo p.left {
		font-size: 1.1em;
		font-family: verdana;
		/*width: 550px;*/
		float: left;
	}
	
		#footerinfo #companyinfo p.left span {
			font-weight: bold;
		}
		
		#footerinfo #companyinfo p.left a {
			font-weight: bold;
			color: #3295FB;
			text-decoration: none;
		}
		
	#footerinfo #companyinfo p.right {
		font-size: 1.1em;
		font-family: verdana;
		width: 200px;
		float: right;
		text-align: right;
	}
	
#finalinf {
	width: 781px;
	margin: auto;
	margin-top: 5px;
	padding-bottom: 20px;
	text-align: left;
}
	#finalinf p {
		font-size: 1em;
		font-family: verdana;
		width: 781px;
		float: left;
		color: #989898;
	}
	
		#finalinf p a {
			font-size: 1em;
			font-family: verdana;
			text-decoration: none;
			color: #3794FE;
		}
		
			#finalinf p a:hover {
				text-decoration: underline;
			}


#content {
	margin-top: 6px !important;
	margin-top: 0;
}