@charset "utf-8";

/**************************************************************************
* This Style Sheet Controls The Styles, And Graphics Of The Entire Website*
***************************************************************************/


/* --------------------Background Properties-------------------- */


body { 
  font-family:georgia,times,sans-serif;
  background-image:url(blackground.png);
  background-repeat: repeat;
  background-color: #8b4513;           
  background-position: 100px 50px;  
  background-attachment:fixed;                 
  color: #000000; font-size: 17px;
  text-align: left; 
}



/* --------------------Graphics Position-------------------- */

#banner {position:absolute; left:95px; top: 20px; z-Index:1;}

#topmenu {position:absolute; left:95px; top:82px; z-Index:1;}

#leftmenuheader {position:absolute; left:95px; top:110px; z-Index:1;}

#textbodyheader {position:absolute; left:307px; top:110px; z-Index:1;}

#pageindicator {position:absolute; left:495px; top:160px; z-Index:1;}


 /*--------------Move These Elements Down and stretch textbackground When Adding New Links To Menu--------------*/




#validatescss2 {position:absolute; left:110px; top: 915px; z-Index:1; }

#validateshtml4 {position:absolute; left: 200px; top: 915px; z-Index:1;}




/*--------------------Generic Text And Link Attributes--------------------*/



.bodytextheader1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color:#000000; 
font-weight: bold; background-color: transparent; text-align: justify; }




/*--------------------*NOTE* the nowrap code is so the text does not Get out of order 
when browser resizes. Not good to use for main body however, just for headers--------------------*/



/* *mental note to self* Remember to make more classes if you need to make different text subjects have different link attributes. Any name can be used
but for simplicity purposes I've chosen class1, class2. etc. change if you wish*/

.class1 a:link { color:#990000; background-color: transparent; text-decoration: none;} 
.class1 a:visited { color:#990000; background-color: transparent; text-decoration: none;} 
.class1 A:active { color:#FFFFFF; background-color: transparent; text-decoration: none;} 
.class1 a:hover { background: #FFCC00; color :#FF0000;  text-decoration: none;} 

/*--------------------Text Indent [used anytime anyone uses p tag--------------------*/

p{text-indent: 15px}

/*--------------------Unique Text Attributes--------------------*/

.noflash {font-family: georgia, times, sans-serif;
  font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #999999;  white-space: nowrap;}

#welcomebody {font-family: Arial, Helvetica, sans-serif;
  font-size: 14px; font-weight: bold; color: white; background-color: transparent;  white-space: nowrap; position: absolute; left: 335px; top: 117px; z-Index:1;}

/*--------------------*REMEMBER, the image below was difficult to position correctly in ALL browsers. Finally I got it to work. Note how it is done below for future reference--------------------*/

#pageindicatortext {font-family: Arial, Helvetica, sans-serif;    
  font-size: 17px; font-weight: bold; color: #ffffff; background-color: transparent;  position: absolute; left: 497px; top: 163px;
 z-Index:1; white-space: nowrap; width:203px; height: 25px; text-align: center;

}

/*--------------------Body header is the welcome header unique to each page. --------------------*/

#bodyheader {font-family: sans-serif, Arial, Helvetica;  border: 0px; text-decoration:underline overline;  
  font-size: 18px; font-weight: bold; color: #000000; background-color: transparent;  position: absolute; left: 375px; top: 195px; 
  z-Index:1; white-space: nowrap; width:450px; height: 25px; text-align: center;

}




/*--------------------Drop caps And Other Text Effects--------------------*/

.cap {

float:none;
width: 50px;
font-size: 30px;
line-height: 25px;
font-weight: normal;
color:#20551D;
background-color:inherit;
font-family: georgia, times, sans-serif;
    }






/*--------------------Nav Menu--------------------*/



 
#leftnav
 {
 float: left;
 width: 180px;
 margin: 0;
 padding: 0;
position: absolute; left:95px; top:203px; z-Index:1;
 }
 
#leftnav p
 { 
 margin: 0 0 0 0; 
 padding: 0px 0px 0px 0px;
 }


#navcontainer ul
 {
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-family: "Times New Roman", sans-serif;
 font-size: 16px;
 width: 203px;
 
 }


#navcontainer li 
 { 
 margin: 0; 

 }


/* ---------The padding top block here determines text position according to bottom 
and top of buttons-------- */

#navcontainer a
 {
 display: block;

 padding-top : 2%;
text-align: center;
 width: 207px;
 height: 21px;
 background-image: url(button_first_state.png);
 }

#navcontainer a:link, #navlist a:visited

 {

 color: #ffffff;
 text-decoration: none;
 }

#navcontainer a:hover
 {
 background-image: url(button_over_state.png);
 width: 207px;
 height: 21px;
 color: #ffffff;
 }

.menut
 {
 padding: 0px 0px 0px 0px;
 width: 207px;
 height: 12px;
 background-color: #999;
 background-image: url(menu_top.png);
 }


/* ---------The fourth padding value detemines position of menu header 
text on button side to side-------- */


.menuti
 {
 padding: 0px 0px 0px 69px;
 width: 207px;
 height: 19px;
 color: #000000;
 font-family: Bold,"Times New Roman",sans-serif;
 background-image: url(menu_header.png);
 background-repeat: no-repeat;
 font-weight:bold;
 font-size: 18px;
 

 }
 
.menue
 {
 padding: 0px 0px 0px 0px;
 width: 207px;
 height: 63px;
 background-image: url(menu_bottom.png);

 }