pre, code, input, select, textarea {font-size: 100%;}
ul, ol {list-style: none;}
input.button {cursor: pointer; cursor: hand;}
img, fieldset {border: none;}
table {border: none;}

body {
	background-color:#21334b;
	background-image:url(/images/backgrounds/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
}

.clear {clear:both;}
#site {width:960px; margin-left:auto; margin-right:auto;}

#new {float:left; color:#FFFFFF; font-weight:bold;}
#login {float:right; text-align:left; clear:right; color:#FFFFFF; font-weight:bold;; padding-bottom:6px;font-size:11px;}
	#login a {color:#FFFFFF;}
	#login table {border:none;}

#masthead {margin-top:8px;}
#navigation {background-color:#0d1e34; color:#fff; height:30px; width:960px;}
#footer {width:960px; margin-left:auto; margin-right:auto; color:#FFFFFF; text-align:center;}
	#footer a {color:#FFFFFF;}
#top {background-color:#FFFFFF; position:relative;}
	#top .left {padding:50px 0px 10px 20px; vertical-align:top;}
	#top .right {width:506px; padding:10px;}
#middle {height:246px; background-color:#FFFFFF; position:relative;}
	#middle #wood-top {height:246px; background-image:url(/images/backgrounds/wood-top.jpg); background-repeat:no-repeat; margin:0 10px; border-top: 2px solid #192022;}
#bottom {height:400px; background-color:#FFFFFF; position:relative;}
	#bottom #wood-bottom {height:400px; background-image:url(/images/backgrounds/wood-bottom.jpg); background-repeat:no-repeat; margin:0 10px; vertical-align:bottom;}
	#bottom .left {width:400px; vertical-align:top; margin:60px 30px 10px 30px; float:left; color:#FFFFFF;}
	#bottom .right {width:400px; vertical-align:top; margin:60px 30px 10px 30px; float:right; color:#FFFFFF;}

#connect {margin-top:2px;}
	#connect #links {margin-bottom:20px; text-align:center;}
#charter-cities {margin-top:6px;}
	#charter-cities #links {text-align:center;}
#sign-search {position:absolute; top:-6px; left:-23px;}
#sign-members {position:absolute; top:-16px; left:-23px;}
#sign-features {position:absolute; left:480px;}
#sign-join {position:absolute; left:-23px;}

#container {
	width: 800px;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 150px;
	background: url("../img/bg-header.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
}
#header h1 {
	float: left;
	padding: 4px 0 0 3px;
}
#header form {
	font-size: 10px;
	overflow: hidden;
	color: #FFF;
	float: right;
	position: relative;
	top:-12px;
	width: 262px;
}
#header form a {color: #CEC4C1;}
#header form * {vertical-align: middle;}
#header form td {
	padding: 0 5px 2px 0;
	color: #CEC4C1;
}
#header form input {
	width: 100px;
	background: #FFF;
	border: 1px solid #C6C6C6;
	font-family: Tahoma, Verdana, sans-serif;
	color: #000;
	padding: 2px 0;
}
#remember, #header form input.button2 {
	width: auto !important;
	border: none !important;
	padding: 0 !important;
	color: #505050 !important;
	background: none !important;
}

#join table {width: 100%;}
#join th {
	text-align: right;
	padding: 0 4px 4px 0;
	font-weight: normal;
}
#join td {
	text-align: left;
	padding-bottom: 4px;
	font-weight: normal;
}
#join input, #join select {
	width: 100%;
	font-size: 11px;
	padding: 2px 0;
	border: 1px solid #2A3B00;
	position: relative;
	font-family: arial, Tahoma, Verdana, sans-serif;
}
#join .nb input, #join .nb select {
	width: auto;
}
#join input.button {
	width: auto;
	border: none;
	font-size: 11px !important;
	top: 260px;
	left: 139px;
	position: absolute;
}
#join a {color: #FFF;}
#join .nbc td {
	font-size: 10px;
}
#join .nbc input {
	width: auto;
	border: none;
}
#join .np {
	font-size: 10px;
	padding-bottom: 0;
}
#join .np a {color: #FFF;}
#join .np input {
	width: auto;
	border: none;
}

#members {
	position:relative;
	margin:50px 0 0 10px;
	width:940px;
}
#members ul {padding: 10px 0 0 12px;}
#members a {
	color: #66E000;
	font-weight: bold;
}
#members li {
	float: left;
	display: inline;
	width: 103px;
}
	#members li a {
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
	}
#members .img {
	display: block;
	margin-bottom: 8px;
}
#members .img img {
	border: 2px solid #FFF;
}
#members strong {
	display: block;
}

#main {
	overflow: hidden;
	zoom: 1;
}
#search {
	float: right;
	width: 409px;
	height: 236px;
	background: url("../img/bg-search.jpg");
	background-repeat:no-repeat;
	position: relative;
}
#search form {padding: 57px 30px 0 50px;}
#search table {width: 100%;}
#search table td {
  padding: 3px 0;
}
#search tr.nw td select {
  width: auto !important;
}
#search select {
  font: 11px aria, Tahoma, Verdana, sans-serif;
  color: #696969;
}
#search .button {
	position: absolute;
	top: 164px;
	left: 100px;
}

#features {
	height: 236px;
	width: 391px;
	background: url("../img/bg-features.jpg");
	background-repeat:no-repeat;
	float: left;
}
#features .text {
	position: relative;
	font-size:12px;
	font-weight:bold;
	top: 50px;
	left: 30px;
	width:330px;
	clear:both;
}
#features table {
	width:340px;
	position: relative;
	top:54px;
	margin-left:30px;
}
#features td {
	vertical-align:top;
	width:50%;
}
#features ul {
	margin:0 10px 0 30px;
}
#features li {
	list-style:disc;
}
#f1 {background: url("../img/f1.gif") no-repeat 0 50%;}
#f2 {background: url("../img/f2.gif") no-repeat 0 50%;}
#f3 {background: url("../img/f3.gif") no-repeat 0 50%;}
#f4 {background: url("../img/f4.gif") no-repeat 0 50%;}
#f5 {background: url("../img/f5.gif") no-repeat 0 50%;}
#f6 {background: url("../img/f6.gif") no-repeat 0 50%;}
#f7 {background: url("../img/f7.gif") no-repeat 0 50%;}
#f8 {background: url("../img/f8.gif") no-repeat 0 50%;}
#f9 {background: url("../img/f9.gif") no-repeat 0 50%;}
#f10 {background: url("../img/f10.gif") no-repeat 0 50%;}

#activities {
	width:960px;
	margin:auto 0;
	text-align:left;
}

#activities h1 {
	font-size:16px;
	margin:4px 0 2px 0;
}

#activities a {
	color:#FFF;
}

#activities ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#activities ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#activities ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
	color: #ff9;
}
	
#activities ul li.first:before {
	content: " ";
}