/* CSS Document */


* {background-position:0px 0px; background:transparent; border-collapse:collapse; border:0px; font-family:inherit; font-size:100%; list-style:none; margin:0px; outline:0px; padding:0px; vertical-align:top; white-space:normal;}

html {height:100%; overflow:-moz-scrollbars-vertical;}

body {background:#82c5af url(/common/images/site-bg.gif) repeat-y center 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0; text-align:center;}

a {color:#00367b; text-decoration:underline;}

a:visited {color:purple;}

a:hover {text-decoration:none;}

.clearboth {clear:both; display:block;}

input,
select,
textarea {background-color:#e1e1e1; border:1px solid #999999; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:14px; padding:3px; white-space:pre;}
.btn, .btn:visited,
.input-button {border:2px solid #7E7E7E;background:#7E7E7E; color:#ffffff; padding:0px 6px 0px 6px; cursor:pointer; font-size:11px; text-transform:uppercase;display:inline-block;text-decoration:none;}
.input-button:hover,
.btn:hover {border-color:#555;}

.input-text {}
.input-text:focus {background:#fff;}

select {padding:0px;}

.input-checkbox {background:none; border:0px;}



#content-area {margin-top:15px;}

#content-area .align-left-margin {float:left; margin:0px 12px 4px 0px;}

#content-area .align-right-margin {float:right; margin:0px 0px 4px 12px;}




#content-area .box-form {}
#content-area .box-form .form-table {}
#content-area .box-form .form-table td {padding:0 5px 5px 0;}

#content-area .calendar {border:1px solid #e1e1e1;}
#content-area .calendar td:first-child {height:auto;}
#content-area .calendar td {border:1px solid #e1e1e1; height:50px; padding:10px;}
#content-area .calendar td a {display:block; height:30px;}

#content-area .calendar td.highlight {background-color:#D4F2EB; font-weight:bold;}

#content-area .calendar td.active {background-color:#dddddd;}

#content-area .calendar .day-header {background-color:#c0c0c0; color:#333333; font-size:10px; letter-spacing:1px; padding:3px 15px 3px 15px; text-align:center; text-transform:uppercase;}

#content-area .calendar .title {}
#content-area .calendar .title td {border:0px; font-weight:bold; height:auto; padding:0px;}
#content-area .calendar .title td a {display:inline; height:auto; text-decoration:none;}


#content-area .checkbox{display:inline-block;background:transparent url(../images/checkbox.gif) no-repeat 0px 0px;text-decoration:none;width:14px;height:14px;cursor:pointer;margin:0 3px 0 0;} 
#content-area .checkbox-hover{background-position:0px -14px;}
#content-area .checkbox-checked{background-position:0px -28px;}


#content-area .commuter-solutions {}
#content-area .commuter-solutions td {padding-bottom:3px;}

#content-area .commuter-solutions td.col-middle {padding:0px 10px 0px 10px;}



#content-area .font-smaller {font-size:90%;}


#content-area h2{color:#036951; font-size:16px; font-weight:bold; margin:0px 0px .5em 0px;}

#content-area h3{color:#555555; font-size:14px; font-weight:bold; margin:0px 0px .5em 0px;}

#content-area hr {border:0px solid white; border-bottom:1px solid #dddddd; clear:both; margin-bottom:1.3em;}

#content-area .link-more {clear:both; color:#00367b; display:block; font-size:85%; margin-top:6px; text-align:right; text-decoration:none; text-transform:uppercase;}
#content-area .link-more:hover {text-decoration:underline;}




#content-area .locations {}
#content-area .locations .list {}
#content-area .locations .list ul {margin:0px;}
#content-area .locations .list ul li {display:block; float:left; list-style:none; margin:5px 18px 5px 0px; padding:0px; width:31%;}
#content-area .locations .list ul li a {text-decoration:none;font-weight:bold;}
#content-area .locations .list ul li a:hover .item-name {text-decoration:underline;}
#content-area .locations .list ul li a .item-name {}
#content-area .locations .list ul li a .item-address {font-style:italic;font-size:.9em;color:#777;}

#content-area .locations .list ul li.new-line {border-bottom:1px solid #eeeeee; clear:both; float:none; font-size:1px; height:1px; line-height:1px; margin:0px; padding:0px; width:100%;}


#content-area ol {margin:0px 0px 1em 2.5em;}	

#content-area ol li {list-style-image:none; list-style-position:outside; list-style-type:decimal; padding-bottom:4px; padding-left:0px;}

#content-area ul {margin:0px 0px 1em 2.5em;}	

#content-area ul li {list-style-image:none; list-style-position:outside; list-style-type:square; padding-bottom:4px; padding-left:0px;}
#content-area ul ul {margin-bottom:0;}

#content-area > .content-inner > table {display:block; width:100%;}

#content-area > .content-inner > table #content-area-home-left {border-right:1px solid #cccccc; width:295px;}
#content-area > .content-inner > table #content-area-home-left .mmhide_content {padding:0px 15px 0px 0px;}

#content-area > .content-inner > table #content-area-home-middle {width:378px;}

#content-area > .content-inner > table #content-area-home-middle .mmhide_content {padding:0px 15px 0px 15px;}

#content-area > .content-inner > table #content-area-home-right {border-left:1px solid #cccccc; width:245px;}

#content-area > .content-inner > table #content-area-home-right .mmhide_content {padding:0px 0px 0px 15px;}

#content-area > .content-inner > table #content-area-sub-left {border-right:1px solid #cccccc; width:187px;}
#content-area > .content-inner > table #content-area-sub-left .mmhide_content {padding:0px 15px 50px 0px;}



#content-area > .content-inner > table #content-area-sub-middle {width:573px;}
#content-area > .content-inner > table #content-area-sub-middle .mmhide_content {clear:both; padding:0px 20px 50px 20px;}

#content-area > .content-inner > table #content-area-sub-right {border-left:1px solid #cccccc; width:158px;}
#content-area > .content-inner > table #content-area-sub-right .mmhide_content {padding:0px 0px 0px 12px;}

#content-area > .content-inner > table #content-area-sub-right .mmhide_content h3{color:#397d62; font-family:arial narrow, arial, sans-serif; font-size:16px; font-weight:bold; margin:0px 0px 4px 0px;}

#content-area > .content-inner > table #content-area-sub-right .mmhide_content h3 a {background:url(/common/images/arrow-green-light.gif) no-repeat right 6px; color:#397d62; padding-right:17px; text-decoration:none;}

#content-area > .content-inner > table #content-area-sub-right .mmhide_content h3 a:hover {color:#489D7D; text-decoration:none;}


#content-area table.no-sidebar #content-area-sub-middle {width:731px;}			

#content-area p,
#content-area ul,
#content-area ol,
#content-area dl {margin-bottom:1.3em;}

#home-events {font-size:11px; margin-bottom:14px;}
#home-events > div {border-top:0px; border:1px solid #cccccc; padding:10px;}

#home-events h1{background-color:#418f6f; border-bottom:4px solid #3c8467; color:#ffffff; display:block; font-family:palatino linotype, times new roman, serif; font-size:16px; font-style:italic; font-weight:bold; letter-spacing:1px; margin:0px; padding:0px; padding:2px 10px 2px 10px;}

#home-events .link-more {color:#00367b; display:block; font-family:palatino linotype, times new roman, serif; font-size:12px; font-style:italic; letter-spacing:1px; margin-top:5px; text-align:right; text-decoration:none;}

#home-events .link-more:hover {color:#6685a3; text-decoration:none;}

#home-events ul {list-style:none; margin:0px; padding:0px;}
#home-events ul li {list-style:none; margin:0px 0px 6px 0px; padding:0px;}

#home-icon-teasers {font-size:11px;}	
#home-icon-teasers dt {clear:left; float:left; margin:5px 0px 0px 0px; padding:0px;}

#home-icon-teasers dd {clear:right; margin:0px 0px 0px 55px; padding:0px;}
#home-icon-teasers dd h1{color:#666666; font-family:arial narrow, arial, sans-serif; font-size:16px; margin:0px 0px 2px 0px;}
#home-icon-teasers dd h1 a {background:url(/common/images/arrow-green-light.gif) no-repeat right 6px; color:#397d62; padding-right:17px; text-decoration:none;}

#home-icon-teasers dd h1 a:hover {color:#489D7D; text-decoration:none;}

#home-parks-trails {border:1px solid #e1e1e1;}
#home-parks-trails th {background-color:#eeeeee; color:#333333; font-family:arial; font-size:10px; letter-spacing:1px; padding:3px 15px 3px 10px; text-transform:uppercase;}

#home-parks-trails td {border-bottom:1px solid #e1e1e1; padding:15px;}


#home-teasers {margin-bottom:15px;}

#home-teasers h1{color:#00367b; font-family:palatino linotype, times new roman, serif; font-size:20px; font-style:italic; font-weight:normal; margin:0px 0px 2px 0px;}
#home-teasers h1 a {background:url(/common/images/arrow-blue-light.gif) no-repeat right 10px; color:#00367b; padding-right:20px; text-decoration:none;}

#home-teasers h1 a:hover {color:#6685a3;}

#home-teasers p {margin:0px 0px 12px 0px;}

#home-traffic-weather .table-generic td {padding:0px;}

img {border:0px;}

#left-locations-map {}

#left-locations-map h3{background-color:#eeeeee; border:1px solid #c0c0c0; color:black; font-size:10px; font-weight:normal; margin:0px 0px 1px 0px; padding:3px 15px 3px 15px; text-transform:uppercase;}
#left-locations-map img {border:1px solid #c0c0c0; padding:12px;}

p {margin-top:0px;}

#page-title {border-bottom:1px solid #cccccc; clear:both; color:#00367b; display:block; float:left; font-family:futura, arial, sans-serif; font-size:12px; font-weight:normal; letter-spacing:1px; line-height:1.3em; margin:0px 15px 15px 0px; padding:0px 5px 7px 20px; text-transform:uppercase;}


#secondary-nav,
#site-container #secondary-nav {font-family:futura, arial, sans-serif; font-size:11px; list-style:none; margin:0px 0px 20px 0px; padding:0px; text-transform:uppercase;}

#secondary-nav li,
#site-container #secondary-nav li {display:block; list-style:none; padding:0px;}



#secondary-nav li a {border-bottom:1px solid #cccccc; color:#666666; display:block; padding:8px 15px 7px 15px; text-decoration:none;}
#secondary-nav li:first-child a {padding-top:1px;}	

#secondary-nav li.mmhide_active a,
#secondary-nav li.mmhide_active a:hover {color:#999999;}


#secondary-nav li a:hover {color:#00367b;}

#section-title {background:url(/common/images/section-title-bg.jpg) no-repeat 0px 0px; color:#ffffff; display:block; font-family:palatino linotype, times new roman, serif; font-size:18px; font-style:italic; font-weight:bold; letter-spacing:1px; line-height:28px; margin:0px; padding:0px; padding:0px 10px 2px 10px;}

#section-banner {width:531px;height:153px;background:#007553;color:#f0f0f0;margin:0 0 15px 0;}
#section-banner h1 {font-size:16px;font-weight:bold;padding:0 0 12px 0;}
#section-banner p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.9em;line-height:1.55em;}

#section-banner .banner-inner {padding:18px 18px 0 18px;}

#sidebar-bike-to-work {margin:0px 0px 12px 0px;}

#sidebar-join-district {background:url(/common/images/sidebar/join-bg.gif) no-repeat 65px -25px; border:1px solid #dbdbdb; margin:0px 0px 12px 0px; padding:8px;}
#sidebar-join-district p {margin:0px;}

#sidebar-maps {background:url(/common/images/sidebar/maps-bg.gif) no-repeat 70px -35px; border:1px solid #dbdbdb; margin:0px 0px 12px 0px; padding:8px;}

#sidebar-maps p {margin:0px;}

#sidebar-enewsletter {background:url(/common/images/sidebar/enewsletter-bg.gif) no-repeat 70px -35px; border:1px solid #dbdbdb; margin:0px 0px 12px 0px; padding:8px;}
#sidebar-enewsletter p {margin:0px;}



#site-container {background:transparent url(/common/images/site-top-bg.gif) repeat-x center 0; text-align:left;}

#site-container .container-inner {background:#fff; margin:0 auto 0 auto; padding:8px 0 0 0; width:918px;}



#site-footer {border-top:1px solid #e0e0e0; clear:both; font-size:11px; margin:20px 0px 0px 0px; padding:8px 0px 8px 0px;}

#site-footer-links {float:right; list-style:none; margin:0px; padding:0px;}

#site-footer-links li {display:inline; margin:0px; padding:0px 5px 0px 5px;}

#site-footer-links li a {color:#666666; text-decoration:none;}

#site-footer-links li a:hover {text-decoration:underline;}



#site-header {padding-bottom:13px;}
#site-header .mmhide_logo-icon {display:block; float:left; height:68px; margin:10px 18px 0px 0px; width:78px;}

#site-header .mmhide_logo-text {display:block; float:left; margin:10px 0px 20px 0px;}

#site-header-links {float:right; font-size:11px; list-style:none; margin:0px; padding:0px;}
#site-header-links li {display:block; float:left; margin:0px; padding:6px 11px 0px 6px;}

#site-header-links li a {color:#666666; text-decoration:none;}

#site-header-links li a:hover {text-decoration:underline;}

#site-header-nav {float:left; list-style:none; margin:0px 0px 3px 8px; padding:0px; width:798px;}

#site-header-nav li {border-left:1px solid #999999; display:block; display:block; float:left; padding:2px 19px 4px 19px; white-space:nowrap;}

#site-header-nav li.mmhide_first {border:0px; padding-left:3px;}

#site-header-search {border:0px !important; padding-right:0px !important; padding-top:0px !important;}

#site-header-search img {bottom:2px; cursor:pointer; float:left; margin-left:4px; position:relative;}

#site-header-search input {background-color:#e1e1e1; border:1px solid #999999; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; padding:5px; width:129px;}



.table-generic {background:url(/common/images/gradient-horizontal-slight.jpg) repeat-y 0px 0px; border:1px solid #e1e1e1;}
.table-generic th,
.table-generic .header-cell {background-color:#c0c0c0; border-bottom:1px solid #999999; color:#333333; font-family:arial; font-size:10px; letter-spacing:1px; padding:3px 15px 3px 10px; text-transform:uppercase;}

.table-generic td {border-bottom:1px solid #e1e1e1; padding:3px 5px 3px 5px;}

.table-generic tr td:first-child {padding:3px 5px 3px 10px;}



#location-details {margin-top:12px;}
#location-details .mmhide_description {color:#666666;}

#location-details .details-left {float:left;width:200px;}
#location-details .details-left .left-inner {padding:0 15px 0 0;}

#location-details .details-right {width:330px;float:right;}
#location-details .details-right .right-inner {}

#location-details .location-map {border:1px solid #ccc;background:#eee;width:328px;height:268px;}
#location-details #map_canvas {width:328px;height:268px;clear:right;float:right;}

#location-details .location-directions {clear:both;}
#location-details #map_directions {clear:right;}

#location-details .location-directions .directions-start {padding:10px;background:#eee;border:1px solid #ccc;border-top:none;}
#location-details .location-directions .directions-start h4 {margin:0;padding:0 0 5px 0;}
#location-details .location-directions .directions-start .start-input {width:295px;margin:0 0 5px 0;}
#location-details .location-directions .directions-start .start-input:focus {background:#fff;}
#location-details .location-directions .directions-start .start-get-btn {font-size:10px;background:#999;}
#location-details .location-directions .directions-start .start-get-btn:hover {background:#777;}


#location-details h2{color:#045F4E; font-size:16px; font-weight:bold; margin:0px 0px 5px 0px;}

#location-details h4{color:#666666; font-size:12px; font-weight:bold; margin:0px 0px 5px 0px;}

#location-details .mmhide_hours-title {color:#89ABDE; font-size:14px; font-weight:bold; margin:0px 0px 5px 0px;}
#location-details .mmhide_hours-info {}

#location-details .mmhide_photo {padding:0px 0px 5px 0;}




.table-overview {font-size:11px; letter-spacing:1px; line-height:16px;}
.table-overview tr:first-child td {padding-top:0px;}

.table-overview td {border-bottom:1px solid #cccccc; padding:10px 0px 10px 0px;}

.table-overview td h1{color:#036651; font-family:futura, arial, sans-serif; font-size:12px; font-weight:normal; letter-spacing:1px; margin:0px 0px 3px 0px; text-transform:uppercase;}
.table-overview td h1 a {color:#036651; text-decoration:none;}
.table-overview td h1 a:hover {text-decoration:underline;}

.table-overview td .link-more {clear:both; color:#00367b; display:block; margin-top:6px; text-decoration:none; text-transform:uppercase;}
.table-overview td .link-more:hover {text-decoration:underline;}

.table-overview td p {margin:0px;}

.table-overview td:first-child {border:0px;}
.table-overview td:first-child img {border:1px solid #cccccc; margin-right:20px;}
