/*
Copyright 2010 Howard Electric and Controls, LLC
Author: Patrick Buckner | patrick.buckner@howardelectric.biz
*/

* { padding: 0; margin: 0; }

body {
	background:#e4e4e4 url(../img/body.png) repeat-x;
	line-height: 1.6em;
	font:62.5% arial, verdana, serif;
}
#wrapper { 
 margin: 0 auto;
 width: 1005px;

}

.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0px;
	left:11px;
	z-index:1;
}
/* 
=====================
HEADER INFORMATION
=====================
*/

#header {
 color: #FFF;
 width: 998px;
 height: 115px;

 margin: 0px 0px 0px 0px;


 }

 #top_menu {
	float: right;
    font-size:11px;
	font:Verdana;
	display: inline;

	background:url(/img/top_menu.png) no-repeat;

	padding:10px 0 0 0;

	height: 111px;
	width:300px;

}
#top_menu li {
	display: inline;
	float: right;
    font-weight:bold;
	color:#636363;
	font-size:11px;
	padding:0px 0px 0 1px;
	margin: 28px 7px 0 0;

}
#top_menu li a, #top_menu li a:link, #top_menu li a:visited, #top_menu li a:hover {

	display: inline;
	float: left;
	height: 15px;
	text-decoration:none;

	font-size:1.1em;
	color:#636363;

	
}

#top_menu li:hover a, #top_menu li:hover a:link, #top_menu li:hover a:visited, #top_menu li a:hover {
	color:#393939;
	font-weight:bold;
    border-bottom:2px #1e8b05 solid;
}

#logo{
	width:220px;
	height:88px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
    margin:30px 0 10px 0px;
	float:left;
	text-indent: -5000px;
    top: -6px;
    left: 1px;
}
#logo span{
	background:url(/img/hec.png) no-repeat;
	position:absolute;
	width:156%;
	height:124%;
	cursor:pointer;
    top: -14px;
    left: 3px;
    margin-top: 14px;
}


/* 
=======================
NAVIGATION INFORMATION
=======================
*/

#navigation {
 color: #333;
 width:993px;
 height:38px;
 padding:0 0 0 7px;
 margin:26px 0 -2px 0;
 background:url(/img/nav.png) no-repeat;
}

#navcontainer {    margin-bottom: 25px;
}

ul#navlist
{

margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

ul#navlist li
{
float: left;
font-family: verdana;
font-size: 11px;
letter-spacing:0.2em;
font-weight: bold;
margin: 0;
padding: 13px 0 8px 0;
    height: 12px;
    width: 95px;
    text-align: left;
}

#navlist a, #navlist a:link
{

margin: 0 0 0 0px;
padding:12px 15px 12px 15px;
color: #FFFFFF;

text-decoration: none;
    text-align: center;
}

ul#navlist li#active
{
padding-bottom:12px;
color: #FFF;
background-color: #2db00f;
}

#navlist a:hover
{

color: #FFF;
background-color: #2db00f;
}



/* 
=======================
LEFT COLUMN BEGIN
=======================
*/

#leftcolumn { 

 color: #333;
 margin: 0px 1px 0px 0;
 padding: 7px 0px 10px 10px;
 width: 200px;
 float: left;
 background:#f0ebeb;
 height:940px;
 font-size:12px;
}



#submenu{
	font-size:11px;
	color: #FFF;
	font-weight:bold;
	height:28px;
	letter-spacing:1px;
	padding:6px 0 0 10px;
	font-family: Verdana;
	background:url(../img/submenu_head.png) no-repeat;
}
.wireframemenu{



width: 190px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin:0 0 -10px 0;

list-style-type: none;
}

.wireframemenu a{
font: bold 11px Verdana;
background:url(../img/submenu_head.png) no-repeat;
display: block;
height:28px;
padding:7px 0 0 10px;
margin: -5px 0 -5px 0;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
background:#f0ebeb url(../img/submenu_link.png) no-repeat;
text-decoration: none;

}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background:url(../img/submenu_link_hover.png) no-repeat;
height:28px;
padding:7px 0 0 10px;
color: #595959;
}


/*
======================
RIGHT COLUMN BEGIN
======================
*/
#rightcolumn {
    float: left;
    color: #333;
    margin: 0px 0 0px 0;
    padding: 5px 10px 2px 10px;
    width: 549px;
    
    background-color: #FFFFFF;
}

