<style type="text/css">

html, body{ 
 margin:0; 
 padding:0;
 text-align:center;
 background-color:#9966cc; 
 background-position: top center;
 } 
 
 
#pagewidth{ 
 width:800px;
 text-align:left;
 
 background-color:#ffffff;
margin-left:auto; 
 margin-right:auto;  
}
 
 
 
#leftcol{
 width:32%; 
 float:left; 
 position:relative;
  
 background-image: url(left_logo_jpg.jpg);
 background-repeat: no-repeat;
 background-color:#f6f9ff;
  
 }
 
 
#maincol{  
 float: right; 
 display:inline; 
 position: relative; 
 width:60%;
 padding:10px; 
 margin-right: 20px;
 text-align: justify;
 background-color:#ffffff;
 
 }

p.margin {margin-right: 2cm;
} 
#footer{
 font-family: verdana;
 font-size: 11px;
 height:40px;
  
 background-color:#330066;
  
 
 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

 #navlist
{
color: white;

border-bottom: 0.0em solid #00008B;
border-right: 0.0em solid #00008B;
padding: 0 1px;
margin-left: 10px;
width: 13em;
font: normal 0.8em Verdana, sans-serif;
}

#navsep
{
color: white;
background: #ffffff;
border-bottom: 0.2em solid #062f09;
width: 8em;
padding: 0 1px;
margin: 0;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #9966cc;
border-width: 1px;
border-style: solid;
border-color: #330066;
border-left: 1em solid #330066;
padding: 0.25em 0.5em 0.4em 0.75em;
}



#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}
#navcontainer
{
margin-top:300px;
}

#navcontainer>#navlist a
{
width: auto;

 
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover
{
background: #330066;
border-color: #9966cc;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active
{
background: #00008B;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navtop
{
background-color: #330066;
background-position: top center;
text-decoration: none;
}
.topnav { font-size: 11px; letter-spacing: 2px; font-weight:bold; text-decoration: none; color: white; font-family: verdana; 
}

</style>