body {
	background-color: #FFFFFF;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 20px;
	padding: 0;
	min-width: 730px;
} 
h1 {
	margin: 0;
	clear: both;
	font-size: 150%;
	text-align: center;
} 

h2 {
	margin: 0;
	clear: both;
	font-size: 120%;
} 

#wrapper { 
	margin: 0 auto;
	width: 760px;
	background-image: url(assets/background.jpg);
} 
#sidebar {
	/*border: 1px solid #333;*/
	/*font-size: 0.75em;*/
	padding-left:  10px;
	font-size: 90%;
	width: 150px;
	float: left;
} 
h2 {
	margin: 0
} 
#maincontent {
	border: 1px solid #333; 
	font-size: 0.8em; 
	padding: 16px 30px;
	width: 510px;
	float: right; 
} 
#maincontent h3 {
	margin: 36px 0 6px; 
} 

#footer {
	color : #999999; 
	font-size: 0.75em;
	padding-top: 6px;
	clear: both;
}
#footer p {
	margin: 0;
	text-align:center;
}

.credit {
	font-size: 70%;
	text-align: center;
}

img.floatLeft { 
float: left;
margin: 6px; 
}

/*NAVIGATION BAR*/
/* remove bullets and indents  */
#navlist ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size: 90%;
}

/* close up space between list items */
#navlist li {
margin: 0;
}

/* rules for link styles */

#navlist a {
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
background-color: #999999;
background-image:  url(assets/l1_down.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
}

#navlist a:link, #navlist a:visited {
color: #000000;
text-decoration: none;
}

#navlist a:hover, #navlist a:active {
background-color: #9F6F9F;
background-image:  url(assets/l1_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: Red;
}

#navlist a:hover, #navlist a:active,
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
background-color: #9F6F9F;
background-image:  url(assets/l1_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: Red;
}