/* Tableless layout from tutorialtastic.co.uk.
Example only; may be used for inspiration or testing,
obvious copying or theft is against Copyright Laws. */

body {
margin: 40px 0;
text-align: center;
background-image: url(image/ornate_green.png);
font-family:Verdana,Helvetica,Arial,sans-serif;
}


#container {
background-image: url(image/yellow.png);
}

#header {
padding-top: 15px;
}

#small {
font-size: 80%;
}

#menu {
text-align: left;
background-color: #000;
color: #FFF;
}

#content {
text-align: left;
padding: 14px;
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px");
/* background-color: #A0A; */
}

#leftbar {
min-height:600px;
height:expression(this.scrollHeight > 400 ? "auto":"400px");
/* background-color: #AA0;  */
}

#rightbar {
min-height:600px;
height:expression(this.scrollHeight > 400 ? "auto":"400px");
/* background-color: #3A3; */
}

#footer {
color: #808080;
font-size: 80%;
/* background-color: #00A; */
background-image: url(image/yellow.png);
}

#officerodd{
  background-color: #629600;
  color: #FFFFFF
}

#officerodd a{
  color: #CCFF00;
}


#officereven{
  background-color: #72A610;
  color: #FFFFFF
}

#officereven a{
  color: #CCFF00;
}

#newssubject{
text-align: left;
font-size: larger;
font-weight: normal;
  background-color: #660000;
  color: #FFFFFF
}
#newsposted_on{
text-align: left;
font-weight: normal;
}
#newsauthor{

text-align: left;
font-weight: normal;
  font-size: x-small
}
#newscontent{
text-align: left;
font-weight: normal;
}

#loginbox {
width:90%;
float: left;
text-align: left;
padding-top: 2px;
padding-left: 10px;
background-color: #629600;
color: #FFF;
font-size: x-small
}

#loginheader {
float: left;
width:90%;
height: 14px;
text-align: left;
font-size: smaller;
padding-top: 2px;
padding-left: 10px;
background-color: #000;
color: #FFF;
}

ul.topmenu {
list-style-type:none;
width:100%;
position:left;
display:block;
height:33px;
font-size:.6em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

ul.topmenu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.topmenu li a {
float:left;
color:#fff;
text-decoration:none;
height:24px;
padding:9px 15px 0;
}

ul.topmenu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
}

ul.topmenu .current a {
color:#fff;
font-weight:700;
}


/*GREEN*/
ul.topmenu.green{
background-color:#629600;
}
ul.topmenu.green li a:hover, .topmenu.green li.current {
background-color:#7AB900;
}



/* TOP MENU */
ul.leftmenu {
list-style-type:none;
width:100%;
position:left;
display:block;
height:128px;
font-size:1.0em;
/*background:url(images/bg.png) repeat-x top left;*/
font-family:Verdana,Helvetica,Arial,sans-serif;
text-decoration:none;
border:1px solid #000;
margin:0;
padding:0;
}

ul.leftmenu li {
float:left;
margin:0;
padding:0;
text-decoration:none;
width:180px;
height:22px;
}

ul.leftmenu li a {
float:left;
color:#444;
height:16px;
padding:3px 15px 3px;
text-decoration:none;
}
ul.leftmenu li a:hover,.current {
color:#FFF;
background:url(images/bg.png) repeat-x top left;
}

ul.leftmenu .current a {
color:#fff;
font-weight:700;
}

/*GREEN*/
ul.leftmenu.green{
background-color:#629600;
}
ul.leftmenu.green li a:hover, .leftmenu.green li.current {
width:150px;
background-color:#7AB900;
border:1px solid #000;
}

}