html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-size: 14px;
 background: #fff;
 background-position: top center;
 font-family: Verdana, arial, sans serif;
 line-height: 1.5em;
} 

a{
 outline: none;
 color: #003366;
 text-decoration: none;
 border: 0;
}

a:focus{
outline: none;
}

img{
 border: 0;
}

h2{
 color: #333;
}

#header{
 background: #fff url('bk.png') top repeat-x;
 margin: 20px auto;
 padding: 10px;
 position: relative;
 display: block;
 clear: both;
 overflow: visible;
 text-align: justify;
}

#petition{
 background: #fff url('bk.png') top repeat-x;
 width: 44%;
 height: 100%;
 margin: 0;
 padding: 10px;
 position: relative;
 float: left;
 text-align: justify;
}

#petition img{
 border: 5px #c9c9c9 solid;
}

#petition img:hover{
 border: 5px #e7e7e7 solid;
}

#position{
 background: #fff url('bk.png') top repeat-x;
 width: 44%;
 height: 100%;
 margin: 0;
 padding: 10px;
 position: relative;
 float: right;
 text-align: justify;
}

.updates{
 border: 1px #cccc66 dotted;
 background: #ffff99;
 font-size: .8em;
 padding: 3px;
 margin: 5px;
}
 
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}