Body
{
	font: 11px Arial;
	font-size:11px;
	font-family: Arial, Tahoma;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background-color:White;
}

p,ul
{
	margin-top:1em;
	margin-bottom:1em;
}


P, span, li, ul, ol, td
{
	font: 11px Arial;
	font-family: Arial, Tahoma;
	font-size: 11px;
	color: black;
}

H1
{
	font-size: medium;
	color: #0B4099;
	font-family: Arial, Tahoma;
	margin-bottom:8px;
	margin-top:0px;
}

H2
{
	font-weight: bold;
	font-size: small;
	color: #2a66c8;
	font-family: Arial, Tahoma;
	margin-bottom:2px;
}

H3
{
	font-weight: bold;
	color: Black;
	font-size:11px;
	font-family: Arial, Tahoma;
	margin-bottom:2px;
}

A:link
{
	font: 8pt Arial, Tahoma;
	font-weight:bold;
	color: #4586F1;
	text-decoration:none;
}
	
A:visited
	{
	font: 8pt Arial, Tahoma;
	font-weight:bold;
	color: #99bbde;
	text-decoration:none;
	}
	
A:hover
	{
	font: 8pt Arial, Tahoma;
	font-weight:bold;
	color: #4586F1;
	text-decoration: underline;
}		

.ControlError
{
	background-color:#cc0001;
	color:White;
}

/************** Layout CSS **************/

#divBoundary
{
	width:780px;
	margin-top:15px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#dce9fc;
}

#divHeader
{
	width:100%;
	height:132px;
	float:left;
	margin-top:0px;
	padding-top:0px;
}

#divLeftNav
{
	width:172px;/*177px would be correct to the pixel but IE6 is not respecting to-the-pixel so a 3 pixel gap is required, I will add a 5 pixel gap to be safe.*/
	overflow:hidden;
}

#divMenu
{
	padding-top:6px;
	margin-bottom:55px;/*for the left bottom image in some scenarios*/
}

.imgTop3
{
	width:156px;
	height:47px;
	background-image:url(Images/top3.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
}

#divDate
{
	/*Container Style*/
	float:right;
	width:153px;
	height:22px;
	background-image:url(Images/datearea.jpg);
	background-repeat:no-repeat;
	position:relative;
	top:47px;
	padding-top:1px;
	/*Font Style*/
	color:#4586F1;
	text-align:center;
	
}

#divContentArea
{
	/*Total: 603px = 593+10(lowerWrapper-right)*/
	width:593px;
	float: right;
	text-align: left;
	vertical-align: top;
	padding-top:0px;
	margin-top: 0px;
	background-color:White;
}

#divContentPadding
{
	margin-top:22px;
	padding-left:15px;
	padding-right:15px;
	overflow:hidden;
	min-height:400px;
	height:auto;
}

#divFooter
{
	margin-top:15px;
	background-color:White;
	text-align:center;
	color:#8693A2;
	margin-left:177px;
	padding-left:20px;
}

#divFooter a
{
	color:#8693A2;
	text-decoration:none;
	font-weight:normal;
}

/*Trick NOTES: 
-You can set both background color and background image on the same div and the bgimage will be in front of the color
-Margin-bottom will sometimes not take effect in IE unless some content is underneath it
*/

#divLowerWrapper1 /*Behind other wrappers*/
{
	/*provide the margins to show background-color around edges-stretches with content*/
	padding-right:10px;
	padding-bottom:10px;
	background-color:#dce9fc;
}

#divLowerWrapper2 /*Includes footer*/
{
	/*Menu background-stretches with content*/
	background-image: url(images/leftrepeat.jpg);
	background-repeat: repeat-y;
	background-color:White;
}

#divLowerWrapper3 /*Includes footer*/
{
	/*provide the lower left nav image with WDMWW logo-stretches with content*/
	background-image:url(Images/leftbottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}