body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404E00;
	background:#DCE2A6;
	text-align:center;
	
}

a:link {
	color: #96BA00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #96BA00;
}
a:hover {
	text-decoration: underline;
	color: #96BA00;
}
a:active {
	text-decoration: none;
	color: #96BA00;
}

#container { 
	width: 1024px; 
	margin: 0 auto; 
	text-align: left;	
}

#sidebar { 
	background: #fff url(images/sidebar.gif) no-repeat left;
	float:left;
	width:342px;
	height:864px;
	font-size:40px;
	color:#CCCCCC;
	position:static;


} 



#mainContent { 
	padding: 20px 40px 20px 0px;
	float:right;
	width:600px;
} 


#header { 
	background: #fff url(images/header.gif) no-repeat left;
	height: 114px;
} 

#menu { 
	margin: 0;
	width: 99%;
	background: url(images/menu.gif) no-repeat left;
	height:46px;
	line-height:26px;
	font-weight: bold; 
	color: #fff;
} 

#menu ul {
	padding: 0px 0px 0px 420px;
 }

#menu li {
	display: inline;
	color: #fff;

}
#menu li a {
	color: #fff;
	text-decoration: none;
	margin-right: 30px;
}
#menu li a:hover {
text-decoration: underline;
color: #0A2972;       
}
#footer { 
	text-align:center;
	font-size:10px;
	clear:both;

} 
#imageContainer {
	position:relative;
	margin:auto;
	width:500px;
	border:1px solid #000;
}

/* styles unrelated to the application follow */
h1 {
	position:relative;
	font:1em verdana;
}

.copy {
	width:500px;
	margin:auto;
	position:relative;
	font:0.9em verdana;
}

#so_credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#so_credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}