@charset "utf-8";
/* Defaults */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body  { margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #000; background: url() repeat-x; border-top: solid 7px #626463; }
a { text-decoration: none; color: #ccc; outline: none; }
a:hover { text-decoration: none; color: #ccc; outline: none; }
a:visited { text-decoration: none; color: #ccc; outline: none; }
a:active { text-decoration: none; color: #ccc; outline: none; }
p { padding: 0; }
h1 { font-size: 30px; }
h2 { font-size: 18px; font-weight: 100; color: #626463; padding: 0; }
h3 { font-size: 16px; font-weight: 100; padding-bottom: 3px; }
h4 { font-size: 18px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
img { border: 0 none; vertical-align: bottom; }
li { list-style: none;}
.clear { clear: both; }
#wrapper { width: 960px; height: 100%; min-height: 100%; margin-left: auto; margin-right: auto;d position: relative; overflow: visible; }

/* Header */
#header { width: 940px; height: 90px; margin-top: 20px; background: url(../../images/header.png) 270px 0px no-repeat; }
#logo { float: left; }

/* Navigation */
.nav { width: 710px; height: 64px; display: block; margin-left: 220px; margin-top: -60px; list-style: none; float: left;}
*html .nav { width: 710px; height: 64px; display: block; margin-left: 110px; margin-top: -60px; list-style: none; float: left;}
.nav li { list-style: none; margin-left: 12px; float: left; line-height: 18px; }
.nav a { display: block; float: left; border-left: solid 2px #ccc; padding-left: 4px; }
.nav a:hover { display: block; float: left; color: #6592b9; border-left: solid 2px #626463; padding-left: 4px; }
.nav .title { font-size: 14px; color: #626463; }
.nav .desc { font-size: 12px; }

/* Flash */
#flash { padding-left: 0px; float: left; }

/* IDX */
#idx { height: 900px; margin: 40px 0px 0px 0px; }
	#idx h2 { margin: 0px 0px 0px 10px; color: grey; position: absolute; }
	*html #idx h2 { margin: 0px 0px 0px 45px; color: grey; position: absolute; }
	#frame { margin-left: -40px; }
	
/* main */
#main { width: 960px; margin-top: 20px; }
#left { width: 600px; float: left; }
#right { width: 325px; float: left; margin: -15px 0px 0px 15px; padding-top: 20px; }
	#main h2 { color: grey; margin-bottom: 12px; }
	.description { font-size: 12px; line-height: 16px; width: 325px; color: #626463; text-align: justify; }

/* tier 1 */
#tier1 { margin-top: 20px; }
#search { width: 505px; height: 150px; padding: 25px 10px 10px 10px; float: left; background: url(../../images/searchbg.png) no-repeat; }
#search label { display: block; color: grey; font-size: 11px; text-align:left; padding-bottom: 2px; }
.level1 input { font-size:12px; padding:8px 5px; border:solid 1px #ccc; width:300px; float: left; color: #454746; }
.level2 input { font-size:12px; padding:8px 5px; border:solid 1px #ccc; width:30px; float: left; color: #454746; }
.level3 input { font-size:12px; padding:8px 5px; border:solid 1px #ccc; width:80px; float: left;  color: #454746; }
.button { margin-left: 20px; vertical-align: bottom; }
#search select { margin-right:12px; font-size:  12px; padding: 6px 4px; border: solid 1px #ccc; min-width: 100px; }
.homeimage {float: right; margin-right: 12px; }
	
/* tier 2 */
#tier2 { height: 250px; width: 960px; margin-top: 10px; }
.featured { width: 176px; margin: 10px 16px 0px 0px; padding-bottom: 10px; float: left; }
*html .featured { width: 176px; margin: 10px 8px 0px 0px; padding-bottom: 10px; float: left; }
.featured img { border: 3px #ccc solid; }
.featured img:hover { border: 3px #6592b9 solid; }

/* communities */
#communitypage { min-height: 100%; }
.row { width: 100%; margin-top: 22px; }
.row img { border: 3px #ccc solid; }
.row img:hover { border: 3px #6592b9 solid; }
.columnleft { float: left; width: 220px; }
.columnmiddle { float: left; width: 220px; margin-left: 20px; }
.columnright { float: left; width: 220px; margin-left: 20px; }
	*html .columnmiddle { float: left; width: 220px; margin-left: 10px; }
	*html .columnright { float: left; width: 220px; margin-left: 10px; }
.communities a { font-size: 16px; color: #626463; }

/* community list */
#communities { margin-top: 20px;  height: 125px; width: 960px; z-index: 1; }
.list { font-size: 11px; width: 238px; float: left; padding: 10px 0px 0px 0px; text-align: center; }
.list li { padding: 4px 0px 0px 0px; }
.list a { color: #6592b9; }
.list a:hover { color: gray; }
.topper { width: 950px; height: 1px; background-color: #ccc; }

/* contact */
#contactarea { height: 270px; padding-top: 20px; font-size: 14px; line-height: 16px; }
#contact {  margin-left: 0px; width: 300px; float: left; }
	#contact h3 { font-size: 15px; color: #454746; }
	#contact .info { color: #626463; }
	#contact a { color: #626463; }
	#contact a:hover { color: #6592b9; }
#map { margin-left: 45px; float: left; width: 600px; }
	#map img { border: 3px #ccc solid; }
	#map iframe:hover { border: 3px #6592b9 solid; }
	
/* list */
#list { height: 330px; padding-top: 20px; font-size: 12px; }
#list p { width: 330px; float: left; color: #626463; font-size: 12px; line-height: 16px; text-align: justify; }
#list span { color: #454746; }
#list a { color: #626463; }
#list img { margin-left: 20px; float: left: width: 600px; border: 3px #ccc solid; }

/*search page */
.style2 { color: #626463; font-size: 12px; line-height: 16px; text-align: justify; }
.style2 a { color: #6592b9; }

/* Footer */
#footer { width: 960px; color: grey; font-size: 11px; margin-bottom: 10px; height: 20px; padding-top: 20px;}
	.copyright { float: left; }
	.credit { float: right; padding-right: 10px; }
	#footer a {color: grey;}
	
/* Admin */
#page { float: left; }
#entry { float: left; margin-left: 20px; width: 700px; border-left: solid 2px #626463; padding-left: 10px; line-height: 20px; }
	.url { color: #626463; }
	.title { color: black; }
	.meta { font-style: italic; }
	.inputs input { font-size:12px; padding:8px 5px; border:solid 1px #fff; width:700px; }
	.submits input { font-size:12px; padding:8px 5px; border:solid 1px #fff; width:50px; cursor: pointer; }
	.submits input:hover { border:solid 1px grey; }