body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
    	color: #AD906C;	 /* this is the main body text color */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;        
}
body {
	/* this determines the background of the entire page where there is no content i.e. the real background */
	
	text-align: left;
	background-image: url(images/dummy.gif)
}
a:link,a:active,a:visited {
        color:#AD906C;
}
a:hover {
      text-decoration:underline;
	COLOR:#7A6730; /* THIS IS THE COLOR FOR ANY LINKS ON THE PAGES WHEN YOU HOVER OVER THEM */
}
/* Tantek's Hack for unique font sizes in all browsers */
p {
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>p {
	font-size: small;
}
/* ------------------------------------------------------- */
/* Structure of site layout - Definition of boxes          */
/* whatever is the width here, maintain through other divs */
/*                                                         */
/* for centering the main box in IE 5 and IE5.5            */
/* This determines the background for the entire site      */
/* ------------------------------------------------------- */
#start {
	text-align: center;
	background-image: url(images/bkgd.jpg);
}
#center {
	margin: auto;
	text-align: left;
	padding: 0px;
	width: 770px;
	height: 100%;	  
	position: relative;
}
#left {
	text-align: left;
}
#banner {
	top: 0px;
	left: 0px;
	width: 770px;
	position: absolute;
	height: 290px;
	background-image: url(images/banner.jpg);
}
/*------------------------------------------------------------------------------------------------*/
/* this controls where the main content section starts, relative to the top of the page */
/* change the top value to raise it higher or lower */
/* if you made this different from the banner hight you could enforce a barder region between the two */
/*------------------------------------------------------------------------------------------------*/
#content_container {
	top: 290px;      /* this must be the same as the banner height; otherwise the content area starts to high or low */
	left: 0px;
	width: 770px;
	position: absolute;
	height: 100%; 
}
/*------------------------------------------------------------------------------------------------*/
/* this section comprises the entire main part of the site (other than the top and bottom banners */
/* 	IMPORTANT!!!! It is a pain to enforce the box sizes for nav and content, so as a result, whichever
	box is smaller (based on how much text in the page) will appear to be cutoff at the bottom, 
	revealing the background of this container div. Rather than fight with browsers and use hacks,
	the simple colution is to use a background image here that has the proper dimensions of the 
	nav and content element "painted in" */
