body	
{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-top: 9px;
}

#mainContent img {
	float:left;
	padding: 0 20px 20px 0;
	}

#wrapper	
{
	text-align:left;
	width: 859px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #c4c4c4;
}

#header	
{
	background-image: url(/images/Content-Header.jpg);
	background-repeat:no-repeat;
	height: 178px;
}

/* this allows us to set a hyperlink over the bg image so it apears the log in the bg image is linked */
#homeLink
{

	display: block;
	position: absolute;
	top: 30px;
	left: 28px;
	height: 75px;
	width: 250px;
}
/* 
	let's hide the text in the link so the user can't see it. Some search engines still will see it, and that's great. 
	We already used the title attribute in the anchor tag, so that handles accessibility
*/
#homeLink span
{
	display: none;	
}

#sidebar 
{
	float:left;
	width: 214px;
	padding-top: 32px;
}

#sidebar a:link, #sidebar a:visited
{
	color:#666;
	text-decoration:none;
}

#sidebar a:hover
{
	color:#53B7DD;
	text-decoration:none;
}

#sidebar li
{
	font-weight: lighter;
	list-style: none;
	font-size:9pt;
	line-height: 1.2em;
	margin:0 0 10px 0;
	padding: 0 0 0 0;
	list-style-image: url(/images/list_arrow.gif);
	margin-left: 60px;
	padding-right: 9px;
}

#sidebar li:hover
{
	font-weight: bold;
	list-style-image: url(/images/list_arrow_hover.gif);
}

#leftnav
{
	background-color: #f3f3f3;
	width:100%;	
	margin:0;
	padding: 0;
	padding-top: 12px;
	padding-bottom: 32px;
}

#pictquad 
{
	width: 100%;
	height: 180px;
	padding: 0;
	margin-top: 13px;
}

#pictquad img 
{
	text-decoration: none;
	border: none;
}

.pictquad-top-left
{
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

.pictquad-top-right
{
	margin-left: 5px;
	margin-bottom: 5px;
	float: right;
	clear: none;
}

.pictquad-bottom-left
{
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}

.pictquad-bottom-right
{
	margin-top: 5px;
	margin-left: 5px;
	float: right;
}

#content
{
	width: 100%;
	background: url(/images/Content-Body_curved.gif) no-repeat scroll top right;
}

#mainContent
{
	color: #444;
	font-weight:normal;
	font-size: 1em;
	line-height: 18px;
	margin-left: 330px;
	margin-right: 29px;
	padding-top: 8px;
}

#mainContent h1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-style: normal;
	font-weight: lighter;
	color: #53B7DD;
	padding: 0;
	margin: 0;
	margin-bottom: 29px;
}

#footer	
{
	margin-top: 49px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color:#EBEBEB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	height: 56px;
	background: url(/images/Content-Footer.jpg) no-repeat scroll top right;
}

#copy
{
	width: 200px;
	margin: 0;
	margin-top: 38px;
	padding: 0;
	padding-left: 40px;
	padding-top: 5px;
	float: left;
}

#footer ul 	
{
	margin: 0;
	margin-top: 38px;
	margin-right: 30px;
	padding: 0;
	list-style: none;
	float: right;
}

#footer li	
{
	float: right;	
	padding: 5px;
}

#footer li a
{
	display: block;
	color:#000;
	text-decoration: none;
}

#footer li a:hover, #footer li a:active, #footer li a:focus	
{
	color: #3CF;
}
.table_bold {
	font-weight: bolder;
	font-size: 12px;
}