@charset "UTF-8";
/* CSS Document */

body { margin-top: 0; background-image: url(../images/bg.png); background-repeat: repeat-x; background-color: #416273; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; }

#wrapper { width: 665px; margin: auto; position: relative; background-image: url(../images/wrapper-bg.png); background-repeat: repeat-y; }

#header { width: 665px; height: 320px; background-image: url(../images/header-bg.png); background-repeat: no-repeat; }

#logo { background-image: url(../images/logo.png); background-repeat: no-repeat; position: absolute; top: 66px; left: -132px; width: 132px; height: 60px; }

#logo a img { width: 132px; height: 60px; }

a:link, a:visited { color: #999; text-decoration: underline; }

a:hover, a:active { color: #333; }




/* ----- Navigation ----- */

ul#nav { position: absolute; top: 201px; left: 40px; list-style: none; margin: 0; padding: 0; }

ul#nav li { display: inline; float: left; }

li.nav-spacer img { width: 15px; height: 16px; background-image: url(../images/nav-spacer.png);  }

li.nav-home a:link img, li.nav-home a:visited img { background-image:url(../images/nav-home.png); width: 45px; height: 16px; }

li.nav-home a:hover img, li.nav-home a:active img, li.nav-home a.current:link img { background-image:url(../images/nav-home-over.png); background-repeat: no-repeat; }

li.nav-directory a:link img, li.nav-directory a:visited img  { background-image:url(../images/nav-directory.png); width: 81px; height: 16px; background-repeat: no-repeat; }

li.nav-directory a:hover img, li.nav-directory a:active img , li.nav-directory a.current:link img, li.nav-directory a.current:visited img, li.nav-directory a.current:hover img, li.nav-directory a.current:active img { background-image:url(../images/nav-directory-over.png); width: 81px; height: 16px; }

li.nav-legends a:link img, li.nav-legends a:visited img { background-image:url(../images/nav-legends.png); width: 117px; height: 16px; background-repeat: no-repeat; }

li.nav-legends a:hover img, li.nav-legends a:active img, li.nav-legends a.current:link img, li.nav-legends a.current:visited img, li.nav-legends a.current:hover img, li.nav-legends a.current:active img { background-image:url(../images/nav-legends-over.png); width: 117px; height: 16px; }

li.nav-contact a:link img, li.nav-contact a:visited img { background-image:url(../images/nav-contact.png); width: 60px; height: 16px; background-repeat: no-repeat; }

li.nav-contact a:hover img, li.nav-contact a:active img, li.nav-contact a.current:link img, li.nav-contact a.current:visited img, li.nav-contact a.current:hover img, li.nav-contact a.current:active img { background-image:url(../images/nav-contact-over.png); width: 60px; height: 16px; }



/* ----- Content ----- */

#content { background-image: url(../images/copy-bg.png); background-repeat: no-repeat; padding: 20px 42px; min-height:295px; height:auto !important; height:295px; }

#content.large-pic { padding: 5px 25px 20px 25px; }

#content.extra { background-image: url(../images/extra-bg.png); min-height:665px; height:auto !important; height:665px; font-size: 11px; line-height: 16px; }

#content.extra a:link, #content.extra a:visited { color: #5C7282; text-decoration: none; }

#content.extra a:hover, #content.extra a:active { text-decoration: underline; }

#content-left { float: left; }

#content-left.legends { width: 381px; padding: 20px 0 20px 17px; }

#content-right { float: right; width: 180px; }

#content-right.legends-right { padding: 20px 17px 0 0; }

#content-clear { clear: both; }

h1 { color: #285363; font-size: 16px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; line-height: 16px; }

#copy, #copy-directory { font-size: 11px; line-height: 20px; }

#copy p, #copy-directory p { margin-top: 0; }

#copy.home { width: 381px; }

#copy.home p { margin-bottom: 10px; }

#copy-directory { padding: 20px 17px; !important }

#copy.contact-copy p { margin-bottom: 25px; }

#home-features { border-top: 1px solid #285363; padding-top: 20px; }

#center-hours, #community-links { width: 178px; height: 90px; float: left; font-size: 11px; border: 1px solid #285363; } 

#center-hours p, #community-links p { padding: 10px 7px 0 7px; margin: 0; line-height: 16px; }

#community-links p { margin-bottom: 5px; }

#community-links { margin-left: 20px; }

p.community-left1 { float: left; width: 100px; }

p.community-right1 { float: right; width: 50px; text-align: right; }

p.community-left2 { float: left; width: 50px; }

p.community-right2 { float: right; width: 100px; text-align: right; }

/* FOR IE */ .community-right1 a, community-right2 a { text-align: right; display: block; }

#community-links a:link, #community-links a:visited { color: #999; text-decoration: none; }

#community-links a:hover, #community-links a:active { text-decoration: underline; }

#contact-left { float: left; width: 245px; }

#contact-right { float: right; width: 315px; font-size: 11px; }

input { border: 1px solid #5C7282; margin: 3px 0 10px 0; }

input.input-short { width: 152px; }

input.input-long { width: 315px; }

input.input-comments { height: 75px; }

input.submit-button {float: right; }

.gray-copy {color: #999; }

#sponsor-bar { clear: left; padding-left: 17px; }

#sponsor-images { padding-top: 10px; }

#home-side-photo { padding-top: 20px; }

#col1, #col2, #col3 { float: left; width: 180px; font-size: 10px; }

#col1 { padding-left: 17px; }

#col2, #col3 { padding-left: 20px; }

#directory-listings ul { list-style: none; margin: 0; padding: 10px 4px 10px 8px; }

#directory-listings ul li { margin-bottom: 5px; }

.directories { margin-bottom: 20px; }

#shopping, #entertainment, #dining, #services, #office { border: 1px solid #5C7282; margin-bottom: 20px; }

#alpha { border: 1px solid #910300; }

#directory-listings a:link, #directory-listings a:visited { color: #333; text-decoration: none; }

#directory-listings a:hover, #directory-listings a:active { color: #999; }

#home-side-photo { font-size: 9px; line-height: 13px; }

.promo-headline {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #285363;
	font-weight: bold;
}

.promo-text { }




/* ----- Footer ----- */

#footer { color: #fff; font-size: 10px; background-image: url(../images/footer-bg.png); background-repeat: no-repeat; background-color: #416273; height: 80px; clear: both; }

#footer a:link, #footer a:visited { color: #fff; text-decoration: underline; }

#footer a:hover, #footer a:active { color: #91B6CF; }

#footer-text { float: left; padding: 15px 0 0 30px; width: 528px; }

#footer-logo { float: right; padding-right: 25px; }