/* ----- Overall Framework ----- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size: 100%;
  vertical-align:baseline;
  background:transparent;
}
body{
  line-height:1;
  text-align: center;
  color:#000000;
  font:normal normal normal 12/1.5 arial,verdana,sans-serif;
  background-color:#563c00;
}
body.homepg{
  background-image:url(../images/bg.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
body.stndpg{
  background-image:url(../images/bg02.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
p{
  line-height: 2em;
  margin-bottom: 2em;
}
p.tight{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  line-height: 14px;
}
h1,h2,h3,h4{
  color:#8d3c00;
  font-size:30px;
  font-weight: bold;
  margin-bottom: .5em
}
h2{
  font-size:24px;
  margin-bottom: 0;
  margin-top: .5em
}
h3{
  font-size:20px;
  margin-bottom: 0;
  margin-top: .5em
}
h4{
  font-size:16px;
  margin-bottom: 0;
  margin-top: .5em
}
ul{
  list-style-type: none;
  width: 70%
}
li{
  padding-left: 25px;
  padding-bottom: 10px;
  list-style-type: none;
  background-repeat: no-repeat;
}

/* ----- Page Links ----- */

a:link, a:active, a:visited{
  color:#8d3c00;
  font-weight: bold;
  text-decoration: underline
}
a:hover{
  color:#006600; /*#e89800;*/
}
a:link img,a:visited img,a:hover img,a:active img{
  background:none;
}

/* ----- Page Layouts ----- */

#wrapper{
  position:relative;
  margin: 0px auto;
  width: 962px;
}
#header-container{
  height: 350px;
  width: 100%
}
#nav-container{
  height: 100%;
  width: 241px;
  float: left;
}
#logo{
  background-image: url(../images/WHFWebLogo.png);
  background-repeat: no-repeat;
  background-position: top center;
  width: 121px;
  height: 157px;
  float: left;
  margin-left: 9px;
  /* for IE browsers */
  margin-bottom: -140px;
  z-index: 10;
  position: relative
  /* --------------- */
}
#navbg{
  background-image: url(../images/navbg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 275px;
  width: 241px;
  margin-top: 75px;
}
#navlinks{
  text-align: left;
  float: left;
  position: absolute;
  top: 140px;
  left: 19px;
}
#navlinks a img{
  border: none
}
#lrgimg-container{
  height: 100%;
  width: 721px;
  float: left
}
#lrgimg{
  background-image: url(../images/mainimg.png);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 315px;
  width: 721px;
  margin-top: 35px;
}
#topmsg{
  background-image: url(../images/whf_name.png);
  background-repeat: no-repeat;
  background-position: top center;
  width: 649px;
  height: 61px;
  position: relative;
  float: left;
  margin-left: 36px;
  margin-top: 68px;
  margin-bottom: -129px;
}
#bar-sm{
  width: 100%;
  height: 23;
  background-image: url(../images/barsmall.jpg);
  background-position: top center;
  background-repeat: no-repeat;
}
#lower-container{
  width: 100%;
  text-align: left;
}

/* ----- Home Page ----- */

#montage{
  background-image: url(../images/photos_home.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 175px;
  width: 766px;
  position: absolute;
  top: 205px;
  left: 212px;
  z-index: 20px
}
body.homepg #lower-container{
  margin-top: 25px;
}
#col01, #col02{
  width: 284px;
  height: 370px;
  float: left;
  margin-right: 17px;
}
#col01{
  background-image: url(../images/bg_col01.png);
  background-position: bottom center;
  background-repeat: no-repeat;
}
#col02{
  background-image: url(../images/bg_col02.png);
  background-position: bottom center;
  background-repeat: no-repeat;
}
#col03{
  width: 356px;
  float: left;
}
#col03 #row01{
  background-image: url(../images/bg_col03row01_new.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 356px;
  height: 370px;
}
#col03 #row02{
  background-image: url(../images/bg_col03row02.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 356px;
  height: 165px;
}
#inner{
  padding: 8px;
}
#col01 #inner, #col02 #inner{
  padding: 12px;
}

body.homepg #footer{
  width: 100%;
  height: 25px;
  clear: both
}

/* ----- Standard Pages ----- */

body.stndpg #montage{
  background-image: url(../images/photos_stnd_left.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  height: 242px;
  width: 303px;
  position: absolute;
  top: 325px;
  left: -23px;
  z-index: 20px
}
body.stndpg #lower-container{
  background-image: url(../images/bg_lower_stndpg.gif);
  background-position: top center;
  background-repeat: repeat-y;
  display: table;
}
#content-container{
  float: right;
  width: 710px;
  text-align: center;
}
#content{
  text-align: left;
  padding: 35px;
  padding-right: 50px;
  padding-bottom: 135px;
  position: relative;
  z-index: 1000;
}
body.stndpg #footer{
  clear: both;
  background-image: url(../images/footer.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 46px;
  width: 962px;
}
body.stndpg #footerpics{
  background-image: url(../images/photos_stnd_lower_right.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  height: 187px;
  width: 300px;
  position: relative;
  float: right;
  margin-right: -15px;
  margin-top: -185px
}
#grass{
  background-image: url(../images/grass.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 247px;
  width: 357px;
  position: relative;
  float: left;
  margin-top: -247px;
  margin-left: -1px;
}

/* ----- Miscellaneous ----- */

input, select, textarea{
    Border : 1px solid #8d3c00;
    Padding : 2px;
}
input.btn{
  /*Background-color : #feffbb;*/
  Background-color : #8d3c00;
  color: #ffffff;
  cursor: pointer
}
input.noBdr{
    Border-style : solid;
    Border-width : 0px;
    Background-color : #feffbb;
}
input.radio, input.checkbox{
    Border : none;
}
input.chkbx{
    Border : none;
}
.returnMsg{
    Color : red;
    Font-weight : bold;
}
.formInputLabel {
    Font-weight : bold;
    Text-align : right;
    Padding : 5px;
}
.formInputReqd {
    Font-weight : bold;
    Text-align : right;
    Color : #000000;
}
.trim{
  margin: 0;
  padding: 0;
}
.line{
  height: 15px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #d6c89a;
}
#lineimgsm{
  height: 1px;
  width: 243px;
  vertical-align:middle;
  background-image: url(../images/linesm.jpg);
  background-repeat: no-repeat;
  background-position: left top
  display: none; /*block;*/
  clear: both;
  position: relative;
}
.box{
  border: 1px dashed #d6c89a;
  padding: 10px;
  display: table;
  width: 1%;
  white-space: nowrap
}
.valignmid{
  vertical-align: middle;
}
#scroller{
  overflow-x: none;
  overflow-y: scroll;
  scrollbar-base-color: #feffb3;
}
table.counties td{
  text-align: center;
  padding-bottom: 30px
}
table.home{
  margin-top: 5px;
  /*display: table*/
  /*width: 225px*/
}
table.home td{
  vertical-align: top;
  text-align: left;
  /*border: 1px solid #000000;*/
  /*display: table-cell*/
}
table.home td.imgholder{
  padding: 0px 5px 0px 10px;
  /*display: table-cell*/
  /*width: 65px*/
}
table.annualreport td{
  text-align: right
}

#comp{
  width:999;
  height:804;
  background-image:url(../../comp/whf_concept01_browsercomp.png);
  background-position:top center;
  background-repeat:no-repeat;
}