/* eliminates browser specific margins, padding and borders */
* {
margin: 0;
padding: 0;
border: 0;
}

img {
border: none;
text-decoration: none; /* prevents Netscape from underlining image links */
}

/*//////////// content positioning style rules //////////////*/

#frame {
text-align: left;
width: 750px;
margin: 0 auto; /* centers content */
}

#contentbox {
 float: right;
 width: 530px;
}

#sidebar {
  float: left;
  width: 210px;
}

/* non content positioning styles */
#header, #footer {
clear: both;
width: 750px;
}

/*///////////////////////// end positioning style rules/////////////*/

/*///////////////////////// image replacement header link styles ///////////////*/
#logobox, #company, #company span { /* height and width  to match size of logo.gif*/
 width: 427px;
 height: 120px;  
}

#logobox{
 float: left;
 background: url(images/logo.jpg);
 margin-top: 0px;
 }

#company span {
 margin-bottom: -100px; /* Hides replaced text. Value should be approx. as large as logo.gif */
 background: url(images/logo.jpg);
 cursor: pointer; /* for ie6 */
}

#company a{
text-decoration: none; 
}

/* non-repeated code */
h1 span {
 display: block;
 position: relative;
 z-index: 1;
}
/* IE5 Mac Hack \*/
h1 { overflow: hidden; }
/*/
h1 { text-indent: -100em; }
/* End Hack */

#banner, #banner span{ /* should be same size as page banner images */
width: 300px;
height: 100px;
}


#bannerbox{ /* contains #banner h2 et al; */
float: right;
clear: none;
width: 48%;
height: 100px;
overflow: hidden;
}

#banner span {
 background-repeat: no-repeat;
 margin-bottom: -60px; /* hides text behind image. Value should be approx. as large as height of banner images */
}

/* per page banner images. classes named after page file name */

.index {
 background-image: url(images/banner.gif);
}

/* non-repeated code */
h2 span {
 display: block;
 position: relative;
 z-index: 1;
}
/* IE5 Mac Hack \*/
h2 { overflow: hidden; }
/*/
h2 { text-indent: -100em; }
/* End Hack */

/* image replacement for section headers //////////////// */

/* image replacement for section headers*/

.pagehead, .pagehead h3, .pagehead h3 span{
 width: 265px;
 height: 35px;
}

.pagehead {
margin: 0 auto;
overflow: hidden;
clear: none;
}

.pagehead h3 {
padding: 0;
}

.pagehead h3 span {
 background-repeat: no-repeat;
 margin-bottom: -35px;
}

/* non-repeated code */
.pagehead h3 span {
 display: block;
 position: relative;
 z-index: 1;
}
/* IE5 Mac Hack \*/
.pagehead h3 { 
overflow: hidden;
padding: 0;}
/*/
.pagehead h3 { text-indent: -100em; }
/* End Hack */

.privacy{
background: url(images/privacyhead.jpg);
}

.resources{
background: url(images/resourcehead.jpg);
}

.about{
background: url(images/abouthead.jpg);
}


.colhead, .colhead h3, .colhead h3 span{
 width: 160px;
 height: 35px;
}

.colhead {
margin: 0 auto;
overflow: hidden;
clear: none;
}

.colhead h3 {
padding: 0;
}

.colhead h3 span {
 background-repeat: no-repeat;
 margin-bottom: -35px;
}

/* non-repeated code */
.colhead h3 span {
 display: block;
 position: relative;
 z-index: 1;
}

.colhead .contact{
background: url(images/contacthead.jpg);
}

.colhead .direction{
background: url(images/directionhead.jpg);
}

/* IE5 Mac Hack \*/
.colhead h3 { 
overflow: hidden;
padding: 0;}
/*/
.colhead h3 { text-indent: -100em; }
/* End Hack */

.sitehead, .sitehead h3, .sitehead h3 span{
 width: 500px;
 height: 45px;
}

.sitehead {
margin: 0 auto;
overflow: hidden;
clear: none;
}

.sitehead h3 {
padding: 0;
}

.sitehead h3 span {
 background-repeat: no-repeat;
 margin-bottom: -35px;
}

.sitehead .index{
background: url(images/sitehead.jpg);
}

