@charset "utf-8";
/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background:#8ccc3f;
		background-image:url(../images/pagebackground.gif);
	background-repeat:repeat-x;
}
.maintablecontainer{background-color:#FFFFFF;}
.container{width:800px;}
H1{font-weight:bold; font-size:18px; COLOR: #568DCD;}
H2{font-weight:bold; font-size:16px; COLOR: #568DCD;}
H3{font-weight:bold; font-size:14px; COLOR: #568DCD;}
H4{font-weight:bold; font-size:12px; COLOR: #568DCD;}
H5{font-weight:bold; font-size:10px; COLOR: #568DCD;}
H6{font-weight:bold; font-size:10px; COLOR: #568DCD;}

a.ovalbutton{
background: transparent url('../images/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
text-align:center;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #ffffff; /*button text color*/
font-weight:bold;
text-decoration:none;
}

a.ovalbutton span{
background: transparent url('../images/oval-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration:none;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ffffff;
text-decoration:none;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-top:5px;
padding-bottom:5px;

}
.topleftcorner{background-image:url(../images/edge_01.gif); background-repeat:no-repeat; width:7px; height:7px;}
.toprightcorner{background-image:url(../images/edge_03.gif); background-repeat:no-repeat; width:7px; height:7px;}
.botleftcorner{background-image:url(../images/edge_04.gif); background-repeat:no-repeat; width:7px; height:7px;}
.botrightcorner{background-image:url(../images/edge_05.gif); background-repeat:no-repeat; width:7px; height:7px;}
A:LINK,A:VISITED{font-weight:bold; text-decoration:none; color:#568DCD;}
A:hover {text-decoration:underline;}


.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 180px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(../images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.gif);
}

.topright{color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:bold;}
a.topright{color:#FFFFFF;}
a.topright.link{color:#FFFFFF; text-decoration:none;}
a.topright.hover{color:#999999;text-decoration:underline;}
a.topright.visited{color:#FFFFFF; text-decoration:none;}

.bottom{color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.bottom{color:#FFFFFF;}
a.bottom.link{color:#FFFFFF; text-decoration:none;}
a.bottom.hover{color:#999999;text-decoration:underline;}
a.bottomt.visited{color:#FFFFFF; text-decoration:none;}