@CHARSET "UTF-8";

body { padding: 0; margin: 0; overflow-y: scroll; background: url(../img/hsw_background.jpg) center 0 no-repeat; }

#topnav_back { height: 92px; background: url(../img/hsw_topnav_back.png) left top repeat-x; }
 #topnav_wrapper { margin: 0 auto; position: relative; width: 1000px;}
  #topnav { float: right; text-transform: uppercase; }
  #topnav ul { padding: 0; margin: 0; list-style: none; }
  #topnav li { display: inline; padding: 0; margin: 0; }
  #topnav a:link,
  #topnav a:visited { height: 25px; padding: 5px 15px 0 15px; color: white; margin: 0; font-size: 18px; display: inline-block; text-decoration: none; }
  #topnav a:hover,
  #topnav a:active { text-decoration: underline; }
  #topnav a.active { border-left: 2px solid white; border-right: 2px solid white; border-bottom: 2px solid white; padding-bottom: 5px; background: #00bc00; }
#root { margin: 0 auto; position: relative; width: 1000px; }
 #content-area { float: left; width: 716px; }
  #image-content { width: 642px; padding: 10px; }
  #main-content { width: 642px; padding: 10px; }
 #subnav-area { float: left; width: 284px; }
    #subnav-area .contentbox td.content { background: #000; }
  #subnav_top { height: 17px; background: url(../img/hsw_subnav_top.png) 0 0 no-repeat; }
  #subnav_back { background: url(../img/hsw_subnav_background.png) 0 0 repeat-y; }
  #subnav_bottom { height: 17px; background: url(../img/hsw_subnav_bottom.png) 0 0 no-repeat; }
  #subnav { width: 230px; padding: 10px; margin: 0 17px; background: #000; }
  #subnav ul { padding: 0; margin: 0; list-style: none; }
  #subnav a:link,
  #subnav a:visited { font-size: 16px; padding: 2px 0 0 5px; margin: 0; display: block; text-decoration: none; height: 21px; color: #fff; text-transform: uppercase }
  #subnav a:hover,
  #subnav a:active { text-decoration: underline; }
  #subnav a.active { margin-left: -19px; padding-left: 24px; width: 235px; background: url(../img/hsw_subnav_active.png) 0 0 no-repeat; }
#footer-wrapper { height: 1200px; background: url(../img/hsw_bottom_background.jpg) center 0 no-repeat; border-top: 1px solid #fff; margin-top: 50px; }
 #footer { margin: 0 auto; width: 946px; padding: 50px 27px; font-size: 16px; }
 
.contentbox { padding: 0; margin: 0; border: 0; border-collapse: collapse; }
.contentbox tr, contentbox td { padding: 0 !important; margin: 0 !important; }
.contentbox td.tl { width: 17px; height: 17px; background: url(../img/hsw_contentbox_tl.png) 0 0 no-repeat; }
.contentbox td.tr { width: 17px; height: 17px; background: url(../img/hsw_contentbox_tr.png) 0 0 no-repeat; }
.contentbox td.bl { width: 17px; height: 17px; background: url(../img/hsw_contentbox_bl.png) 0 0 no-repeat; }
.contentbox td.br { width: 17px; height: 17px; background: url(../img/hsw_contentbox_br.png) 0 0 no-repeat; }
.contentbox td.tm { width:  1px; height: 17px; background: url(../img/hsw_contentbox_tm.png) 0 0 repeat-x; }
.contentbox td.bm { width:  1px; height: 17px; background: url(../img/hsw_contentbox_bm.png) 0 0 repeat-x; }
.contentbox td.ml { width: 17px; height:  1px; background: url(../img/hsw_contentbox_ml.png) 0 0 repeat-y; }
.contentbox td.mr { width: 17px; height:  1px; background: url(../img/hsw_contentbox_mr.png) 0 0 repeat-y; }
.contentbox td.content { background: white; }