﻿body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 76%;
        background: #E6EAE9;
        }

html,body
{
	        margin: 0;
        padding: 0;
}


.figure
{
	border: 1px solid #8CE562;
}

.info {
position:relative;
z-index:24;
display:inline;
color:Black;
font-size:1em;
text-decoration:none
}

.info:hover {
z-index:25
}

.info span {
display:none;
font-size:.9em
}

.info:hover span {
display:block;
position:absolute;
top:2em;
left:2em;
width:20em;
border:1px solid #000;
color:#000;
background-color:White;
text-align:center
}



.event
{
	background: #EEEEEE;
	border:1px solid BLACK;
}

.eventmessage
{
	width:800px;
	padding:8px;
}

.eventheader th
{
	text-align:center;
	border-bottom:1px solid Black;
	padding: 0px;
	margin: 0px;
	border:	1px solid black;
}

.eventheader
{
	background-color:#C3C3C3;
}

.red{ background-color:#FF6D5B;}
.green { background-color:#BBFFB2;}
.yellow { background-color: #F4FFB2;}


div#header h1{height:80px;line-height:70px;margin:0; font-size:1.66em; background-color:White; border-bottom:2px solid black; text-transform:uppercase;  padding-left:10px;color:Black}
div#content p{line-height:1.4}
div#navigation{}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#wrapper{float:right;width:100%;margin-right:-240px;}
div#content{margin-right:0}
div#navigation{float:left;width:210px;}
div#extra{float:left;clear:left;width:32.9%}
div#footer{clear:both;width:100%;text-align:center;}

.pagelist {
color:#656565;
float:left;
font-size:12px;
text-decoration:none
}


.pagelist span {
color:#000;
font-weight:700;
margin:0 2px;
font-size:1.5em;
}

.pagelist a {
color:#8CE000;
font-weight:bolder;
margin:0 2px
}

a {
color:#656565;
font-weight:bold;
}


table.formtable
{
	margin-bottom: 10px;
	background-color:#8CE562; 
	padding:20px; 
	border:1px solid black;
}

table.formtable tbody tr
{
	border:1px solid #656565;
}

th
{
	text-align:left;
}

h4
{
	color: #000000; font-weight: bold; text-transform: uppercase;
}
		

a.button {
    background: transparent url('gfx/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('gfx/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

.tabular 
{
	padding: 0;
	margin: 0;
}

.tabular th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 6px 3px 12px;
	background: #8CE562;
}

.tabular td 
{
	text-align:right;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.tabular td.alt {
	background: #F5FAFA;
	color: #797268;
}

.menuheader {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

img {
    border: none;
}

#menu {
        width: 200px;
        margin: 10px;
        }

#menu li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }


.menu{margin:0; padding:0; width:205px; list-style:none;background:rgb(255,255,255);}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('../gfx/verMenuImages.png') 0px 0px no-repeat; text-decoration:none;}
.menu li a:hover{background:url('../gfx/verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url('../gfx/verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:40px;}


#menu li a:link, #menu li a:visited {
        color: #333;
        display: block;
        background:  url(gfx/menu.gif);
        padding: 8px 0 0 10px;
        }

#menu li a:hover,#menu li a.current {
        color: #FFF;
        background:  url(gfx/menu.gif) 0 -32px;
        padding: 8px 0 0 10px;
        font-weight:bold;
        }


table.th
{
	font-weight:bold;
}

div.success
{	
	background-color: #C1EAA7;
}


div.messagebox
{
	width:500px;
	border:1px solid #000000;
	padding:10px;
}

div.error
{
	background-color: #FF7066;
}



.infotable
{
	border:1px solid #000;
}


.infotable thead
{
	font-weight:bold;
}