body {
background-color: #fff;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000;
position: relative; min-width: 600px; width: 100%; margin: 0; padding: 0; 
}

h1  {
background:  url("styles/oaktree.jpg") 0 3px no-repeat;
font-size:18px;
height: 60px;
width: 496px; 
float:left;
font-weight: normal;
text-indent:-10000px;
margin:0; padding: 0;
/* ---testing (green)---*/
/* border: #4c5 solid 1px; padding:0; */
}

h2 {
text-align:left;
text-transform:uppercase;
font-size: 18px;
line-height: 18px;
color:#666;
padding: 10px 0 0 0;
font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
}

h3 {
font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
text-align:left;
font-size: 16px;
/*line-height: 1px; */
/* padding-top: 5px; */
/* padding-bottom: -10px; */
margin: 0;
padding: 5px 0;
/* testing border */
/*border: 1px solid #f90;*/
}

h4 {
font-size: 14px;
/* border-bottom:1px dotted #fff;
border-bottom-style:groove; */
font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; 
}

img { border:0; }
.images img { padding: 3px; float:left;}
.skipnavigation { left: -1000px; position: absolute; }

.border_top { border-top: 1px #000 solid; }
.border_bottom { border-bottom: 1px #000 solid; }
.border_ends { border-top: 1px #000 solid; border-bottom: 1px #000 solid; }
.pad_none {padding:0; margin:0; }
#container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
/*	margin-top: 10px; */
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-color: #fff;
	padding: 0px;
}

#container_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
/*	margin-top: 10px; */
	text-align:left;
	width: 800px;
	background-color: #fff;
	padding: 0px; padding-left:5px;
}

#top { width: 100%; height:155px; /* height:135px, 145 */
	background: #fff; text-align: left; 
	padding:0; margin:0;
	background:#fff url("styles/top.jpg") top left no-repeat;

	}
#banner { width: 100%;padding:0; margin:0; height:123px; }
#banner h1 {background: transparent url("styles/centralpowerlogo.gif") top left no-repeat; width:279px; height:123px; text-indent:-100em;}

#navcontainer {
 /* width of menu item times by 6 (130*6 = 780px) */
	width: 100%;
	width: 797px;
	width: 800px;
	float: left;
	background-color: #acacac;
	margin:0px; padding:0px;
/*
	height:31px;
*/
	float:left;
}

#navcontainer ul li { display: inline; text-transform:uppercase; height:26px;}

#navcontainer ul
{
margin: 0;
padding: 0;
color: #FFFFFF;
font-family:"Lucida Grande",Verdana,Arial,sans-serif;
font-size: 0.75em;
letter-spacing: 2px;
font-weight: bold;
width:560px; height:auto; /* 26px; */
}

#navcontainer ul li a
{
padding: 10px 6px 9px 6px; margin:0;
background-color: #acacac;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
#navcontainer ul li.nav-contact a {border-right: 0;}
#navcontainer ul li a:hover { background-color: #ddd; color: #333; }

#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;
}
 