/*------------------------------------------------------------------------------------------------*/
#content_and_navigation {
	left: 0px; 							/* this moves the entire area over */
	width: 770px;
	background-image: url(images/nav_n_content_bkgd.jpg); /* this image is actually for the entire content area ie not JUST the nav area */
	position: absolute;
}
/*------------------------------------------------------------------------------------------------*/
/* float to determine navigation bar position                                                     */
/* in order to APPEAR as if it's as tall as the content, this div inherits it's background from   */
/* the content_and_navigation div. Otherwise it will only be as tall as the menu stuff and if the */
/* content is longer, the nav area will appear to end too early                                   */
/* obviously, therefore the content area overrides the content_and_navigation background setting  */
/*------------------------------------------------------------------------------------------------*/
#navigation_area {
	float: right;		/* opposite of content_area */
	width: 180px;		/* width of the nav bar */
	height: 100%;
      padding-left: 10px;
	padding-right: 10px;
}
/*------------------------------------------------------------------------------------------------*/
/* float this opposite of navigation bar position */
/*------------------------------------------------------------------------------------------------*/
#content_area {
	float: left;   /* opposite of navigation area */
	width: 520px;   /* this number is carefully thought out and works event tho this + prior != 770 */
	height: 100%;
	margin:0px;
	padding-left : 25px;	/* this is one reason why the discrepancy in prior comment */
	padding-right : 25px;
	padding-bottom : 0px; /* without this IE adds this div BELOW the bottom banner! Stoooooo-pid Microsoft! */
	text-align: left;
}
/*------------------------------------------------------------------------------------------------*/
/* totally optional or you could just include a simple border graphic, whatever                   */
/*------------------------------------------------------------------------------------------------*/
#bottom_banner {
	clear: both;
	width: 770px;
	height: 164px;
	background-image: url(images/bottom_banner.jpg);
	background-repeat: no-repeat; 				/* or else stupid IE tiles it by default outside its box!!! #@$#%@#!~ */
	
}
/* End of definition of boxes*/
/* end of centering --------------------------- */
#sitename {
	font-size: 23px;
	font-weight: bold;
	padding: 25px 40px 0  400px;
	color: #D4AF83;
    	text-align: left;
}
#newsbox{
	margin: 5px;
	background-color: #EBCBA7;
	padding: 5px;
	width: 118px;
	border: 2px #EBCBA7 dotted;
	font-size: 12px;
}
#ta {
	width: 120%;
}
h1 {
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 16px;
	font-weight : bold;
	color: #888888;
	line-height: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search
{
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}
li {
	line-height: 1.3
}
li.doc {
	padding-left: 13px;
	background-image: url(menu/doc.gif);
	background-repeat: no-repeat;
}
li.docs {
	padding-left: 13px;
	background-image: url(menu/docs.gif);
	background-repeat: no-repeat;
}
li.sdoc {
	padding-left: 13px;
	background-image: url(menu/sdoc.gif);
	background-repeat: no-repeat;
}
li.sdocs {
	padding-left: 13px;
	background-image: url(menu/sdocs.gif);
	background-repeat: no-repeat;
}
.edit {
	font-size:9px;
	color: #000000;
	background-color: buttonface;
 
}
.edit a:link,.edit a:visited,.edit a:active {
	font-weight: normal;
	color: #216862;
	font-size:9px;
	text-decoration: none;
}
.edit a:hover {
	text-decoration: underline;
}
input,select {font-size:9px;}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FAFAFA;
	width: 98%;
	text-align: left;
}
#text {
	text-align: left;
	font-size: small;
}
.searchbox {
	margin-left: 0px;
	text-align: center;
         
}
.searchbox .submit {
	font-size: 9px;
	color: #050505;
	border: 1px solid #050505;
	background-color:#FADF9B;
	margin-bottom: 5px;
}
.searchbox .text {
	font-size: 9px;
	color: #050505;
	border: 1px solid #050505;
	background-color: #FADF9B;
	margin-bottom: 5px;
}
.menulevel1 {
	font-size: 85%;
}
.menulevel2, .menulevel3 {
	font-size: 95%;
}
.menulevel1,.menulevel2,.menulevel3,.navigator,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3{
	font-weight: normal;
	text-decoration: none;
}
/*----------------------------------------------------------------------------*/
/* here is where you can tweak the distance between the lines of the nav menu */
/*----------------------------------------------------------------------------*/
.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.locator a:link,.locator a:visited,.locator a:active,.navigator a:link,.navigator a:visited,.navigator a:active,.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active{
	text-decoration: none;
	color: #6c94ad;	/* this is the primary color of menu items */
	line-height: 150%; /* right here */
	padding : 5 px;
}
.menulevel1 a:hover,.menulevel2 a:hover,.menulevel3 a:hover,.locator a:hover,.navigator a:hover,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{
	text-decoration: underline;
	color:#5b839c;    /* this is the color and style of menu items when you hover */
}
/* sometimes the submenu on the page needs to be a different color than the navigation menus */
.submenu, .submenu a:link,.submenu a:visited,.submenu a:active  {
	color : #666666;
}
.submenu a:hover {
	color : #888888;
}
.submenu {
	font-size: 85%;
	font-weight: normal;
	margin: 0px 2px 10px 10px; 
}
/*=========================================*/
#mainmenu {
	margin: 30px 2px 20px 5px;
}
.login,.login a,.login a:link,.login a:visited,.login a:active,.login a:hover {
	font-weight: normal;
	font-size: 85%;
	color: #6C94AD;
	text-decoration: none;
	padding-left: 5px;
}
#copyname {
	font-size: 10px;
	font-weight: bold;
	padding: 145px 10px 10px 100px;
	color: #6C94AD;
    text-align: left;
}
.copyright, .copyright a:link, .copyright a:active, .copyright a:visited {
	 
	color: #6C94AD;
    text-align: left;
	text-decoration: none;
}
.copyright a:hover {
	text-decoration: underline;
}
.lastupdate {
	font-size: x-small;
	font-weight: normal;
	color: #6C94AD;
	text-align: left;
	padding-left: 8px;
}
.news {
	margin: 20px 5px 10px 5px;
	text-align: left;
	font-size: small;
	font-weight: bold;
	padding-left: 5px;
	background-color: #EBCBA7;
}
IMG.li {
display: block;
position: relative;
 
margin: -6px 6px 6px -6px;
padding: 4px;
float: left;
margin-right: 10px;
margin-left: 5px;
}
IMG.re {
display: block;
position: relative;
 
margin: -6px 6px 6px -6px;
padding: 4px;
float: right;
margin-right: 10px;
margin-left: 5px;
}
/* this is what screws up the edit area display! */
IMG {
position: relative;
padding: 0px;
margin : 0px; /* this is how much pad you want around images */ 
}
IMG.mi {
display: block;
position: relative;
padding: 0px;
float: center;
margin-right: 0px;
margin-left: 0px;
}
IMG.aus {
position: relative;
background-color: #fff;
border: 0px solid #fff;
padding: 0px;
margin-right: 1px;
margin-left: 1px;
}
#form_middle {
	float: center;
	width: 380px;
	height: 100%;
	margin: 0px;
	text-align: right;
        
}