html,body {
text-align: center;
background: url(images/bg.gif) #e4ecd3 repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
}

/* DIV styles */

#content {
width: 680px;
color: #000000;
text-align: left;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
padding: 9px;
}

#banner {
height: 90px;
}

#yellowbar {
width: 662px;
height: 27px;
background: url(images/yellowbar.gif) #ffcf29 repeat;
line-height: 26px;
vertical-align: middle;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 9px;
padding-right: 9px;
}

#navigation {
width: 145px;
background: url(images/navbg.gif) #fafafa repeat;
padding-left: 9px;
padding-top: 9px;
margin-bottom: 15px;
border-bottom: 1px solid #c7c7c7;
text-align: left;
}

#leftcontent {
float: left;
width: 145px;
margin-right: 9px;
margin-bottom: 50px;
text-align: center;
}


#rightcontent {
float: right;
width: 515px;
padding-left: 11px;
padding-bottom: 20px;
}

/* #aboutusindex {
width: 160px;
background-color: #fafafa;
border: 1px solid #cccccc;
position: relative;
float: right;
margin-left: 10px;
margin-bottom: 10px;
padding: 10px;
} */

#footer {
clear: left;
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
color: #575757;
background-color: #fafafa;
font-size: 11px;
clear: both;
}

/* SPAN styles */

span.navheading {
color: #cab000;
font-weight: bold;
}

span.heading {
color: #7b6b00;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
}

span.yellowleft {
float: left;
}

span.yellowright {
float: right;
}

/* List styles */

ul.nav {
color: #5f5f5f;
list-style: none;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 20px;
padding-left: 0px;
}

li.nav {
line-height: 22px;
}

li.nav a {
width: 128px;
color: #5f5f5f;
display: block;
padding-left: 16px;
}

li.nav a:hover {
width: 129px;
color: #000000;
background-color: #ffffff;
line-height: 20px;
border-left: 1px #c7c7c7 solid;
border-top: 1px #c7c7c7 solid;
border-bottom: 1px #c7c7c7 solid;
padding-left: 15px;
}

li.about {
padding-bottom: 10px;
padding-right: 20px;
color: #575757;
}



/* html>body  li a {
width: auto;
} */



/* Link styles */

a {
text-decoration: none;
}

a img {
border: none;
}

a.about {
color: #000000;
}

a.about:hover {
color: #5A800B;
background-color: #FFF3C8;
padding: 3px;
margin-left: -3px;
}

a.about:visited {
color: #000000;
}


a.document {
color: #575757;
line-height: 15px;
}

a.document:hover {
color: #5A800B;
line-height: 15px;
background-color: #FFF3C8;
padding: 3px;
margin-left: -3px;
}

a.document:visited {
color: #000000;
line-height: 15px;
}




/* NEWS STYLES */

span.newstitle {
color: #7b6b00;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
}

span.newsdate {
font-size: 12px;
font-style: italic;
line-height: 25px;
color: #7b6b00;
}

span.newsmessage {
line-height: 16px;
color: #575757;
padding-right: 20px;
}

span.abouttext {
line-height: 16px;
padding-right: 20px;
color: #575757;
}



/* forms */
input.forminput {
width: 300px;
margin-top: 5px;
margin-bottom: 10px;
padding: 3px;
line-height: 14px;
border: 1px solid #CCCCCC;
}

.textarea {
margin-top: 5px;
margin-bottom: 10px;
padding: 3px;
font-size: 12px;
line-height: 14px;
border: 1px solid #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.formheading {
font-size: 12px;
font-style: italic;
color: #7b6b00;
}



/* Admin styles */
div.adminpage {
text-align: left;
padding: 25px;
}

div.adminbox {
padding: 10px;
background-color: #ffffff;
}

div.actionsuccessful {
padding: 15px;
background-color: #FFF3C8;
border: 2px solid #FFE894;
}

.tablecell:hover {
background-color: #FFF3C8;
}