body {
   background: #036;
   background-attachment: fixed;
   margin: 0;
   padding: 0;
   text-align: center;
}

.clear {
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

#container {
   margin: 0px auto;
   text-align: left;
   width: 780px;
   background:  url(images/background.gif) repeat-y 50% 0;
}

h1 {
   text-indent: -9999px;
   width: 780px;
   height: 188px;
   background: url(images/banner.jpg);
   margin: 0;
   padding: 0;
}


#left {
	width: 200px;
	padding-bottom: 20px;
	float: left;
}

#content {
	width: 545px;
	w\idth: 525px;
	float: left;
	padding: 15px 0 10px 20px;
}

#content h2 {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #036;
	padding: 0;
	text-transform: uppercase;
}

#footer {	
	margin: 0px auto;
	position: relative;
	background-color: #036;
	border-top: 4px solid #000;
	width: 780px;
	padding: 5px 0;
	clear: both;
}

#footer h2 {
	margin: 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#footer h2 a:visited, #footer h2 a:link {
	color: #fff;
	text-decoration: none;
}

#footer h2 a:hover {
	color: #03a5e1;
	text-decoration: none;
}

#footer h3 {
	margin: 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #369;
}

#footer h3 a:visited, #footer h3 a:link {
	color: #369;
	text-decoration: none;
}

#footer h3 a:hover { color: #fff; }

.text {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #231f20;
	margin-bottom: 10px;
}

.text a { color: #231f20; }
.text a:visited { color: #231f20; }
.text a:hover { color: #036; }

.text h2 { font-size: 1.3em; margin-top: 0; }
.text h3 { font-size: 1.2em; margin-top: 0; }
.text h4 { font-size: 1.1em; margin-top: 0; }

.imageright {
	float: right;
	padding: 10px;
	margin-left: 10px;
}

/* --- navigation --- */

#navcontainer {
	width: 192px;
	margin-top: 20px;		
}

#navcontainer ul {
	margin: 0;
 	padding: 5px 0;
 	list-style-type: none;
 	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 10px;
}

#navcontainer a {
 	display: block;
 	width: 192px;
 	line-height: 30px;
	text-indent: 15px;
 	border-bottom: 1px dotted #000;
}

#navcontainer a:link, #navcontainer a:visited {
 	color: #000;
 	text-decoration: none;
}

#navcontainer a:hover {
	color: #fff;
	text-decoration: none;
}

/* --- contact info--- */

#contact {
	width: 200px;
 	font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 5px 0 0 15px;
	margin-top: 10px;
}

#contact a, #contact a:visited { color: #000; }

#contact a:hover { color: #fff; }

#signup{
	width: 200px;
 	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 5px 0 0 15px;
	margin-top: 10px;
}

.input {font: 10px Verdana,Arial,Helvetica,sans-serif; border:1px solid #999;}
.submit {font: 10px Verdana,Arial,Helvetica,sans-serif;}