/*
 * Global Style
 */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
  	width: 100%; height: 100%;
	background: #E0E0E0 url(body_back.gif) repeat-y top center;
	color: #222;
	font: 400 12px arial, helvetica, sans-serif;
}
a {
	text-decoration: none;
}
h1 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color: #66C;
}
h2 {
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
h3 {
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
img { border: 0; }

.description {
	position: relative;
	float: left;
	margin-top: 20px;
}
.description img {
	position: relative;
	float: left;
}
.description div {
	position: relative;
	width: 630px;
	float: right;
	border-bottom: 1px dashed #CCC;
	padding-bottom: 4px;
}
.description div div {
	position: relative;
	left: 15px;
	padding-right: 85px;
	margin-bottom: -4px;
	border-bottom: none;
}
.continue {
	font-weight: bold;
	font-size: larger;
}
.red { color: red; }

#main {
	position: relative;
	width: 720px; height: 100%;
	left: 50%;
	margin-left: -360px;
	background-color: #FFF;
}
* html body #main { height: 100%; }
#main #header {
	position: relative;
	width: 720px; height: 86px;
	float: left;
	background: #FFF url(header.png) no-repeat;
	font: bold 12px arial,helvetica,sans-serif;
	text-align: right;
}
#login {
	position: absolute;
	top: 7px; right: 128px;
	font-size: 12px;
}
#login a { font-weight: bold; color: #77D; }
#login a:hover { color: red; }

#login a.reverse { font-weight: bold; color: red; }
#login a.reverse:hover { color: #77D; }

#menu {
	position: absolute;
	bottom: 0px; right: 16px;
}
#menu a { color: #444; border-top: 2px solid white; }
#menu a:hover { border-top: 2px solid red; }

#inset {
	position: relative;
	width: 100%; height: 100%;
	top: 0px; left: 0px;
	margin-bottom: -86px;
	padding: 20px;
	float: left;
	background: #FFF;
}

#footer {
	position: relative;
	width: 100%; height: 24px;
	border: 0;
	padding: 0;
	margin-top: -24px;
	float: left;
	text-align: center;
	color: #FFF;
}
#footer div {
	position: relative;
	width: 720px; height: 24px;
	left: 50%;
	margin-left: -360px;
	float: left;
	background-color: #CCC;
	z-index: 99;
}
/*
 * Map Page Style
 */
#map_name {
	margin-top: 8px;
	margin-bottom: 4px;
	font-size: 17px;
	font-weight: bold;
	color: #666;
}
#map_menu {
	margin-top: 8px;
}
#map_legend p {
	margin: 4px;
}
.map_key {
	margin-bottom: -3px;
}
/*
 * Signup Page Style
 */
.smallText { FONT-SIZE: 7pt; FONT-FAMILY: Verdana, Sans-Serif }
.normalText { FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Sans-Serif }
.errorText { FONT-WEIGHT: bold; FONT-SIZE: 12pt; FONT-FAMILY: Verdana, Sans-Serif }
TR { FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Sans-Serif }
/*
 * Default Page Style
 */
#main { background: #F0F0F0 url(info_back.gif) repeat-y top center; }
#splash {
	position: relative;
	width: 720px; height: 324px;
	top: 0px; left: 0px;
	float: left;
	background-color: #FFF;
}
#map {
	position: absolute;
	width: 720px; height: 312px;
	top: 12px; left: 0px;
}
#info {
	position: relative;
	top: 0px; left: 0px;
	float: left;
	border-top: 1px dashed #AAA;
}
#info div {
	position: relative;
	width: 360px;
	margin: 0px;
	padding: 8px 0px 24px 0px;
}
#info div div {
	position: relative;
	width: 320px;
	top: 0px; left: 20px;
}
#news {
	clear: left;
	float: left;
}
#news ul {
	margin-top: 4px;
	margin-bottom: 8px;
}
#products {
	clear: right;
	float: right;
}
.prod {
	margin-top: 4px;
}