body{
margin:0;
padding:0;
background-color:#000000;
font-family:Tahoma, Arial, Times New Roman;
color:#ffffff;
}

#spacer{
height: 20px; /*Height of spacer section*/
}

#spacer2{
height: 20px; /*Height of spacer section*/
}

#maincontainer{
width: 750px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 85px; /*Height of top section*/
position: relative;
}

.left-element {
   position: absolute;
   left: 0;
   width: 50%;
   }

.right-element {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
   }

#topnav{
background:#256B8C url(../images/navbg.PNG);
border-bottom:5px solid #FFF000;
color:#FFFFFF;
}

a:link {  color: #ffffff; text-decoration: none }
a:visited {  color: #ffffff; text-decoration: none}
a:hover {  color: #ffffff; text-decoration: underline}
.menu {  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff}
.menu a:hover {  color: #0000ff; text-decoration: none}
.footer {  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff}

#topbanner{
width:750px;
height:75px;
background: #CC0000 url(../site/rcorner.png);
background-repeat:no-repeat;
background-position:right bottom;
margin:0px;
margin-bottom:10px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 160px; /*Set left margin to LeftColumnWidth*/
margin-top:0px;
font-size:13px;
background: url(images/glowbg.jpg);
background-repeat:no-repeat;
border-top: 2px solid #FFF000;
padding-top:15px;
}

#leftcolumn{
float: left;
width: 150px; /*Width of left column*/
margin-left: -750px; /*Set left margin to -(MainContainerWidth)*/
}

#footer{
clear: left;
width: 100%;
text-align: left;
padding: 4px 0;
}

#footer a{
color: #FFFFFF;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube2{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: -10px;
margin-left:10px;
padding-left:10px;
}

.logo{
border:0px;
}

.logostraplineright{
border:0px;
}

a.links{
color:#ffffff;
font-size:15px;
font-weight:normal;
text-decoration:none;
padding-left:20px;
width:140px;
display:block;
line-height:30px;
}

a.links:visited{
text-decoration:none;
}

a.links:hover{
text-decoration:underline;
}

#sidelinks{
background: #000000 url(../images/linkbghome2.bmp) repeat-x;
border-top: 2px solid #FFF000;
padding-top:5px;
}

h2{
padding-top:10px;
}

.padleft{
padding-left:10px;
}

.title{
font-family:Tahoma, Arial, Times New Roman;
color:#ffffff;
font-size:26px;
}

.extrahover{
border: 5px solid #FFFFFF;
text-decoration:none;
width:158px;
}

.extrahover:hover{
border: 5px solid #FFF000;
text-decoration:none;
width:158px;
}

a.ovalbutton{
background: transparent url('images/oval-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px 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;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-red-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;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.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%;
}
