@charset "utf-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background: #b7c2fb;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	margin-top:30px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#containerflt
{
	width:780px;
	float:left;
	background-color:#FFFFFF;
}
#header
{
	background-color:#FFFFFF;
	width:780px;
  float:left;
  text-align:center;
  padding-top:10px;
  border-bottom: 3px solid #6b6cc8;
}
DIV#center
{
	background: #FFFFFF;
	width:770px;
	float:left;
	padding: 10px 5px 30px 5px;
}
#footer {
	font-size: 80%;
	width: 780px;
	margin: 0 auto;
	clear:left;
	padding: 15px 5px 30px 5px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

#footer a:link,
#footer a:visited,
#footer a:hover
{
	color:#000000;
}

#center h1
{
	color:#3b35b8;
	font-size:140%;
}

#center h2
{
	color:#3b35b8;
	font-size:120%;
}

#header h1
{
	color:#3b35b8;
	font-size:300%;
	padding:0px;
	margin:0px;
}

#header h2
{
	color:#3b35b8;
	font-size:130%;
	padding:0px;
	margin:0px;
}

img
{
	border:0px;
}

.paragraphlines p
{
	border-bottom: 2px solid #6b6cc8;
	padding-bottom:15px;
}

.paragraphlines div
{
	border-bottom: 2px solid #6b6cc8;
	padding-bottom:15px;
	margin-bottom:15px;
}

.userform
{
	width:100%;
}

.userform span
{
	color:red;
	font-size:xx-small;
}

.userform input
{
	width:305px;
}

.userform .checkbox
{
	width:15px;
}

.userform fieldset
{
	border: 1px solid #6b6cc8;
	padding:5px;
}

.userform legend
{
	border: 1px solid #6b6cc8;
	color:#660000;
	padding: 5 6 5 6;
	font-weight:bold;
}

.userform label
{
  width:110px;
  margin-right:3px;
  float:left;
}

.error
{
	border: 1px solid #cb1108;
	padding:5px;
}

.error legend
{
	padding:5px;
	color:#cb1108;
	font-weight:bold;
	border: 1px solid #cb1108;
}

.results
{
  border: 1px solid #61963a;
	padding:5px;
}

.results legend
{
	padding:5px;
	color:#cb1108;
	font-weight:bold;
	background-color:#c0dbac;
	border: 1px solid #61963a;
}

.clear {font-size: 1px; height: 1px}

#header ul
{
	list-style: none;
	padding:0;
	margin:0;
}

#header li
{
	padding-top:15px;
	float: left;
	text-align:center;
	background-image:url('images/taboff.jpg');
	width:110px;
	height:25px;
}

#header li a
{
	text-decoration: none;
	color:#000000;
	font-weight:bold;

}

#header #current
{
	width:110px;
	height:25px;
	text-align:center;
	background-image:url('images/tabon.jpg');
}

.leftpicture
{
	float:left;
}

.rightpicture
{
	float:right;
	margin-right:50px;
}

.leftpicture, .rightpicture
{
  font-size:xx-small;
	text-align:center;
	padding:7px;
	font-style:italic;
}

.quote
{
	font-size:small;
	text-align:center;
	font-style:italic;
	margin:0px;
	padding:0px;
}

.quoter
{
	font-size:small;
	text-align:right;
	font-weight:bold;
	margin:0px;
	padding:0px;
}