/* CSS Document */

/*Thanks to http://www.webmasterworld.com/forum83/6127.htm for help with centering*/
/*and for the overflow:hidden trick*/

body {
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 17px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: auto;
}

#mainpanel {
	width: 813px;
	background-color: #FFFFFF;
	top: 0px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#Layer1 {
	position:relative;
	left:0px;
	top:0px;
	width:813px;
	height:86px;
	z-index:1;
}
#Layer2 {
	position:relative;
	left:0px;
	top:0px;
	width:813px;
	height:118px;
	z-index:2;
}
#Layer3 {
	position:relative;
	left:0px;
	top:0px;
	width:813px;
	height:41px;
	z-index:3;
}
#Layer4 {
	left:0px;
	top:-125px;
	z-index:4;
	width: 327px;
	float: left;
}
#Layer5 {
	position:relative;
	height:351px;
	z-index:5;
	top: 5px;
	left: 15px;
	width: 450px;
	overflow: scroll;
	padding-right: 10px;
	/* will only work in some browsers*/
	overflow-x: hidden;
	margin-bottom: 5px;
}

#Layer5 strong {
	color: #0070B2;
}
#Layer5 a {
	color: #6699CC;
}

#Layer5 ol.leadbelow li {
	margin-bottom: 7px;
}

#Layer6 {
	position:relative;
	left:0px;
	width:813px;
	height:38px;
	z-index:6;
}
#Layer7 {
	position:relative;
	left:0px;
	top:0px;
	width:813px;
	height:31px;
	z-index:7;
	clear: left;
	text-align: center;
	margin-top: 15px;
}
#Layer7 a {
	color: #6699CC;
}

#Layer7 strong {
	color: #6699CC;
}

#shadowgizmo {
	height: 1.5in;
	width: 1in;
	left: 813px;
	top: 0px;
	z-index: 100;
	position: absolute;
}

#Layer7 a:hover {

	color: #123B80;
}

.leadbelow {
	margin-top: 6px;
}
.leadbelow6 {
	margin-bottom: 6px;
}


h3 {
	font-size: 19px;
	font-weight: bold;
	color: #0070B2;
}

h4 {
	font-size: 16px;
	font-weight: bold;
}
ul li {
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
	padding-left: 6px;
}
#Layer5-longer {

	position:relative;
	height:430px;
	z-index:5;
	top: 5px;
	left: 15px;
	width: 450px;
	overflow: visible;
	padding-right: 10px;
	/* will only work in some browsers*/
	overflow-x: hidden;
	margin-bottom: 5px;
}
#Layer5-longer strong {

	color: #0070B2;
}