body, td, th, p {
	font-family: Myriad, Verdana, Geneva, Arial, helvetica, sans-serif;
}

body { background-color: #2f4f7e; margin: 0; padding: 0; }

a { color: #2f4f7e; }

p, ul, ol { font-size: 11px; line-height: 22px; padding: 0;	margin: 0; margin-bottom: 5px; }

h1 { font-size: 18px; font-weight: bold; color: black; padding: 5px 0 0 10px; margin: 0 0 5px 0; }

h2 { font-size: 14px; font-weight: bold; color: #2f4f7e; padding: 0 0 0 10px; margin: 15px 0 5px 0;  }

h3 { font-size: 12px; font-weight: bold; color: #666; padding: 0 0 0 10px; margin: 0 0 5px 0;  }

h4 { font-size: 11px; font-weight: bold; color: #2f4f7e; padding: 0 0 0 10px; margin: 0;  }

#rightcol p { padding: 0 0 0 10px; }
ul { padding: 0 0 0 20px; margin: 10px; }
ol { padding: 0 0 0 20px; margin: 10px; }
li { margin-bottom: 10px; line-height: 18px; }


.breakout { background-color: #9db1bf; padding: 20px; margin: 10px 20px; border: 1px dotted green; font-weight: bold; }

div#box {
	position: absolute;
	left: 50px;
	top: 50px;
	width: 880px;
	background-color: white;
	padding: 0;
	margin: 0;
	background: white url(../images/2-col-background.gif) repeat-y;
	border: 10px white solid;
}

div#leftcol {
	position: relative;
	float: left;
	width: 149px;
	height: 400px;
	padding: 0 1px 0 0;
	margin: 0;
	display: inline;
	background: url(../images/col-1-header.jpg) no-repeat 0 0 ;
}

div#centercol {
	position: relative;
	float: left;
	width: 190px;
	padding: 185px 0 0 0;
	margin: 17px 0 0 0;
	display: inline;
	background: url(../images/col-2-header.jpg) no-repeat;
}

div#rightcol {
	position: relative;
	float: left;
	width: 529px;
	padding: 340px 0 0 10px;
	margin: 0;
	display: inline;
	background: url(../images/col-3-header.jpg) no-repeat;
}

div#cleanup { margin: 10px; padding: 10px 0; width: 220px; }

#cleanup h2 { font-size: 12px; font-weight: bold; color: #2f4f7e; margin: 10px 0 10px 10px; padding: 0; }

#mainnav { list-style: none; margin: 0; padding: 10px; font-size: 13px; font-weight: bold; width: 169px; }
#mainnav li { margin: 0; border-bottom: 1px solid #ffffff; }
#mainnav a { padding: 10px; text-decoration: none; color: #ffffff; display: block; white-space: nowrap; }

#mainnav a { background: url(../images/arrow-over-blue.gif) no-repeat; background-position: 148px 8px; }
#mainnav a:hover { color: #9db1bf; background: url(../images/arrow-over-blue-over.gif) no-repeat; background-position: 148px 8px; }

#homebuttons { list-style: none; margin: 0; padding: 8px 0 0 10px; font-size: 13px; font-weight: bold; width: 220px; }
#homebuttons li { margin: 0; margin-bottom: 10px; border: 1px solid #9db1bf; background: url(../images/button-background.jpg) repeat-x; }
#homebuttons a { padding: 10px; text-decoration: none; color: #2f4f7e; display: block; white-space: nowrap; }

#homebuttons a{  background: url(../images/arrow.gif) no-repeat; background-position: 193px 10px; }
#homebuttons a:hover {  background: url(../images/arrow-over.gif) no-repeat; background-position: 193px 10px; }

div #subnav { margin: 10px; display: block; height: 24px; margin-top: 20px; }
#subnav ul { list-style: none; padding: 0; margin: 0; }
#subnav li { float: left; white-space: nowrap; font-size: 11px; padding: 0; border: 1px solid  #9db1bf; margin: 0 10px 0 0; background: url(../images/button-background.jpg) repeat-x; line-height: 14px; }
#subnav a { padding: 4px 6px; text-decoration: none; color: #2f4f7e; display: block; white-space: nowrap; }
#subnav a:hover { background-color: #EEE; }
#subnav li.current { 
	border: none;
	border-left: 1px solid #9db1bf; 
	border-top: 1px solid #9db1bf; 
	border-right: 1px solid #9db1bf; 
	background: white; 
}

#description { float: right; width: 280px; }

.imageright { float: right; margin: 10px; background-color: white; text-align: left; font-size: 10px; }
.imageright img { padding: 5px; border: 1px solid #9db1bf; }
.imageright p {padding: 0; margin: 0; }
label.lbl { font-weight: bold; color: #990000; margin-right: 20px; }

div.boxright { width: 200px; border: 1px solid #bbb; background: #eee; padding: 10px; margin: 0 10px 0 20px; float: right; clear: right; }
div.boxright ul { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
div.boxright li { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }

div#survey { display: block; margin: 40px 10px 0 10px; padding: 5px; border: 1px dotted #bbb; line-height: 12px; color: #eee; }
div#survey p { padding: 0; margin: 0; font-size: 10px; line-height: 14px; color: #eee; width: 125px; margin-bottom: 2px; }
a.surv { color: #def; text-decoration: none; }
a.surv:hover { color: #fed; }
div#survey:hover { border: 1px solid #eee; }

div#footer { display: none; background: white; }

.clearer { clear: both; height: 1px; font-size: 1px; padding: 0; margin: 0; line-height: 1px; }

div#fourth { padding: 5px; margin: 5px; border: 1px dotted #eee; }
div#fourth h1 { padding: 2px 4px; margin: 0; font-size: 14px; color: #F00; background-color: #fff; }
div#fourth h2 { color: #fff; margin: 5px 0; padding: 0; font-size: 12px; }
div#fourth p { color: #fff; font-size: 10px; line-height: 14px;  }
div#fourth p a { color: #fee; text-decoration: underline; }