body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
    	color: #AD906C;
	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:#aaaaaa;
}
a:hover {
        text-decoration:underline; color:#aaaaaa;
}
/* 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;
}

/* special class for the topmenu */

.topmenu , .topmenu a:link, .topmenu a:active  {
        text-decoration : none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #DDDDDD;
	margin-left: 6px;
	padding: 5px;
	padding-right:24px;
}

.topmenu a:hover {
	text-decoration: underline;
	color: #FFCC00;
}


/* ------------------------------------------------------- */
/* 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: 148px;
	background-image: url(images/banner.jpg);
}

#hvmenu {
	top: 0px;
	left: 0px;
	width: 770px;
	height: 24px;
	position: absolute;
	background-color: #535353;
}

/*------------------------------------------------------------------------------------------------*/
/* 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 */
/* IMPORTANT!!! - if you want a dynamic horizontal menu, then make this lower to make room for it */
/*------------------------------------------------------------------------------------------------*/

#content_container {
	top: 148px;
	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 {
        top : 24px;     /* this makes room for the drop down menu if it is being used */
	left: 0px; 	/* this moves the entire area over */
	width: 770px;
	background-image: url(images/nav_n_content_bkgd.jpg);
	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;
	width: 180px;
	height: 100%;
        padding-left: 10px;
	padding-right: 10px;
}

/*------------------------------------------------------------------------------------------------*/
/* float this opposite of navigation bar position */
/*------------------------------------------------------------------------------------------------*/

#content_area {
	float: left;
	width: 520px;
	height: 100%;
	margin:0px;
	padding-left : 25px;
	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: 20px;
	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 {    /* I am in effect making this invisible to get rid of the headline echoed on the content area */
	font-size: 9px;
	color : #d0d0d0;
	line-height: 30px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 9px;
	color : #d0d0d0;
	line-height: 30px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 9px;
	color : #d0d0d0;
	line-height: 30px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	}

h4 {
    background-color: #232323;
    color: #ec7828;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    margin-top: 5px;
    padding: 6px;
    width: 500px;
    }

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: #aaaaaa;
	line-height: 150%;
	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:#aaaaaa;
}

/* 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: 9px;
	font-weight: normal;
	padding: 5px 0px 0 150px;
	color: #777777;
    	text-align: left;
}
.copyright, .copyright a:link, .copyright a:active, .copyright a:visited {

	 color: #777777;
        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-right: 0px;
margin-left: 0px;
border : 0px;
}

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;

}