body  { font-size: 11px; font-family: Verdana, Arial, Helvetica, Futura;
       background:#666666; }
p  { font-size: 11px; 
     font-family: Verdana, Arial, Helvetica, Futura;
	 margin:0;
	 padding:2px 0 10px 0;
	 line-height:1.3em; }
td  { font-size: 11px; font-family: Verdana, Arial, Helvetica, Futura; }

h2 { font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:1.7em;
	 color:#003399;}
h3 { font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:1.2em;
	 color:#003399;
	 margin:0; 
	 padding:10px 0 0 0;}
h4 { font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:1.0em;
	 color:#003399;
	 text-align:center;
	 margin:0; 
	 padding:10px 0 0 0;}
	 
.datatable {width: 98%; margin: 0 0 5px 10px;
	border: 1px solid #003399;}
.tableheader td{ font-size: .7em;
    text-align:center;
	font-weight: bold;
	padding:3px;
	border-bottom:groove;
	border-right:groove;
	background-color: #003399;
	color:#FFFFFF;}
	
ul#mainlist { list-style-type:none;
    font-size:1.2em;
	color:#000000;
	font-weight:bold;}   
ul {
    list-style-type: disc;
	list-style-position: inside; 
   font-size: .9em; color: #333333;
   font-weight: normal;
   padding:5px;
   margin:5px 5px 5px 25px;
   text-indent:-13px;}
li { padding:5px 0 0 0;}
	
	
	
.gray { background-color:#CCCCCC;}
.formula { color:#003399;
     font-size:1.2em;
	 font-weight:bold;}
.underline { text-decoration:underline;}

.calctable { border:none;
   color:#333;}
.calctable td { padding:2px;}
.calctabletitle { font-weight: normal;
    text-align:left;
	font-size:0.6em;}
.calctableinfo { font-size:0.6em;
    font-style:italic;
	text-align:center;
	height:50px;
	padding:5px 20px 5px 20px;}
.calctablelabel { font-weight:bold;
     text-align:right;
	 font-size:0.8em;}
span#energycost { font-size:1.5em;
      color:#990000;}
	
div#energycalc input { text-align:right;}

a#energycalcbtn { display:block;
   border:none;
   text-decoration:none;
   padding:15px 0 0 30px;
   margin:auto;
   font-size:1.5em;
  background: white url('images/bigbuttonbkgr.jpg') 0 0 no-repeat;
  width:300px;
  height:48px}
  
a#energycalcbtn:link {color: #fff; border:none;}
a#energycalcbtn:visited {color: #fff;}
a#energycalcbtn:hover {color: #000099; border:none;}

/* new home page styles  */

div#mainwrapper {
  margin:0 auto 0 auto;
  padding:0;
  position:relative;
  width:788px;
  height:462px;
  border-top-color:#003399;
  border-top-width:0.8em;
  border-top-style:solid;
  border-bottom:#003399 thick solid;
  }
  
div#homecontentwrap { float:left;
  margin:0;
  padding:0;
  width:486px;
  height:462px;
  border-left:#003399 medium solid;
  }
  
div#homecontent {
  position:relative;
  width:483px;
  height:338px;
  background:url('images/NewHomePgBkgr.jpg') 0 0 no-repeat;
  border-top:#003399 thin solid;
  border-right:#64b34a solid;
  }
div#header { position:relative;
  background:url('images/index_header.jpg') 0 0 no-repeat;
  width:486px;
  height:124px;
  }
div#header p {
	position:absolute;
	left: 35px;
	top: 92px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#999999;
  }
  
/*  Home Page version  */  
div#menubar {
  float:left;
  width:225px;
  height:340px;
  border-right: #CCC thin solid;
  }
div#menubar ul {list-style:none;
  margin:10px 0 0 30px;
  font-size:1.2em;}

div#menubar ul li a {text-decoration:none; display:block; width:150px;}
div#menubar ul li a:link { color:#999;}
div#menubar ul li a:hover {color:#003399; border-bottom:#003399 thin solid;}
div#menubar ul li a:visited {color:#999;}

div#menubar a#badge {text-decoration:none; display:block;
   width:188px; height:61px;
   text-align:center;
   margin:100px auto 0 auto;
   padding:10px 0 0 0;
   background: url('images/greenbadge_home.jpg') 0 0 no-repeat;
   }
div#menubar a#badge span {font-size:1.5em;}
div#menubar a#badge:link { color:#003399; }
div#menubar a#badge:hover { color:#fff; }
div#menubar a#badge:visited { color:#003399; }


/*  Interior Page version  */  
div#menubar_interior {
  float:left;
  background: #dde2dc url('images/menubkgr_interior.jpg') 0 0 repeat-x;
  text-align:center;
  width:225px;
  height:430px;
  }
div#menubar_interior ul {list-style:none;
  text-align:left;
  margin:10px 0 0 10px;
  font-size:1.2em;}

div#menubar_interior ul li a {text-decoration:none; display:block; width:150px; padding:0 0 0 20px;}
div#menubar_interior ul li a:link { color:#999;}
div#menubar_interior ul li a:hover {color:#003399; border-bottom:#003399 thin solid;}
div#menubar_interior ul li a:visited {color:#999;}

div#menubar_interior a#badge {text-decoration:none; display:block;
   width:188px; height:61px;
   text-align:center;
   margin:100px auto 0 auto;
   padding:10px 0 0 0;
   background: url('images/greenbadge_home.jpg') 0 0 no-repeat;
   }
div#menubar_interior a#badge span {font-size:1.5em;}
div#menubar_interior a#badge:link { color:#003399; }
div#menubar_interior a#badge:hover { color:#fff; }
div#menubar_interior a#badge:visited { color:#003399; }

div#mottobar { float:left;
   width:256px;
   height:340px;
   }
div#mottobar p {margin:0;
   padding:5px 20px 5px 20px;
   line-height:1.9em;
   color:#999;}
div#mottobar a#mottologo {display:block;
   margin:0 auto 0 auto;
   background: url(images/sullair_logo.gif) 0 0 no-repeat;
   width:100px;
   height:32px;
   } 
div#mottobar h4 {margin:0 auto 0 auto;
   padding:0;}  
    
div#dealerlist {
   padding:10px 0 0 0;
   text-align:center;
   }
div#dealerlist a {text-decoration:none;}
div#dealerlist a:link { color:#003399;}
div#dealerlist a:hover {color:#64b34a; text-decoration:underline;}
div#dealerlist a:visited {color:#003399;}
  
  
div#homeflash {float:left;
  width:294px;
  height:462px;
  border-right:#003399 medium solid;
  }

div#footer {
     margin:0 auto 0 auto;
     padding:0;
     position:relative;
     width:786px;
     height:50px;
	text-align: center;}
div#footer p {font-size: 10px;
	padding: 5px 5px 5px 5px;
	color: #999;}
div#footer a {color: #999;}