<style type="text/css" media="screen, print, projection">
#header{width:100%}
	#header ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;

}
#header li
{
border-style:outset;
float:left;
}
#header a
{
display:block;
width:190px;
background-color:#f2c072;
text-align:center;
text-decoration:none;
}
#header a:active,#header a:hover
{
background-color:white;
}
#header h3
	{
	color:#f2c072;
	}
	html {
		margin:1px;
		padding:1px;
		color:#99c;
		background:#ffffff;
	}
	@media (max-width: 701px) {#LeftColumn {display:none !important; };}
       img { max-width: 100%; height: auto; }
	
/* here is the important stuff */
	#box .column {  clear:both;  }



	
	#LeftColumn {
		
		width:300px;
		overflow:hidden;
		float:left;
		}
	



	#Article
  {


	  padding:8px;
  	border:2px solid gray;
	  margin:0px;
		overflow:hidden;


}
	#footer {
		clear:both;
	  padding:10px;
 	 	border:2px solid gray;
  	margin:1px;

	}
	* html #footer {
		height:1px;
	}

	</style>