/* CSS Document */

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


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:290px;
	width:980px;
}


.grayFont
{
	color:#666666;
}


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

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

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

#divRightContent
{
	margin:10px;
}


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

#divRightContent a:hover
{
	color: #F00;
}

#footer
{
	text-align:center;
	color:#FFFFFF;
	height:86px;
	width:980px;
	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: 135px;
	}
	
#navigation ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

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

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

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