body	
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background-color: #fff;
	text-align: center;
	margin-top: 9px;
}

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

#header	
{
	background-image: url(/images/Home-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;	
}

#content	
{
	background: url(/images/Home-Body.jpg) no-repeat scroll;
}

#flashContent	
{
	margin-top: 75px;
}

#flashContent div
{
	padding: 19px;
	text-align: center;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}

#homepageBlurb
{
	/* 
		we want the blurb centered on the page, let's set the width of the div and let the left and right margins be set to auto.
		of course we want a margin above and below the blurb, so let's be sure to set those first.
	*/
	width: 794px;
	margin: 8px 0 10px 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: 1px solid #c4c4c4;
	background-color: #f4f4f4;
	padding: 19px;
	display: block;
}
/*
	to handle the image we just float it left and set the right margin. The rest is handled magically.
*/
#homepageBlurb img
{
	float: left;
	margin-right: 9px;
	clear: both;
}

#footer	
{
	width: 100%;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color:#EBEBEB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	vertical-align: middle;
}

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

#footer ul 	
{
	margin: 0;
	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;
}