/* - - - - - - - - - - - - - - -
Colors

- - - - - - - - - - - - - - - */

body, td, textarea { font-family: Tahoma, Arial, sans-serif; font-size: 12px; }
a:link, a:visited, a:active, a:hover { text-decoration: none; color: #800008; }
form { margin: 0em; padding: 0em; }
span.red { color: #800008; }

table
{
   border-style: solid; border-color: black;
   border-width: 1px 0px 0px 1px;
   border-spacing: 0px;
}

td, th
{
   border-style: solid;
   border-color: black;
   border-width: 0px 1px 1px 0px;
   text-align: left;
   padding: 4px;
}

table.wide { width: 100%; }
th.horiz { width: 50%; }
td input.wide, td textarea { display: block; margin: auto; width: 98%; }

h2 { color: #4c6919; }
h3 { color: #800008; }

#page
{
   width: 768px;
   margin: auto;
   border-style: solid;
   border-color: black;
   border-width: 1px;
   background-color: #4c6919;
}

ul li {
   padding-top: .5em;
}

#header
{
   line-height: 100px;
   border-style: solid;
   border-color: black;
   border-width: 0px 0px 1px 0px;
   background-image: url( '../VoCompLogo.png' );
   background-position: right center;
   background-repeat: no-repeat;
   padding: .01em 1em 0em 1em;
   background-color: #eeeebb;
   color: black;
}
#header h1 {
   font-size: 7.5em;
   font-weight: lighter;
   margin: 0em;
   padding: 0em;
   color: black;
}
#header h1 span { color: inherit; font-size: .2em }

#navigation { width: 10em; float: left; min-height: 25em; }
#navigation ul, #navigation li { margin: 0em; padding: 0em; }
#navigation li { list-style-type: none; }
#navigation li a
{
   display: block;
   padding: 0em 0em 0em 1em;
   margin: .5em;
   line-height: 1.7em;
   border-style: solid;
   border-color: black;
   border-width: 1px;
   background-color: #eadb62;
   color: black;
}

#navigation li a:hover
{
   background-color: white;
   text-decoration: underline;
}

a:hover
{
   text-decoration: underline;
}

#content
{
   background-color: white;
   min-height: 35em;
   margin: 0em 0em 0em 10em;
   padding: .1em 1em 1em 1em;
   border-style: solid;
   border-color: black;
   border-width: 0px 0px 0px 1px;
}

#footer
{
   text-align: center;
   background-color: #eeeebb;
   line-height: 2em;
   padding: 0em 0em 0em .75em;
   border-style: solid;
   border-color: black;
   border-width: 1px 0px 0px 0px;
}
#footer, #footer a { color: black; }

table.team {
   background-color: #eeeebb; 
   margin: auto;
   width: 500px;
   border: 3px ridge black;
}

table.team h2 {
   margin: 0;
   padding: 2px;
   text-align: center;
}

table.team h3 {
   margin: 0;
   padding: 2px;
   text-align: center;
}

a img {
   border: 0px;
}

div.logo {
   width: 200px;
   margin: auto;
   text-align: center;
}

img.logo {
   
}

ol.roman {
   list-style-type: upper-roman
}

div.imgright
{
   padding: 1em;
   text-align: right;
   float: right;
}

div.news {
   background-color: #eeeebb;
   border: 1px dashed black;
   width: 250px;
   padding: 1em;
}


div.smalllogo img {
   width: 100px;
   padding: 1em;
}

div.smalllogo {
   width: 380px;
   margin: auto;
}