html
{
  background-color: #ffffff;
  height: 100%
}

body
{
  margin: 0; padding: 0;
  font-family: Verdana, Helvetica, Verdana, Sans-Serif;
  font-size: 12px;
  line-height: 20px;
  color: #333;  
  background-color: #ffffff;
  height: 100%;
  width: 100%;
}

div#main
{
  background-color: #303030;
  height: 100%;
}

/* General */

a img
{
  border: 0px;
}

a
{
  color: #ef0903;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

ul.bullets
{
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
}

ul.bullets li
{
  margin: 0;
  padding: 0;  
  list-style-type: none;
  margin-bottom: 12px;
}

ul.bulleted
{
}

ul.bulleted li
{
}

a:visited
{
  color: #df0501;
}

img.diagram
{
  margin-top: 16px;
  margin-bottom: 16px;
}

img.section_banner
{
	margin-top: 4px;
	height: 198px;
	width: 612px;
}

div.linkwrap {  }
div.linkarrow { background: transparent url(/images/red_arrow.jpg); float:left; width: 10px; height: 12px; margin-top: 3px; }
div.linkclear { clear: both; height: 0px; }


/* Headings */

h1, h2, h3, h4
{
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
  color: #6f6f6f;
  margin: 0; padding: 0;
  background-color: white;
  background-repeat: no-repeat;
}

h1 { font-size: 20px; height: 24px; line-height: 24px; }
h2 { font-size: 18px; height: 22px; line-height: 22px; font-weight: bold; color: #b9b9b9 }
h3 { font-size: 18px; }
h4 { font-size: 12px; }

h1.navh { background-color: #fbfbfb; }
h2.light { color: #a0a0a0; background-color: #3d3d3d; }
h3.link { color: #ef0903 }

ol + h2, ul + h2, p + h2 { margin-top:36px }
h2 + p { margin-top: 12px }


/* Text */

p
{
  margin: 0; padding: 0;
  margin-bottom: 18px;
}

/* Centering */

div.mid
{
  position: relative;  
  margin-left: auto;
  margin-right: auto;
  width: 900px;  
  border: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;  
}

div.cl_2
{  
  left: 0px; top: 0px;
  width: 594px;
}

div.cr_2
{
}

div.cl
{
  position: absolute;
  top: 0px; width: 288px;
  left: 0;
}

div.cm
{
  position: absolute;
  top: 0px; width: 288px;
  left: 306px;
}

div.cr
{
  position: absolute;
  top: 0px; width: 288px;  
  left: 612px;
}

/* Header */

div#hdr
{
  position: relative;  
  background: #e32420 url(/images/hdr-flat.jpg) repeat-x center top;
  width: 100%; height: 90px;  
}

div#hdr.long
{
	height: 110px;
}

div.light
{
  position: absolute;
  top: -90px;  left: 0px;  
  width: 100%; height: 180px;
  background: url(/images/hdr-light.png) no-repeat;
}

div.long div.light
{
  top: -50px;
}

div#hdralign
{
  position: absolute;
  top: 80px;
  height: 0px;
  width: 100%;  
}

div.long div#hdralign
{
	top: 100px;
}

div#logo
{
  position: absolute;    
  left: 0px;  top: -41px;
  width: 131px; height: 54px;  
}

img#logoimg
{
  width: 131px; height: 49px;
}

div#navlinks
{
	position: absolute;
	top: -18px; left: 500px; 	
	width: 400px; 	height: 20px; 	
	text-align: right;	
	vertical-align: bottom;
}

div#navlinks a
{    
  color: white;    
  text-decoration: none;
  font-size: 14px;
  margin-left: 24px;  
  vertical-align: bottom;
}


/* Navigation */

div#navbar
{
  position: relative; 
  width: 100%; height: 80px;
  background-image: url(/images/navbar-w.jpg);
}

div#navbar.grey
{
  position: relative; 
  width: 100%; height: 80px;
  background-image: url(/images/navbar.jpg);
}

div.navhdr
{
  position: absolute;
  top: 32px;
  left: 0px;
  width: 100%;
  height: 48px;
}

div.navhdr li
{
  display: block;
  float: left;
  padding-bottom: 6px;
  width: 20%;
}

div.navhdr li.selected
{
  background: transparent url(/images/navbar-sel.gif) no-repeat center bottom;
}

div.navhdr h1#hopp { margin-left: 20px }
div.navhdr h1#hsol { margin-left: 37px }
div.navhdr h1#hser { margin-left: 42px }
div.navhdr h1#htec { margin-left: 24px }
div.navhdr h1#hcom { margin-left: 31px }


/* Decor */

div#decor
{
  position: absolute; 
  top: 64px; left: 0px; right: 0px;
}

div#grit
{
  position: absolute;
  background-color: #f9f9fa;
  left: 0px;
  width: 100%;
  right: 0px;
  top: 0px;
  height: 238px;
}

div#hdr_shad
{
  position: absolute;
  background-image: url(/images/hdr_shad.png);
  left: 0px;
  width: 100%;
  right: 0px;
  top: 0px;
  height: 7px;
}

div#grad
{
  position: absolute;
  background-image: url(/images/bgrad.png);
  left: 0px;
  width: 100%;
  right: 0px;  
  top: 239px;
  height: 85px;
}

div#decor div.mid
{  
  position: relative;
  top: 16px;
}


/* Footer */

div#ftr
{
  background: #3d3d3d url(/images/shadow.jpg) repeat-x;
  color: #a0a0a0;
  padding-top: 36px;
  padding-bottom: 36px;
}

div#copy
{
  background: #303030 url(/images/shadow1.jpg) repeat-x;
  color: #a0a0a0;  
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
}

div#ftr a, div#copy a
{
  color: #f2f1f1; 
  text-decoration: none;  
}

div.smallbar
{
  background-image: url(/images/underline.png);
  width: 288px;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 12px;
}

img#dropimg
{
  width: 186px; height: 46px;
}


/* Main body */

div#hob-content
{
  padding-top: 12px;
  padding-bottom: 36px;
  background-color: white;
}

div.chunk
{
  position: relative;
  margin-bottom: 48px;
}

div.imgpanel
{
  margin-top: 12px;
  margin-bottom: 16px;
}

/* Section */

div.sec 
{   
  margin-top: 0px;
  margin-bottom: 48px;  
}

div.secbkg
{
  position: absolute;
  width: 948px;
  left: -24px;
  top: 0px;
  bottom: 0px;
  background-color: white;
  height: 300px;
}

div.seccap
{
  position: absolute;
  width: 966px;
  left: -33px;
  top: -7px;
  height: 34px;  
  background-image: url(/images/sec_cap.png);
}

div.seccap_short
{
  position: absolute;
  width: 966px;
  left: -33px;
  top: -7px;
  height: 121px;  
  background-image: url(/images/home-cap.png);
}

div.secleft
{
  position: absolute;
  width: 3px;
  left: -27px;
  top: 27px;
  height: 303px;  
  background-image: url(/images/sec_l.png);
  background-position: left bottom;
}

div.secright
{
  position: absolute;
  width: 4px;
  left: 924px;
  top: 27px;
  height: 300px;  
  background-image: url(/images/sec_r.png);
  background-position: left bottom;
}


div.sec_hdr
{
  position: relative;
  padding-top: 10px;
}

div.sec_body
{  
  position: relative;
  margin-top: 18px;
  padding-top: 0px;
  width:900px;
}

div.sec_fill
{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: white;
}

div.sec_nav ul
{ 
  margin: 0; padding: 0;
  margin-top: 36px;  
  padding-top: 12px;
  background: transparent url(/images/left-background.jpg) no-repeat left bottom;
  min-height: 300px;
  width: 244px;  
}

div.sec_nav li 
{   
  position: relative;
  left: 16px;
  width:204px; 
  height: 30px; 

  list-style-type: none;   
  font-size: 14px;

  margin: 0;
  padding: 0;

  margin-left: 4px;
  margin-top: 6px;
  margin-bottom: 8px;
}

div.sec_nav li a
{
  color: #ef0903;
  text-decoration: none;
  display: block;
  padding-left: 14px;
}

div.sec_nav li.selected a
{
  color: #808080;
  background: transparent url(/images/side-nav-select.jpg) no-repeat left center;  
}

div.sec_nav
{
  position: absolute;
  top: 0px;
  right: 0px;
}

div.sec_main
{
  position: relative;
  margin-right: 288px;
}



div.story_left
{
  float: left;
  position: relative;
  width: 400px;
  margin-right: 50px;
}

div.story_right
{
  float: left;
  position: relative;
  width: 426px;
}

div.story_clear
{
  clear: both;
}

h1.story_nav
{
  display: inline;
  margin-right: 40px;
}

/* Parts */

div.part { margin-top: 48px; clear: both;}
div.part h3 { padding-bottom: 12px; }

/* Forms */

form.h_form span.error
{
  color: red;
}

form.h_form input, form.h_form textarea
{
	background-color: #fafafa;
	border: 1px solid #b9b9b9;
}

form.h_form input.error, form.h_form textarea.error
{
	border: 2px solid red;
}

form.h_form input.sub
{
	width: 149px;
	height: 44px;
	border: none;
	background: transparent url(/images/submit.jpg) no-repeat 0px 0px;
        cursor: pointer;
}

/*Tables*/

table.h_table
{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

table.h_table td
{
	vertical-align:top;
}

div.topspacer
{
  height: 16px;
}

/* Blog */
div.navigation { margin-bottom: 24px; }
div.navigation-clear { clear: both; }

div.alignleft { float: left; }
div.alignright { float: right }

div.entry { margin-top: 18px; }
div.post-date { font-size: 11px; color: #909090; }
div.post { margin-bottom: 28px; }

div#sidebar{ margin-top: 12px; }
div#content { min-height: 500px; _height: 500px; }