body, html, form
{
	font-family: verdana, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin-bottom: 1px;
	background-image: url( 'Resources/Images/Layout/BG.png' );
	background-repeat: repeat-x;
}

#Container
{
	margin: 0 auto;
	width: 950px;
	text-align: left;
} 

#Header
{
	width: 950px;
	height: 125px;
}

#siteseal
{
	text-align: left;
}

.Navigation
{
	width: 950px;
	height: 25px;
}

.Quote
{
	position: relative;
	float: left;
	top: 10px;
	left: 6px;
	width: 195px;
	margin-right: 13px;
	height: 582px;
	border: 1px solid #000000;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #FFFFCC;
	z-index: 90;
}

.Content
{
	position: relative;
	float: left;
	width: 670px;
	padding: 10px 10px 10px 10px;
	text-align: justify;
	z-index: 80;
}

.Footer
{
	position: relative;
	padding-left: 20px;
	text-align: left;
	z-index: 50; 	
}

h1
{
	font-weight: bold;
	font-size: 20px;
	color: #00568a;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2
{
	font-weight: bold;
	font-size: 17px;
	color: #00568a;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.FootNote, .Footer
{
	color: #00568a;
	font-size: 12px;
}

a{text-decoration: underline;color: #00568a;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}
img{border: 0;}

.Input, .InputFourColumn, .LockedOut{width: 178px;}
.InputButton{width: 185px;}
.DropDown{width: 184px;}
.HiddenTextBox{width: 0px;height: 0px;border: 0px;}
.LockedOut{color: #666666;}

#nav, 
#nav ul {padding: 0px 0px 0px 0px; margin-left: 12px; margin-top: -0px; list-style:none; font: 12px verdana, sans-serif; background-color: #B0dbdf; position:relative; z-index:200;}
#nav {height:21px; width:900px; padding:0px;}
#nav table {border-collapse:collapse;}
#nav li {float:left; padding: 0px 10px 0px 5px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}
#nav li a {display:block; float:left; color:#000000; font-weight: bold; height:21px; padding-right:5px; line-height:21px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:21px; line-height:21px; float:none;}
#nav li:hover {position:relative; z-index:300; background-color: #FFFFFF;}
#nav a:hover {position:relative; z-index:300; text-decoration:none; color:#FFFFFF;}
#nav :hover ul {left:0px; top:21px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#000000;}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}