/* CSS Document */

body
{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	font-size:10pt;
	background: #084712;
}


h1
{
	color:#336699;
	font-size:15pt;
}

a:link, a:active, a:visited
{
	color: #0000FF;
	text-decoration:none;
}

a:hover
{
	color: #FF9900;	
}

a.grey:link, a.grey:active, a.grey:visited
{
	color: #666666;
	text-decoration:none;
}

a.grey:hover
{
	text-decoration:underline;
}

.separator
{
	background:#FF9900;
	height:1px;
}


/* ---------------Layout Styles */

#topBar
{
	background:url(/images/topBar.jpg) no-repeat top left;
	height:291px;
	width:782px;
}


.grayFont
{
	color:#666666;
}


#leftBar
{
	background:url(/images/leftBack.jpg) repeat-y;
	width:224px;
	min-height:452px;
	overflow:visible;
}

h2
{
	color: #000;
	font-size:13pt;
	font-weight:bold;
}

#rightBar
{
	background:url(/images/rightBack.jpg) repeat-y;
	width:42px;
	min-height:452px;
	overflow:visible;
}


#footer
{
	text-align:center;
	color:#FFFFFF;
	height:82px;
	width:782px;
	background:url(/images/bottomBar.jpg) no-repeat top left;
}

#footer a:link, #footer a:active, #footer a:visited
{
	color: #FFFF00;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

#navigation {
			position: relative;
			margin-top:20px;
			margin-left:30px;
			width: 150px;
	}
	
#navigation ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

#navigation ul a {
	color: #006600;
	font-weight:bold;
	text-decoration: none;
	display: block;
	width:160px;		
	overflow:visible;		
	background: url(/images/bulletOrange.jpg) 2px no-repeat;
	padding: 5px 1.7em 3px;
	margin: 0 0 1px;	
}

#navigation a:visited {
	color: #006600;
}

#navigation a:hover {
	background: url(/images/bulletOrange.jpg) 2px no-repeat;
	color: #009900;	
}