@charset "utf-8"; 

/* - - - - - BASE STRUCTURE - - - - - */
* {margin:0; padding:0; outline:none;}
html, body {width:100%; height:100%; margin:0px auto;}
body {font:14px/20px Georgia, "Times New Roman", Times, serif; color:#333; background:url(../images/bg.jpg) no-repeat center top #527392 fixed;}
#wrapper {width:1024px; margin:0 auto; height:auto; min-height:600px; background:url(../images/contentbg.png) repeat-y; }
#content { width:900px; margin:auto; padding-right:30px;}
#content p { margin-bottom:15px; line-height:20px;}
#content strong {font-weight:normal;}
#homecontent {width:400px; height:300px; right:40px; float:left; position:relative; z-index:10; margin-top:60px;}
#homecontent p {margin-top:20px;}
#homecontent strong {font-weight:normal;}
#flash {background:url(../images/flashbg.jpg) no-repeat; width:539px; height:350px; float:left; margin-left:20px; padding:80px 0 0 55px;}
#news {width:910px; height:auto; margin:10px auto;}
#news p {margin:10px 0 10px 30px;}
#news h1 {width:850px; margin-left:20px;}
.head {margin:10px auto;}
.metrovideo {position:relative; z-index:5;}
.people {width:160px; height:300px; margin:10px 5px 10px 5px; padding:0px; float:left;}
.councilcol {width:350px; height:auto; float:left; margin:10px 10px 10px 30px;}
#marqueecontainer {width:870px; height:150px; overflow:hidden; position:relative; right:80px; }
#vmarquee {width:2000px;}


/* - - - - - HEADER AND NAV - - - - - */
#header {width:1024px; height:324px; background:url(../images/headerbg.png) no-repeat; margin:auto;}
#nav {margin:30px auto; padding-left:100px; text-transform:uppercase;  position:relative; z-index:50;  }
.logo {margin-top:75px; margin-left:130px;}
#topnav {float:right; margin:10px 0 0 0; font-style:italic;}
*:first-child+html #topnav {margin:10px 12px 0 0;}
.dropdown {background:url(../images/dropdownbg.png) no-repeat; width:339px; height:372px; margin:-4px 0 0 -1px;}
.ddshort {background:url(../images/ddownshort.png) no-repeat; width:339px; height:200px; margin:-4px 0 0 -1px;}

/* - - - - - HORIZONTAL MENU - - - - - */
ul#hrznav {margin:0; border:0 none; padding:0; width:980px; list-style:none; height:24px; }
ul#hrznav li {margin:0; border:0 none; padding:0; float:left; display:inline; list-style:none; position:relative; height:24px;  z-index:50!important;}
ul#hrznav ul {margin:0; border:0 none; padding:0; width:230px; list-style:none; display:none; position:absolute; top:24px; left:0;}
ul#hrznav ul#leftpush {left:-160px;}
*:first-child+html ul#hrznav ul li {left:-15px;}
ul#hrznav ul li {float:none; display:block!important; display:inline; position:relative; }
/* Root Menu */
ul#hrznav a {padding:0 10px; float:none!important; float:left; display:block; color:#fff; text-decoration:none; height:auto!important; height:1%; border-right:#fff 1px solid;}
/* Root Menu Hover Persistence */
ul#hrznav a:hover, ul#hrznav li:hover a, ul#hrznav li.iehover a {background:#545353; color:#fff;}
/* 2nd Menu */
ul#hrznav li:hover li a, ul#hrznav li.iehover li a {float:none; background:none;color:#fff; border:0; width:260px; border-bottom:1px solid #706F6F; }
/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover, ul#hrznav li:hover li:hover a, ul#hrznav li.iehover li a:hover, ul#hrznav li.iehover li.iehover a {background:#3A546B; color:#fff;}
/* OTHER */
ul#hrznav ul ul, ul#hrznav ul ul ul {display:none; position:absolute; top:0; left:160px;}
ul#hrznav li:hover ul ul, ul#hrznav li:hover ul ul ul, ul#hrznav li.iehover ul ul, ul#hrznav li.iehover ul ul ul {display:none;}
ul#hrznav li:hover ul, ul#hrznav ul li:hover ul, ul#hrznav ul ul li:hover ul, ul#hrznav li.iehover ul, ul#hrznav ul li.iehover ul, ul#hrznav ul ul li.iehover ul {display:block;}

/* - - - - - HORIZONTAL MENU - - - - - */
ul#hrznav2 {margin:0; border:0 none; padding:0; width:675px; list-style:none; height:20px;}
ul#hrznav2 li {margin:0; border:0 none; padding:0; float:left; display:inline; list-style:none; position:relative; height:20px;}
*:first-child+html ul#hrznav2 li {height:13px;}
ul#hrznav2 ul {margin:0; border:0 none; padding:0; width:250px; list-style:none; display:none; position:absolute; top:20px; left:0;}
*:first-child+html ul#hrznav2 ul {top:15px; left:0px;}
ul#hrznav2 ul li {float:none; display:block!important; display:inline;}
/* Root Menu */
ul#hrznav2 a {padding:0 6px; float:none!important; float:left; display:block; color:#fff; text-decoration:none; height:auto!important; height:1%; border-right:#fff 1px solid;}
/* Root Menu Hover Persistence */
ul#hrznav2 a:hover, ul#hrznav2 li:hover a, ul#hrznav2 li.iehover a {background:#fff; color:#000;}
/* 2nd Menu */
ul#hrznav2 li:hover li a, ul#hrznav2 li.iehover li a {float:none; background:#fff; color:#000; border:0;}
/* 2nd Menu Hover Persistence */
ul#hrznav2 li:hover li a:hover, ul#hrznav2 li:hover li:hover a, ul#hrznav2 li.iehover li a:hover, ul#hrznav2 li.iehover li.iehover a {background:#3A546B; color:#fff;}
/* OTHER */
ul#hrznav2 ul ul {display:none; position:absolute; top:0; left:160px;}
ul#hrznav2 li:hover ul ul, ul#hrznav2 li:hover ul ul ul, ul#hrznav2 li.iehover ul ul, ul#hrznav2 li.iehover ul ul ul {display:none;}
ul#hrznav2 li:hover ul, ul#hrznav2 ul li:hover ul, ul#hrznav2 ul ul li:hover ul, ul#hrznav2 li.iehover ul, ul#hrznav2 ul li.iehover ul, ul#hrznav2 ul ul li.iehover ul {display:block;}



/* - - - - - FOOTER AND CHILDREN - - - - - */
#footer {width:960px; height:520px; font:12px/14px Georgia, "Times New Roman", Times, serif; margin: 0 auto;background:url(../images/footerbg.jpg) repeat; position:relative; right:15px; padding-top:10px;}
#footer a {color:#333;}
#footer a:hover {color:#000;}
a.spider {background:url(../images/spiders.png); background-repeat:no-repeat; height:30px!important; display:block;  float:right; text-transform:uppercase; font-size:10px; padding:60px 0 0 5px; text-decoration:none; }
#footlinks {margin:30px auto 0 auto; text-align:center; font-size:16px;}
#footlinks a {text-decoration:none; color:#fff;}
#footlinks a:hover {color:#ccc;}
 
a#creditbtn {background-position:0 0; width:100px!important;} 
a#creditbtn:hover {background-position:0 -100px; color:#2a94c1;}
#copyright {width:400px; height:50px; float:left; margin-top:30px; margin-left:10px;}

#announcements {width:900px; height:auto; margin:10px auto;}
#announcements p {margin-left:20px;}
.btmbar {margin:20px 0 0 17px;}
.facebook {margin-left:50px;}
#banneradarea {width:900px; height:90px; margin:5px auto; padding:0px;}
.banner {width:150px; height:90px; margin:0px 10px 0px 10px; padding:0px; float:left;}
.location {float:left; margin-left:10px; padding-right:5px;}
.location p {color:#fff;}


/* - - - - - BASE TAGS AND CLASSES - - - - - */
h1 {font:24px/35px Georgia, "Times New Roman", Times, serif; color:#333;border-bottom:1px dotted #333;}
h2 {font:20px/28px Georgia, "Times New Roman", Times, serif; color:#333; }
h3 {font:18px/26px Georgia, "Times New Roman", Times, serif; color:#3F5972; font-weight:bold; font-style:italic;}
h4 {font:10px/10px Georgia, "Times New Roman", Times, serif; color:#333;}
p {font:14px/20px Georgia, "Times New Roman", Times, serif; color:#333;}
h5 {font:12px/18px Georgia, "Times New Roman", Times, serif; color:#333;}
h6 {font:10px/16px Georgia, "Times New Roman", Times, serif; color:#333;visibility:hidden;}
h7 {font:10px/16px Georgia, "Times New Roman", Times, serif; color:#333; visibility:hidden;}
ul {list-style:square; margin-left:60px;}
ol {list-style:decimal; margin-left:60px; line-height:25px;}
ul li, ol li {padding-left:5px;}
a, a:link, a:active, a:visited {color:#333;}
a:hover {color:#3F5972; text-decoration:none;}
a img {border:none;}
.sm10 {font-size:10px;}
.hide {display:none;}
#contact .shhhh, .shhhh {display:none;}
.cursor {cursor:pointer;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.left {float:left;}
.tleft {text-align:left;}
.right {float:right;}
.tright {text-align:right;}
.center {text-align:center;}
.centeralign {text-align:center; margin:0 auto;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
hr {border:1px dotted #333;}
.bold {font-weight:bold; font-size:16px;}

/* - - - - - CONTACT FORM- - - - - */
form#contact {margin:20px 10px 20px 0; padding:5px; float:right; width:500px; background:#ccc; border:none; font:0.75em Georgia, "Times New Roman", Times, serif; color:#333;} 
#contact label,#contact input {display:block; width:150px; float:left; margin-bottom:10px;}
#contact label {text-align:right; width:75px; padding-right:5px;}
#contact br {clear:left;}
#contact fieldset {margin:0px 0px 10px 0px; position:relative; display:block; border:none;padding:0px 10px 10px 10px;} 
#contact legend {color:#333; font-variant:small-caps; padding:2px 5px; position:relative; font:bold 18px/24px Georgia, "Times New Roman", Times, serif;}
#contact span.state {width:130px; float:left; text-align:right;}
#contact #zip {width:60px; margin-right:12px; float:left;}
#contact #zipname {width:27px; margin-left:13px; float:left;}
#contact #comments {display:block; width:480px; height:100px; margin-bottom:15px;}
textarea {overflow:auto;}
#contact .submit {width:85px; height:32px; float:right;}
#contact .shhhh {display:none;}

/* - - - - - OTHER- - - - - */
#googlemap {width:800px; height:450px; margin:0 auto; border:2px double #ddd;}
a.button {width:auto; height:auto; text-align:center; border:1px solid #555; color:#fff; background:#333; padding:4px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; text-decoration:none;}
a.button:hover, a.button:active, a.button:focus {border-color:#333; background-color:#aaa; color:#000; text-decoration:none;}
#validationmessage {width:90%; height:auto!important; margin:0 auto; text-align:center; font-weight:bold; background:#fbb; border:2px dashed #f00; color:#900; padding:5px;}
.fielderror {background-color:#fbb; border-color:#f00; color:#900;}

/************** RELOACTION FORM ************/
#relocationform 	{width:300px; font-family:"Trebuchet MS"; font-size:0.75em; font-weight:normal; color:#333; background:#ccc; border:1px solid #ddd; padding:10px; margin:auto;}
#relocationform label {display:block; width:75px; float:left; margin-bottom:10px; padding-right:5px; text-align:right;}
#relocationform input {display:block; width:150px; float:left; margin-bottom:10px; border:1px solid #ccc;}
#relocationform select {display:block; width:150px; float:left; margin-bottom:10px; border:1px solid #ccc;}
#relocationform br {clear:left;}
#relocationform .submit	{width:85px; padding:2px; float:none; display:inline; margin:0 0 5px 80px; border:1px solid #ccc; background:#ddd; color:#555;}
#relocationform .submit:active, #relocationform .submit:hover {background:#ccc; color:#000; border:1px solid #aaa;}

/* - - - - - MEMBERSHIP APPLICATION FORM - - - - - */
#membershipform {width:750px; margin:0 auto;}
#membershipform br {clear:left;}
#membershipform fieldset {height:auto; padding:5px; background:#D0D8E0; margin:15px 0; border:none; -moz-box-shadow:5px 5px 5px #999; -webkit-box-shadow:5px 5px 5px #999; box-shadow:5px 5px 4px #999;}
#membershipform legend {font-size:18px; padding-top:5px; margin-bottom:10px; font-weight:bold; color:#505050;}
#membershipform label {float:left; width:190px; height:50px; margin:0 20px 10px 0; padding:0; color:#505050;}
#membershipform label.req {color:#8a1043;}
#membershipform input {float:left; width:190px; height:20px; margin:0; padding:3px; border:1px solid #6c889d; color:#6c889d; background:#eee;}
#membershipform input:focus, #membershipform input:active {border:1px solid #000; color:#000; background:#fff;}
#membershipform label.checkbox {line-height:15px; height:auto; margin-bottom:5px;}
#membershipform input.checkbox {float:none; width:auto; height:auto; margin:0 5px 0 0; padding:0px; border:none; color:inherit; background:#fff;}
#membershipform input.checkbox:focus, #membershipform input.checkbox:active {border:none; color:inherit; background:#fff}
#membershipform select {float:left; width:200px; height:29px; margin:0 15px 10px 0; padding:3px; border:1px solid #6c889d; color:#6c889d; background:#eee;}
#membershipform select option {padding:3px;}
#membershipform select:focus, #membershipform select:active {border:1px solid #000; color:#000; background:#fff;}
#membershipform label.textarea {width:500px; height:90px;}
#membershipform textarea {float:left; width:600px; height:60px; margin:0; padding:3px; border:1px solid #6c889d; color:#6c889d; background:#eee;}
#membershipform textarea:focus, #membershipform textarea:active {border:1px solid #000; color:#000; background:#fff;}
#membershipform input.submit {float:none; width:auto; display:block; height:auto; margin:0 auto; padding:5px; border:1px solid #9F9F9F; color:#D5D3D4; background:#6c889d; cursor:pointer; font-weight:bold;}
#membershipform input.submit:focus, #membershipform input.submit:active, #membershipform input.submit:hover {border:1px solid #000; color:#fff; background:#535152;}
#membershipform input.hidden {display:none;}
#membershipform input.fielderror {background-color:#fbb; border-color:#f00; color:#900;}
#membershipform label.whole, #membershipform input.whole {width:700px;}
#membershipform select.whole {width:710px;}
#membershipform label.half, #membershipform input.half {width:340px;}
#membershipform select.half {width:345px;}
#membershipform label.third, #membershipform input.third {width:220px;}
#membershipform select.third {width:225px;}
#membershipform #cost {font-weight:bold; text-align:center; color:#415D75; padding:5px;}
#membershipform .req {font-weight:bold; color:#900; font-size:1.2em;}
.validationmessage {width:90%; height:auto!important; margin:0 auto; text-align:center; font-weight:bold; background:#fbb; border:2px dashed #f00; color:#900; padding:5px;}