body
{
	width: 1000px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #33cc66;

}

#head
{
	background:#33cc66 url(images/Untitled.jpg);
		width:800px;
		height:300px;
		padding: 0px;
		margin: 20px 0 20px 100px;
}
#body
{
	background: #FFFFFF;
		width: 540px;
		padding: 10px;
		margin: 20px 20px 20px 100px;
		float:left;
		
}	

#sidebar1
{
	background:#ffffcc;
		width: 200px;
		text-align:left;
		font-size=1.2em;
		margin: 22px 0px 0px 0px;
		padding: 10px;
		float: left;
}
#footer
{
	width:800px;
	text-align:center;
	font-size: 1em;
	clear: both;
}

h1
{
	padding: 0 inherit;
	margin: 0 inherit;
	margin-bottom: 1px;
	color: #000000;	
	font-size: 2em;
	font-weight: bold;
	text-decoration:none;
	text-align:center;
}
h2
{
	padding: 0 inherit;
	margin: 0 inherit;
	color:#000000;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	
}	
h3
{
	background-color:#ffff00;	
	padding: 0 inherit;
	margin: 0 inherit;
	color:#000000;
	font-size:1.4;
	font-weight:bold;
	text-align:center;
	
}
h4
{
	text-decoration:none;
	text-align:center;
}

.menu{
width: 100%;
overflow: hidden;
/*border-bottom: 1px solid black; bottom horizontal line that runs beneath tabs*/
}

.menu ul{
margin: 0px 0px 0px 0px;
padding: 0;
padding-left: 84px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.menu li{
display: inline;
margin: 0;
}

.menu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.menu li a:visited{
color: white;
}

.menu li a:hover, .menu li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
a
{
text-decoration: none;
}
a:hover
{
text-decoration:underline;
}