a { text-decoration: none; 	font-weight: bold; 	color:  #666;	outline: none; 	}
a:link { color:#E92116; font-weight:bold; text-decoration:none;}
a:visited {color:#E92116; font-weight:bold; text-decoration:none}
a:hover { color:#75100B; font-weight:bold; text-decoration: underline;}
a:active { color:#E92116; font-weight:bold; text-decoration:underline}

#home li.nav-home,
#new ul li.nav-new,
#used ul li.nav-used,
#hire ul li.nav-hire,
#parts ul li.nav-parts,
#service ul li.nav-service,
#about ul li.nav-about {background-color:#acacac; color:#333; }

#main {
	padding: 0; margin:0;
	text-align:left;	width: 100%;	height:100%;
	background: #fff url("styles/background.jpg") top left no-repeat; clear:left;
}
#main #col1,#main #col2 {float:right; width:600px; padding:0; margin:0; }
#main #col1 #info {width: 365px; float:left; padding:0; margin:0;}
#main #col1 #analysis {width: 500px; float:left; padding:0; margin:0;}
#main #col2 #gas, #main #col2 #electricity,
#main #col2 #telephone {width: 365px; float:left; padding:0; margin:0;}
#main #col2 #case_image {width: 225px; float:left; padding:0; margin:0;}
#main #col2 #case_image img {float:right; padding:0; margin:0;}
#main #studies { background-color:#ececec; width:210px; float:right; }
#main #studies div {padding:5px;}
#main #studies h2 {color:#949494;font-family:"Lucida Grande",Verdana,Arial,sans-serif;padding:0;}
#main #studies img {padding: 0.5em 0; border:0; }

dl.distributor dt {width:50px; float:left;}
dl.distributor dd {margin-left:50px;}

dl.titleandtext dt { 	font-weight: bold;	margin-top: 0.5em;}
dl.titleandtext dd { 	margin-left: 0;	margin-bottom: 0.5em;}

/* vCard Settings */
div.vcard {
	float:left; 
	width:175px; 
	color:#949494; 
	padding-top:10em;	
	font-size:1.2em; 
	background: #fff url('images/UIABoatMark.jpg') no-repeat 0 20px;
	

}
div.vcard p.fn {display:none;}
div.vcard div.adr div.organization-name {color:#ef1d2a; display:none;}
div.vcard div.adr div.organization-name span {color:#00529c;}
div.vcard div.adr span.type,
div.vcard div.adr span.street-address,
div.vcard div.adr span.locality,
div.vcard div.adr span.region,
div.vcard div.adr span.postal-code, 
div.vcard div.adr span.country-name {display:block;}
div.vcard div.tel span.type {display:none;}
div.vcard p.cardimage {padding-left:1.5em;}



/*#address, #redzebra, #news, #business { float: left; width: 175px;  border: 1px dashed #ccc;} */

.clear {	clear:left; }
.left { text-align: left; }
.float_l { float: left; padding: 3px;}
.float_r{ float: right; padding: 3px;}
.clear_l { clear:left;}
.clear_r { clear:right;}
.clear_both { clear:both;}
.center { text-align: center; }
.right { text-align: right; }

object {
padding: 7px;
/* border: 1px solid #fff; */
}

#footer {
	clear: both;
	height: 20px;
	margin:0; padding:0;
	vertical-align: bottom;
	text-align: left;
}

#footer p { font-size:1.6em; color:#00529c; }
#footer p em { text-transform:uppercase;}
#footer span.number {font-size:1.8em; color:#949494;}
#footer a {text-decoration:none; color:#fff; }
#footer a:hover { color:#333; }

#footer h5 { display:inline; }
#footer ul  { display:inline; padding:5px 0; }
#footer li {
	margin: 0; 
	padding: 0 10px;
	vertical-align:middle;
	/*list-style: none;  this is the shorthand for the list attributes */
	list-style-position:outside;
	list-style-type:lower-roman;
 	display: inline;
	color: #fff;
	border-right:1px #fff solid;
	}
#footer li.subnav-copy {border:0; }	
#footer img {float:right; position:relative; bottom:30px; right:10px;}	
th { background-color:#CCCCCC; }
ul.impact {font-size:13px; font-weight:bold; }
ul.impact li { 	list-style-type:disc; list-style-position:inside; }

caption {font-size:15px;}
.apr {font-size:20px; font-weight:bold; }
.saving { font-size:12px; }
table.payments {border-width: 0px; padding:0; margin:0; float:left;}
table.payments th, table.payments td { background-color:#fff; border-bottom: 1px solid #333;}
ul.specs {width:40%; float:left;}
p.terms {font-size: 8pt; float:left; padding-bottom:40px;}

/* FORM STYLING */
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;  padding: 5px;
/*  min-width: 500px;
  max-width: 600px; */
	width:600px;
	}
#col1 #analysis form	{width:550px;}
div.checkboxes label {display:block;text-align:left; width:120px;}
div.checkboxes label.chk_services {}
div.details label {width:300px;text-align:left;}
div.details input {clear:left;}
#requestform form {width:90%; background-color:#E5E5E5;}
#requestform_wide form  {width:485px; background-color:#E5E5E5;}
#requestform_wide label.double {margin: 16px 0 0;}
/* styles required by checkForm.js script */
#errormsg 		{	border:2px solid #000; 			padding:5px;		width:20em;		}    
.error { background:#FFEAD4;		}
#errorid {float: left; clear: left; }
form .required {padding:0; } /* uses class instead of div, more efficient */

#shortcuts, #offers {  width: 350px; float: right; padding: 5px; }
form fieldset {
	clear: both; /*note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border: 1px solid #00529c;
  margin: 0; 	padding-bottom: 10px; /* padding in fieldset support spotty in IE */
}

form fieldset.request_details {text-align:center;}
form fieldset.request_details legend {text-align:center;}
form fieldset.request_details label {text-align:center;}
form fieldset.request_details label.hidden {display:none;}
form fieldset.contact_details {text-align:left;}
form fieldset.contact_details legend {text-align:left;}
form fieldset.contact_details label {text-align:left; margin-left:10px;}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color:#000; padding-left: 5px; padding:0; margin:0; clear:left;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0;
	margin: 7px 0 0; /* set top margin same as form input - textarea etc. elements */
/*	margin: 0 5px 0 0; */
/* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
form span.topline, form span.bottomline {clear:left;display:block; float:left; width:90%;}
#requestform form label,#requestform_wide form label {padding-right:5px;}
#requestform_wide form label.wide,label.wide {width: 285px;}

.inline { display: inline; }
form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
/*	text-decoration:underline; */    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}
label.wider { width: 450px; }
label.middle {text-align:center; }
form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 5px 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
/* Formats option group if no optgroup is set */
form select { color:#000; padding:0; margin:5px 5px 0 10px; width:auto;}  
form select option { color:#000; }

/* Formats option group when optgroup is defined */
form optgroup {background-color:#000; color:#fff;}
form optgroup.central {background-color:#FD0100; color:#fff;}
form optgroup option {background-color:#fff; color:#333;}
/* Formats option group when optgroup is defined */

.offers fieldset { border: #900;}
.offers fieldset legend {  color:#900;}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

td form, form.w50 { width: 50px; }
form.w800 { width: 800px; }