/* non-repeated code */
.sitehead h3 span {
 display: block;
 position: relative;
 z-index: 1;
}
/* IE5 Mac Hack \*/
.sitehead h3 { 
overflow: hidden;
padding: 0;}
/*/
.sitehead h3 { text-indent: -100em; }
/* End Hack */

/*//////////////////////// end image replacement ///////////////////*/


/*//////////////// general html styles /////////////*/

/* nn6/7 will put content out of scrollable reach if auto is used on #frame unless min-width is on body */
body{
min-width: 725px;
font-family: Helvetica,Arial,sans-serif; /*sets default font*/
font-size: 16px;  /*sets default font-size so subsequent size markers function*/
background: url(images/bbk.jpg) #c0c3ac;
color: #222;
background-attachment: fixed;
}

h3, h4, h5, h6, form, p, blockquote{
padding: .2em .4em;
margin: 0px;
}

h1, h2, h3, h4, h5, h6{
}

p{
color: #000;
}

b{
color: #222;
}

/*anchor elements*/

a{
color: #580e06;
text-decoration: none;
font-weight: bold;
}

a:visited{}

a:active{}

a:hover{
text-decoration: underline;
}


/*///////////////// end general html styles /////////////*/

/*///////////////// content block styles ////////////////*/

#frame{ /* a wrapper for the whole page */
background: url(images/bg.jpg) #8a9168;
border: solid 3px #784226;
margin-top: 15px;
font-size: 1.05em;
}

#header{ /* set height for Firefox. usually the same as the height of logo.gif */
height: 120px;
background: url(images/headerback.jpg) #8a9168;
background-position: right;
background-repeat: no-repeat;
border-bottom: solid 2px #784226;

}

#contentbox{  /* contains the page content */
}

#content1{ /* contains primary content */
margin: 5px 0;

}

/* for two columns in content1 */
#left{ 
width: 46%;
float: left;
padding: 10px;

}

#right{
float: right;
width: 46%;
padding: 10px;

}

#content2{ /* contains secondary content */
margin: 5px 0;

}

#content3{ /* contains tertiary content */
width: 95%;
margin: 10px auto;
}

/* style the menu */

#menubox{ /* contains the menu ul */
text-align: center;
border-bottom: solid 2px #784226;
padding: 5px 0;
}

#menubox ul{

}

#menubox li{
list-style: none;
text-align: right;
display: inline;
height: 1em;

}

#menubox a{
text-decoration: none;
line-height: 1em;
display: inline;
margin: 0 10px;
color: #580e06;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .2em;
font-size: .9em;
}

#menubox a:hover{
color: #eee;
}

/* /// style the footer ///*/


#footer {
clear: both;
width: 100%;
text-align: center;
margin-bottom: 10px;
font-size: .8em;
}

#footer ul{}

#footer li{
display: inline;
list-style: none;
}

#footer a{}

#footer a:visited{}

#footer a:hover{}

/*//////////////// end id styles ///////////////////////*/

/*///////////////// general style by class ///////////////*/

.list{
margin-left: 1.5em;
font-weight: bold;
color: #222;
}

ul.list li ul li{
margin-left: .8em;
font-size: .9em;
font-style: oblique;
font-weight: normal;
list-style-type: none;
}

.list li{
list-style-type: square;
}

.hide{ /* hide elements from screen style. Add them later in print style */
display: none;
}

.centext{ /* center text in any element */
text-align: center;
}

.cenblock{ /* center any block element. Element must have width defined */
margin-left: auto;
margin-right: auto;
}

.box{ /* generic box style.  Use on wrapper div for any element */
background: #EEca95;
border: 1px #003D6C solid;
padding: 4px;
margin-bottom: 5px;
}

.hr{ /* use on empty div for cross browser horiz. rule */
width:90%;
border-bottom: 1px #784226 solid;
height: 1px;
margin: 3px auto;
clear: both;
}

.note{
font-size: .8em;
}

.alert{ /* adds red color to any text for alert */
color: #a00;
}

.stretcher{ /* use on empty div as hack to wrap container around two floats firefox (and others?) */
height: 0px;
clear: both;
}


/*///////////////// end styles by class /////////////////*/