/**********reset everything to zero*********/
body, p, ul, ol, li, a, h1, h2, h3, h4, h5, h6, img, a {padding: 0; margin: 0; border: 0;}

body {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0 0 2em; background: #000 url(http://www.commuterclub.com/img/BlueBlackDiag.gif) fixed top repeat-x;}

h1, .fake-h1 {font-size: 2.1em; color: #003D78; margin-bottom: .3em; font-weight: normal; letter-spacing: -.04em;}
h2, .fake-h2 {font-size: 1.5em; color: #7F7F7F; margin-top: .7em; margin-bottom: .5em; letter-spacing: -.01em;}
h3 {font-size: 1.15em; line-height: 1.25em; color: #6b6b6b; margin-bottom: .5em; letter-spacing: -0;}
h4 {font-size:.92em; line-height: 1.3em; color: #6b6b6b; font-weight: normal; text-transform: uppercase; letter-spacing: .35em; margin: .45em 0 .8em;}
h5 {}
h6 {}
h1 + h2 {margin-top: -.2em;}
p {line-height: 1.5em; padding-bottom: .85em;}
li {line-height: 1.45em;}

a {color: #0437AC; text-decoration: none;}
a:hover {text-decoration: underline;}
a.nobrdr {border:none !important;}

#main a {color:#0437AC; text-decoration:none; border-bottom: dotted 1px #0437AC;}
#main a:hover {text-decoration: none; border-bottom: solid 1px #0437AC;}

#wrapper {font-size: .75em; text-align: left; width: /*754px*/934px; padding: 0; margin: 0 auto; border:solid 3px #999; border-top:none; background:#fff url(http://www.commuterclub.com/img/main_bkgd.gif) right repeat-y; position: relative;}
#header {background-color: #FFF; width: 934px; height: 125px; margin: 0; padding: 0; clear: both;}
#photobar {background-color: #FFF; width: 754px; height: 94px; margin: 0; padding: 0;}

#main {background-color: #FFF; padding: 24px 0 75px 34px; width: /*496px*/676px; min-height: 725px; height: auto!important; height: 725px; margin: 0 0 25px 0;}
	#main ul, #main ol, .mceContentBody ul, .mceContentBody ol {margin: 0 0 1.1em 3em;}
	#main ul li, .mceContentBody ul li {margin: 0 0 .75em 0; list-style: square;}
	#mainLcol ul li ul li {margin-top: .7em; margin-bottom: -.3em; font-style:italic;}
	#mainLcol ul ul {margin-bottom: 1.6em;}
#mainIntro {padding-bottom: 3em; margin-bottom: 1em;}
	#mainIntro p {font-size: 105%;}
	.home-element {border-top: solid 1px silver; padding-top: 3em; margin-top: 1em;}
#mainLcol {}
#mainRcol {font-size: .85em; color: #666; width: 160px; padding: .5em .4em 3px .7em; margin: 0 0 10px 35px; float:right; background: url(http://www.commuterclub.com/img/calloutbox_bkgd.gif) top right no-repeat #F6F6F6; border: solid 1px #E2E2E2;}
#mainRcol ul {margin-left: 1.5em;}
.mainHighlight {border-top: solid 1px silver; width:676px; float:left; margin-top:3em; padding-top:1em; }

#nav {color: #FFF; width: 180px; background: url(http://www.commuterclub.com/img/lnavshadow.gif) left top repeat-y; position: absolute; top: 152px; right: 0; margin-left: 40px; background-color: #8CA200;}
#sidemap {width: 146px; padding: 6px 5px 7px 7px; color: #333; margin: /*3.5*/1.7em 0 0 12px; border: solid 1px #6E7F00; background-color: #BAC766;}
#wrapper #nav #sidemap p {font-size: .7em; line-height: 1.2em; padding: .1em 0 .5em 0;}

#footer {position:absolute; bottom:20px; left:34px; width:686px; font-size: .85em; color: #999; text-align: center; border-top: solid 1px silver; padding-top: 1em; margin-top: 2em;}
#logo {padding: 20px 0 0 34px; float: left;}
#cse {float: right; margin: 80px 14px 0 0;}
	#cse input {padding:1px 2px; margin: 0;}
	#cse input.box {background-color: #FAFAFA; border: solid 1px silver; color:gray;}
	#cse input.box:focus {color: #000; text-align:left;}
	#cse input.box:blur {text-align:right; color: silver;}
	#cse input.btn {position: relative; top: 4px;}
#clearer {font-size:0; line-height:0;clear: both;}
.navbox {width: 120px; margin: 40px 0 0 0; padding: 3px 4px; border: solid 2px #596700;}

#nav li {font-size: .95em; line-height: 1.1em; padding: 0; list-style:none;}
#nav li a:link, #nav li a:visited, #nav li a:active {width: 166px; background: url(http://www.commuterclub.com/img/nav_bkgd.gif) left bottom no-repeat; color: #FFF; text-decoration: none; position: relative; display: block; padding: .9em 0 .95em 14px;}
#nav li a:hover {background: url(http://www.commuterclub.com/img/navover_bkgd.gif) left bottom no-repeat;}

/*********** Subnavigation *********/
#nav li ul li {list-style: none;}
#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:hover, #nav li ul li a:active {font-size: 1.06em; padding: .7em 0 .9em 27px; width: 153px; background: url(http://www.commuterclub.com/img/navover_bkgd.gif) left bottom no-repeat;}
#nav li ul li a:hover {background: url(http://www.commuterclub.com/img/subnav_bkgd_over.gif) left bottom no-repeat;}

/*********** Current Nav Highlighters ************/
#home #nav li a.h, #individual #nav li a.i, #business #nav li a.b, #transportation #nav li a.t, #environment #nav li a.e, #news #nav li a.n, #events #nav li a.ev, #about #nav li a.a, #contact #nav li a.c, #carpool #nav li a.cp, #vanpool #nav li a.vp, #bus_rail #nav li a.br, #bike #nav li a.bk, #telework #nav li a.tw, #guaranteedridehome #nav li a.gr {
background: url(http://www.commuterclub.com/img/nav_bkgd_current.gif) left bottom no-repeat;}

#carpool #nav li a.t, #vanpool #nav li a.t, #bus_rail #nav li a.t, #bike #nav li a.t, #telework #nav li a.t, #guaranteedridehome #nav li a.t {
background: url(http://www.commuterclub.com/img/navover_bkgd.gif) left bottom no-repeat;}

#carpool #nav li a.t:hover, #vanpool #nav li a.t:hover, #bus_rail #nav li a.t:hover, #bike #nav li a.t:hover, #telework #nav li a.t:hover, #guaranteedridehome #nav li a.t:hover {
background: url(http://www.commuterclub.com/img/subnav_bkgd_over.gif) left bottom no-repeat;}

/*********** img and boxes **********/
.imgR {float: right; padding: .4em 0 .5em .8em;}
.imgL {float: left; margin: .4em .8em .5em 0;}

.boxR {font-size: .9em; width: 155px; color: #666; background: url(http://www.commuterclub.com/img/calloutbox_bkgd.gif) top right no-repeat #F6F6F6; float: right; padding: .4em .6em 0; margin: 0 0 .8em 1.3em; border: solid 1px #E2E2E2;}
.boxR h1, .boxR h2, .boxL h1, .boxL h2{color: #7F7F7F;}
.boxR h3, .boxR h4, .boxL h3, .boxL h4 {color: #6b6b6b;}
.boxL {font-size: .9em; width: 155px; color: #666; background-color: #F6F6F6; float: left; padding: .4em .6em 0; margin: 0 .8em 0 1.3em; border: solid 1px #E2E2E2;}

.sidebox {width: 146px; padding: 6px 5px 7px 7px; color: #333; margin: 2em 0 0 12px; /*border: solid 1px #6E7F00;*/ background-color: #B7C271;}
.sidebox p {font-size: .8em; line-height: 1.2em; padding: .1em 0 .5em 4px;}
.sidebox h5 {font-size: .95em; margin: .7em 0 .3em; color: #003d78;}
.sidebox a {color:#3A4300; text-decoration:none;}
.sidebox a:hover {text-decoration:underline;}
.sidebox h5 a {color: #003d78;}

.bigboxR {font-size: .9em; width: 240px; color: #666; float: right; padding: 0; margin: .3em 0 .3em 1.3em; text-align: center;}
.bigboxL {font-size: .9em; width: 215px; color: #666; float: left; padding: 0; margin: .3em 1.3em .3em 0; text-align: center;}
.bigboxR p, .bigboxL p {line-height: 1.2em; margin-top: .8em;}

.box-float-right {width:360px; padding:0 0 5px 12px; float:right; margin:.7em 0 .8em 24px; border-left: solid 1px #eee;}
.box-float-right p {font-size:85%; color:#666;}

.ruledHeader {margin-top: 1.4em; padding-top: 1.1em; background: url(http://www.commuterclub.com/img/onepixgradbar.gif) no-repeat left top;}
.bigSpacer {margin: 10em 0;}

p + h3 {margin-top: 1em;}

sup {font-size: 45%; vertical-align: top;}
.anote {color: #930;}

.article {border: solid 1px silver; padding: .7em 1.1em; margin: 1em 0 1em 0;}
.calloutbox {font-size: 90%; background-color:#F9F9F9; margin: 12px 0; padding: 1em 1.5em; border: solid 1px silver;}

/**************** Form *******************/
#mainform {margin: 0; padding: 0;}
#mainform input {}
#mainform label {float:left; width: 13em; text-align: right; vertical-align: top; margin-right: 1em;}
#mainform p {line-height: 98%; margin: .4em 0 .4em 0; clear: left;}
#mainform em {color: #777; float: right;}
#mainform .req {font-weight: bold;}
.clear {color: #777; background-color: #999: }

/** External Links **/
/*.external {padding-right: 11px; background: url(http://www.commuterclub.com/img/extlink.gif) no-repeat right;}*/

/* Pages */
.press_release p {margin-bottom:.9em;}

/* TinyMCE specific rules */
body.mceContentBody {background: #fff; padding:3px; text-align:left; font-size:.75em;}

/* Specifics */
#map_canvas {float:right;}
#map_canvas a {border:0!important;}

/* Other */
#num_routes {float:left; font-size:85%; font-weight:bold; position:relative; top:10px; color:#999;}
.calendar {float:right;}
.back_link {margin-top:2em;}
.hidden {display:none;}
.clear {clear:both;}
.center {text-align:center;}
.tright {text-align:right;}
.tleft {text-align:left;}
.fleft {float:left;}
.fright {float:right;}
.imageright {float:right; margin:0 0 5px 10px;}
.thermometer {float:right; margin:0 0 5px 10px; font-size:85%; width:180px;}
.imageleft {float:left; margin:0 10px 5px 0;}
.form_container {padding:10px; margin:1em 0; background-color:#eee; border:1px solid #ccc;}
.note {background-color:#ffc; border:1px solid #fc0; margin-bottom:1em; padding:.5em;}
a.nounder {border-bottom:none !important;}
.smgr {font-size:90%; color:#555; margin:2em 0 6px;}
.routespag {float:right; text-align:right; width:350px;}
.routespag a {border-bottom:none ; border:solid 1px #666 !important; padding:0 4px 1px; background:#909090 url(http://www.commuterclub.com/img/pag-btn-bg.gif) top repeat-x; color:#fff !important;}
.routespag a:hover {background:#373737 url(http://www.commuterclub.com/img/pag-btn-hover-bg.gif) top repeat-x;}

/* Forms */
form img {float:left; clear:both; padding:1em 1em 1em 8.5em;}
fieldset {clear:left; margin:0 0 1em; padding:1em 0 0; width:100%; background:#fff top left url(http://www.commuterclub.com/img/tl-shadow.gif) no-repeat; border:0; border-left:1px solid #eee;}
fieldset fieldset {background:none; border:none; padding:1em 0 0 9em; margin-bottom:0;}
fieldset fieldset legend {margin-left:-.65em;}
legend {margin-left:1em; color:#000; font-weight:bold;}
label {float:left; width:7em; margin-right:1.5em; color:#000;}
input {margin-right:5px;}
div.text input, div.textarea textarea {width:460px;}
div.text input.input_medium, div.password input.input_medium {width:175px;}
div.input {clear:left; float:left; padding:0 1em 1em; color:#999; width:650px;}
div.required {background:8.4em 4px url(http://www.commuterclub.com/img/required.gif) no-repeat;}
div.time select {width:auto;}
div.checkbox {padding-left:9.5em;}
form div.radio input, form div.checkbox input {float:left;}
form div.radio label, form div.checkbox label {padding-bottom:1em; width:auto;}
div.submit {float:left; clear:left; padding:0 1em 1em 9.5em; margin-top:1em;}
div.submit input {padding:5px 10px;}
form a.cancel {float:left; padding-left:1em; border-left:1px solid #999; margin-top:1em;}
div.after {margin-left:8.5em;}
div.error-message, #countyError {color:#c00; margin-left:8.5em;}

form#FindVanpoolsForm {margin:1.1em 0;}
form#FindVanpoolsForm label {float:none; display:inline; width:auto; margin-right:5px;}
form#FindVanpoolsForm div {float:none; display:inline; width:auto; margin:0; padding:0;}
form#FindVanpoolsForm div.submit {display:none;}

form#contact_form {margin-top:1em; padding-top:1em; border-top:1px solid #ccc;}

#application_form label {float:none; display:block; width:100%;}
#application_form .text input, #application_form textarea {width:600px;}
#application_form .after {margin-left:0;}
#application_form .required {background:none;}