#rightcolumn p {
    color:#515151;
	font-size:12px;
	padding:0 0 0 4px;
	line-height:18px;
	font-family: Verdana;

}
div.left_box{
    float: left;
	align:center;
    padding: 10px 10px 0 0;
    width: 218px;
	height:100%;
    margin-right: 11px;
}

div.right_box{


    width: 278px;
	height:100%;
    float:left;

  
}

ul#box
{

margin: 0px 0 0 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

ul#box  li
{
float: left;
font-family: verdana;
font-size: 12px;

color:#515151;
margin: 0;
padding: 0px 0 5px 0;


}

ul#box2 {

margin: 0px 0 0 0;
padding: 0;
list-style-type: none;
white-space: inherit;
}
ul#box2  li
{
float: left;
font-family: verdana;
font-size: 12px;
clear:left;
color:#515151;
margin: 0;
padding: 0px 0 5px 0;


}
	#rightcolumn h1 {
	font-size:13px;
	color: #515151;
    width:100%
	letter-spacing:1px;
	margin:0 0 8px 0;
	padding:4px 0 0 5px;
	background:url(/img/h1-bg.png);
	font-family: Verdana;

}
#right_column { 
 float: right;
 color: #333;
 margin: 0 7px 0px 0;
 padding: 7px 0px 0px 10px;
 width: 200px;
 height:950px;
 background-color:#f0ebeb;



} 
/*

===================
FOOTER INFORMATION
===================
*/
#footer { 
 width: 975px;
 clear: both;
 height:60px;
 color: #FFF;
 text-align:center;
 background: #393939;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}
#footer2 {
 margin: 0 auto;
 width:975px;
 padding:10px 0 0 0;
  color: #FFF;
  font:10px;
 
}
.clear { clear: both; background: none; }


#blueblock{
width: 190px;
font-family: verdana;
font-size: 12px;
padding: 0 0 5px 0;

font-family: 'Verdana'

color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

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

#blueblock li {

margin:0 0 2px 5px;
font-family: verdana;
font-size: 11px;
}

#blueblock li a{
display: block;
font-weight:bold;
padding: 5px 5px 5px 8px;

border-left: 5px solid #239009;


color: #515151;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 5px solid #3bab21;
font-weight:bold;
color:#807d7d;
}
#right_submenu{
	font-size:11px;
	color: #515151;
	font-weight:bold;
	height:28px;
	
	padding:6px 0 0 8px;
	font-family: Verdana;
	background:url(../img/submenu_link_hover.png) no-repeat;
}

#blueblock2{
width: 190px;
font-family: verdana;
font-size: 12px;
padding: 0 0 3em 0;
margin-bottom: 2em;
font-family: 'Verdana'

color: #333;
}

* html #blueblock2{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

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

#blueblock2 li {

margin:0 0 2px 5px;
font-family: verdana;
font-size: 11px;
}

#blueblock2 li a{
display: block;
font-weight:bold;
padding: 5px 5px 5px 8px;

border-left: 5px solid #239009;


color: #515151;
text-decoration: none;
width: 100%;
}

html>body #blueblock2 li a{ /*Non IE6 width*/
width: auto;
}

#smallimages
{
padding:0 10px 4px 10px;

}


#blueblock2 li a:hover{
border-left: 5px solid #34a31a;
font-weight:bold;
color:#807d7d;
}
/*
=====================================
RSS FEED CUSTOM CSS
=====================================
*/
/* begin styles for RSS Feed */

/* begin styles for RSS Feed 

     This is the most basic style to use for a list with no bullets */



.rss_box {

	 width: 190px;
     padding:0 5px 0 5px;

}



.rss_title, rss_title a {

	margin: 0px 0;
    color:#515151;
	font-family:Verdana;
	padding: 0;

}



.rss_items {

       list-style:none;

       margin:0;

       padding:0;

}



.rss_item  {

  font-size: x-small;

  margin-bottom: 1em;;

}



.rss_item a:link, .rss_item a:visited, .rss_item a:active {
  color:#515151;
  font-weight:bold;
  text-decoration:none;

	}



.rss_item a:hover { 
color:#b92533;
text-decoration:none;

	}

	

.rss_date {

	font-size: xx-small;
    color:#b2b2b2;
	}