* {
margin:0; 
padding:0;
}


a img{
border:0;
}


html, body{ 
 margin:0; 
 padding:0; 
 } 
 
body {
font-size:70%;
font-family:Verdana, Helvetica, sans-serif;
background-color:#F8F7B6  ;
} 
 
 
#pagewidth{ 
 width:780px;  
} 
 
#header{
 position:relative; 
 height:95px; 
 background-color:#F8F7B6; 
 width:100%;
 z-index:99;
} 
 
#leftcol{
 width:200px; 
 float:left; 
 position:relative; 
 }
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:580px;
 }      

#maincol.fullwidth {
float:left;
width:680px;
background-color:#F8F7B6;
font-size:110%;
padding:30px 70px 30px 30px;
}

#maincol.fullwidth p {
margin-bottom:1em;
}

#maincol.fullwidth a {
color:#CC3300 ;
}

#maincol table {
border-collapse:collapse;
}

#maincol td {
padding:2px 2px;

}

 
#footer{
 height:300px; 
  background-color:#F8F7B6; 
 clear:both;
 padding:20px;
 } 
 

 
 /* *** 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;}
}

/***/
.topbar img{
float:left;
}

#leftcol ul {
background:#F8FCF3  ;
}

#leftcol ul li a{
width:180px;
display:block;
color:white;
font-weight:bold;
text-transform:uppercase;
font-size:90%;
padding:3px 6px;
margin-left:2px;
background:#6A9564 ;
border-left:3px solid #417D2D ;
border-top:1px solid #DDDDDD;
text-decoration: none;
}

#leftcol ul li a.active {
background:#D7F0D2;
border-left:3px solid #47BA36;
color:#525252;
}
#leftcol ul li a:hover {
background:#BBDBC0;
border-left:3px solid #47BA36;
color:#525252;
}


#leftcol li li a {
text-indent:15px;
}

.topmenu ul.noindent{
}

.menuspacer {
width:100%;
height:33px;
}


/*MAIN COLUMN STYLES*/
#maincol {
padding:10px 20px;
width:540px;
}



#maincol h1, #maincol h2, #maincol h3, #maincol h4, #maincol h5, #maincol h6 {
color: #CC3300;
margin-bottom:1ex;
}

#maincol h1 {    font-size:150%; font-weight: bold; } 
#maincol h2 {    font-size:140%; font-weight: bold; } 
#maincol h3 {    font-size:130%; font-weight: bold }
#maincol h4 {    font-size:130%; font-weight: normal; } 
#maincol h5 {    font-size:110%; font-weight: bold; } 
#maincol h6 {    font-size:100%; font-weight: normal; } 


#wrapper {
background-color: #FFFFE8;
}

#header2 {
padding:10px;
}


#maincol ul, #maincol ol  {
padding-left:40px;
}

p {
margin-bottom:1em;
}

hr {
height:1px;
color: black;
background-color: black;
border:0;
}

.langs {
display:block;
float:left;
padding:0px 0 0 10px;
}

.langs a img{
margin-top:10px;
border:1px solid #666;
}
.langs a.bold  img{
border:1px solid black;
}
ol li {
margin-bottom:1em;
}

.result {
color: #CC3300;
font-weight:bold;
font-size:12px;
margin:1em 0;
}

blockquote {
padding-left:4em;
}