/* 
This layout is originally due to Roger Johansson, who posted 
it in essentially this form on his web site at:
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/finished.html

It was modified a bit by Randy Ingermanson, who can be found at
http://www.ingermanson.com
*/

body, html 
{
	margin:  0;
	padding:  0;
	background:  #a7a09a;
	color: #000;
}

body 
{
	min-width: 740px;
	text-align: center; /* centers the #wrapper element in IE5.x/win */
}

#wrapper 
{
	background: #9999cc;
	margin: 0 auto;
	width: 740px;
	text-align: left; /* resets the default text alignment for the page */
}

#header 
{
	background: #dddddd;
}

#header h1 
{
	padding: 5px;
	margin: 0;
}

#menuBar 
{
	background: #cc9999;
	padding: 5px;
}

#menuBar ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menuBar li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#mainColumn 
{
	background: #99cc99;
	float: left;
	width: 500px;
}

#mainColumn h1, #mainColumn h2, #mainColumn h3, #mainColumn h4, #mainColumn h5, #mainColumn h6, #mainColumn h7, #mainColumn p 
{
	padding: 0 10px;
}

#rightColumn 
{
	background: #9999cc;
	float: right;
	width: 240px;
}

#rightColumn ul 
{
	margin-bottom: 0;
}

#rightColumn h1, #rightColumn h2, #rightColumn h3, #rightColumn p 
{
	padding: 0 10px 0 0;
}

#footer 
{
	background: #cccc99;
	clear: both;
	width: 740px;
}


#footer p 
{
	padding: 5px;
	margin: 0;
}