/* main.css Ian Wilkinson 31 May 2005 */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	behavior: url(csshover.htc); /* WinIE behavior call */
	}
	
a {	color: #036; }
h1 { font-size: 108%; }
h2 { font-size: 100%; }
h3 { font-size: 90%; }
h4, p { font-size: 80%; }
img { border: 0; }

div#container {
	margin: 0 auto;
	width: 750px;
	text-align: left;
	}
div#header_home, div#header_generic {
	position: relative;
	left: 0;
	right: 0;
	height: 140px;
	font-size: 80%;
	font-weight: bold;
	}
div#header_home {
	background: url(../images/home_bkg.gif) repeat-x;
	}
div#header_generic {
	background: url(../images/bkg.gif) repeat-x;
	}
div#logo {
	float: left;
	}
div#nav {
	position: absolute;
	top: 14px;
	left: 150px;
	padding: 0; margin: 0;
	}
div#nav a, div#subnav a, div#bop a {
	border-left: 1px solid #9C0;
	padding: 5px 6px 5px 8px;
	color: white;
	height: 1;
	line-height: 1em;
	}
div#nav a:hover, 
div#subnav a:hover, 
div#bop a:hover {
	color: #f00;
	text-decoration: none;
	}
div#welcome {
	position: absolute;
	top: 40px;
	left: 150px;	
	}
div#banner {
	position: absolute;
	top: 90px;
	left: 150px;
	background: #345;	
	}
div#subnav {
	position: absolute;
	top: 100px;
	left: 150px;
	}
div#subnav a, div#bop a {
	color: #9C0;
	}
div#leftcolumn {
	float: left;
	margin-top: 10px;
	border: 0;
	width: 240px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 220px;
	}
div#centrecolumn {
	margin-top: 1.8em;
	margin-left: 255px;
	margin-right: 130px;
	padding: 0.5em;	
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	}
div#centrecolumn h1, h2 {
	margin: 0.5em 0; padding: 0;
	font-weight: bold;
	}
div#centrecolumn p {
	margin: 0.5em 0; padding: 0;
	font-size: 11px;
	}
div#centrecolumn a {
	text-decoration: underline;
	
	}
div#centrecolumn a:hover {
	text-decoration: none;
	background: #9C0;
	}
div#rightcolumn {
	float: right;
	margin-top: 10px;
	margin-right: 3px;
	width: 115px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 115px;
	padding: 0;
	text-align: center;
	}
div#register, div#trade {
	margin-top: 5px;
	border: 1px solid #036;
	border-top-width: 3px;	
	}
div#register p {	
	font-size: 75%;
	margin: .8em;
	}
div#click1, div#click2 {
	background: #036;
	margin: 0;
	padding: 4px;
	}
div#click1 a, div#click2 a{
	color: #FFF;
	font-size: 75%;
	font-weight: bold;
	}
div#click1:hover, div#click1 a:hover,
div#click2:hover, div#click2 a:hover{
	text-decoration: none;
	background: #9C0;	
	}
	
div#midwrapper {
	clear: both;
	margin: 0; padding: 0;
	right: 0; left: 0;
	margin-top: 20px;	
	}
div#midleft {
	float: left;
	margin: 0; padding: 0;
	width: 250px;
	text-align: center;
	}
div#midright {
	margin: 0; padding: 0;
	margin-left: 260px;
	margin-right: 130px;
	}
div#voteform {
	margin: 0; padding: 0;
	border: 1px solid #036;
	height: 230px;
	line-height: 1em;
	}
div#midleft h3, div#midright h3 {
	margin-top: 10px;  
	padding: 0.25em;
	font-size: 90%;
	font-weight: bold;
	border-top: 3px solid #036;
	background: #D6E6F7;
	}
div#voteform h3 {
	margin-top: 0; 
	}
div#installer h3 {
	margin-top: 0; 
	}
div#voteform p {
	padding: 0.25em 0.5em;
	}
div#voteform a, 
div#whatsnew a, 
div#midright a {	
	text-decoration: underline;
	}
div#voteform a:hover, 
div#whatsnew a:hover, 
div#midright a:hover {	
	background: #9C0;
	text-decoration: none;	
	}
	
div#installer {
	border: 1px solid #036;
	height: 230px;
	}
div#installer div#map {
	width: 215px;
	margin-top: -10px;
	cursor: help;
	}
div#installer div#map img, div#mapsectors img {
	cursor: help;
	}
div#installer div#maptext {
	margin: 0; padding: 0;
	float: right;
	width: 110px;
	margin-top: -145px;
	margin-right: 14px;
	font-size: 75%;
	line-height: 1.5em;
	}
div#installer div#mapfinder {
	text-align: center;
	font-size: 80%;
	}
div#installer div#mapfinder a {
	color: #9C0;
	}
div#installer div#mapfinder a:hover {
	color: #FFF;
	}
div#whatsnew p, div#whatsnew h4, 
div#features p, div#features h4 {
	text-align: left;
	padding: 0 0.4em;
	line-height: 1.2em;
	}
div#whatsnew p, div#whatsnew h4, 
div#features dt, div#features dd {
	font-size: 90%;
	}
div#features dt {
	font-weight: bold;
	}
div#features dd {
	margin-left: 0;
	padding-bottom: 1em;
	}
	
div#midright h3 {
	color: #FFF;
	background: #9c0;
	text-align: center;
	}
div#content {
	margin-left: 150px;
	padding: 0;
	}
div#content div#mapsectors {
	width: 350px;
	}
div#content div#maptext {
	float: right;
	width: 160px;
	margin-top: -180px;
	margin-right: 30px; 
	font-size: 90%;
	line-height: 1.5em;
	}
div#locations dt {
	font-weight: bold;
	font-size: 90%;
	line-height: 4em;
	}
div#locations dd {
	line-height: 1.5em;
	margin-left: 0;
	font-size: 90%;
	}
div#locations a {
	text-decoration: underline;
	}
div#locations a:hover {
	text-decoration: none;
	color: red;
	}
div#bop {
	margin-top: 6em;
	border-top: 1px solid #9C0;
	padding: 20px 0;
	font-size: 80%;
	font-weight: bold;
	}
div#footer {
	clear: both;
	margin-top: 10px;
	border-top: 1px solid #D6E6F7;
	text-align: center;	
	}
div#footer p.copy {
	font-weight: bold;
	}
div#toggle a {
	float: right;
	color: #fff;
	text-align: center;
	margin: 1em;
	
	}