body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
margin:0px;
padding:0px;
text-align: left;
background-image:url('images/grey2.jpg');
}

h1{ 
font-size: 20pt;
font-weight: 500;
color:#FFCC00;
margin-top: 0px;
margin-bottom:14px;
}

h2{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; 
color: #FFCC00; 
font-weight: 600;
margin-bottom: 10px;
margin-top: 5px;
}

h3{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 20pt; 
color: black; 
font-weight: 600;
text-align: left;
margin-bottom: 10px;
margin-top: 5px;
}

smalltext{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; 
color: #6699FF; 
}

p{
	margin:0px 0px 10px 0px;
}

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

#topsection{
height: 210px;
text-align: center;
background: white;

}

#topsection h1{
font-size: 36pt;
font-weight: 900;
color: black;
margin- right: 10px;
padding-top: 15px;
}

#topsection h2{
font-size: 20pt;
font-weight: 600;
color: black;
margin-bottom: 3px;
margin- right: 10px;
}

#topsection img{
float: center;
border: none;
margin- left: 10px;
}

#topsection td{
text-align: right;
font-weight: bold;
color: black;
font-size: 10pt;
border: none;
}

#topsection a:link{
text-decoration:none; color: black;
}

#topsection a:hover{
text-decoration:underline; 
color: #FFCC00;
}

#topsection a:visited{
 text-decoration:none; 
 color: black;
}

#topsection .on a:hover{
text-decoration:underline; color: #FFCC00;	
}

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

#contentcolumn{
float: left;
text-align: justify;
margin-left: 190px; /*Set left margin to LeftColumnWidth*/
}

#contentcolumn img{
float: auto;
border: none;
margin- left: 10px;
}

#contentcolumn td{
font-size: 10pt;
text-align: left;
border: none;
padding: 5px;
}

#contentcolumn em{
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: 600;
text-align: left;
color: black;
}

#contentcolumn a:link{
text-decoration:none; color: #FFCC00;
}

#contentcolumn a:visited {
 text-decoration:none; color: black; 
}

#contentcolumn a:hover {
 text-decoration:underline; color: red; 
}

#leftcolumn{
float: left;
font-size: 10px;
width: 190px; /*Width of left column*/
margin-left: -850px; /*Set left margin to -(MainContainerWidth)*/
background: white;
}

#leftcolumn img{
float: center;
border: none;
margin-left: 10px;
margin-top: 25px;
}

.terms{
float: right;
margin-bottom: 10px;
}

#footer{
clear: left;
width: 100%;
height: 60px;
background: #FFCC00;
color: black;
text-align: center;
padding: 10px 0;
}

#footer h3{
font-size: 8pt;
color: black;
font-weight: normal;
text-align: center;
margin-top:10px;
margin-bottom:5px;
}

#footer a:link, a:visited{
text-decoration:none; 
color: black; 
}

#footer a:hover{
text-decoration:underline; 
color: red; 
}

#footer.on a:hover{
 text-decoration:none;
}

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

.markermenu{
width: 190px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #FFCC00 url('images/arrow-list.gif') no-repeat 2px center;
color: black;
display: block;
width: auto;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5; font-style:h2; font-variant:normal; font-weight:normal; font-size:10pt; font-family:arial; padding-right:0; padding-top:5px; padding-bottom:5px
}

* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 190px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: black;
}

.markermenu ul li a:hover{
text-decoration:underline; 
color: red;
background-color: #FFCC00;
background-image:url('images/arrow-list-red.gif'); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */