/*========== RESET ============*/
html{color:rgb(0,0,0); background:rgb(255,255,255); height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left;}  h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';} abbr,acronym {border:0; font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} legend{color:rgb(0,0,0);}

 /*========== Layout ============*/

body {width:100%; min-height:100%; font-size:62.5%; background: url(../img/background5.gif) repeat scroll; font-family:'Trebuchet MS', helvetica;}
.container {width: 855px; padding-top:2px; padding-bottom:20px; margin:0 auto; font-size:1.0em; height:100%;}
.header {min-height:120px; height:115px !important; height:115px; font-size:1.0em; width: 860px; margin:0 auto;background-color:#002F8B;}
.header ul{ list-style: none;padding: 0;}
.header li{float: right; margin: 4px 2px 0 4px; font-weight: bold; font-family:'Trebuchet MS', helvetica; font-size:14pt; padding:2px; }
li.language-sel {float: right; margin: 4px 6px 4px 4px; font-weight: bold; font-family:'Trebuchet MS', helvetica; font-size:8pt; padding:2px; }
.header a img{border:none; text-decoration:none; padding: 3px 3px 3px 3px;}
.a-header-new {border:3px; text-decoration:none; color: #FFFFFF;background-color: #002f8b; color:#FFFFFF; padding-left: 5px;}
a.a-header-top {border:none; text-decoration:none; color: #002F8B;background: #a0d3a2 url(../img/left-tab-lgreen.gif) left top no-repeat; padding-left: 5px;}
a.a-header-top span {background: url(../img/right-tab-lgreen.gif) right top no-repeat; padding-right: 5px;}

.main {/*this(height) is here because of IE bug?*/height:100%; margin:0; font-size:1.0em; width:100%;}
.calc-page { margin: auto; font-size:1.0em; width: 100%; min-height:400px; overflow: hidden; float:left;}
.content {font-size:1.0em; overflow:visible; overflow:hidden; height:100%; width:100%;}
.footer-container {clear:both; padding:0 0 0 0; overflow:visible !important; overflow:hidden; width:855; min-height:100%; margin:0 auto;}
.footer {clear:both; padding:4px 0 1.0em 0; font-size:.75em !important; font-size:1.0em; overflow:visible !important; background-color:#ffffff; overflow:hidden; width:855; margin:0 auto;}
.anchor-fix {position:absolute; width=1px;}

/* Sitename and logo */

.footer p {clear:both; line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}

/*  CLEAR FLOATS  */
.container:after, .header:after, .header-top:after, .navbar:after, .main:after, .content:after, .content div:after, div.right-bar:after, .sidebar:after, .sidebar div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p:after {content:"."; display:block; height:0; visibility:hidden;}

/* Paragraph text */
.content p { color:#000000; line-height:1.3em; padding: 0 20px 0 20px; font-size:12pt;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* Cell text */
.content-cell {width:855px; height:100%; margin:0; auto; background-color:#ffffff;}
div.content-text { float:left; border:none; width: 552px; padding: 20px 0 0 0;}
div.content-img { float:right; border:none; width: 268px; padding: 20px 20px 0 0;}
div.story-img {width: 855px; margin:0 auto;}
div.story-img img {width: 285px; height: 150px; border:none; text-decoration:none; margin: 0;}

.rnd-cell b.rcbottom, b.rctop{display:block;background: transparent;}
.rnd-cell b.rcbottom b, b.rctop b{display:block;height: 1px; overflow: hidden; background-color: #000000;}
.rnd-cell b.rc1{margin: 0 5px}
.rnd-cell b.rc2{margin: 0 3px}
.rnd-cell b.rc3{margin: 0 2px}
.rnd-cell b.rcbottom b.rc4, b.rctop b.rc4{margin: 0 1px;height: 2px}

.FFF-cell b.fcbottom, b.fctop{display:block;background: transparent;}
.FFF-cell b.fcbottom b, b.fctop b{display:block;height: 1px; overflow: hidden; background-color: #FFFFFF;}
.FFF-cell b.fc1{margin: 0 5px}
.FFF-cell b.fc2{margin: 0 3px}
.FFF-cell b.fc3{margin: 0 2px}
.FFF-cell b.fcbottom b.fc4, b.fctop b.fc4{margin: 0 1px;height: 2px}

.cell-container {width: 855px; margin:0 0 5px 0;}
.leftcell {display:block; width:280px; float:left; height:100%; overflow: hidden; margin: 0px 2px 0px 2px;}
.middlecell {display:block; width:280px; float:left; height:100%; overflow: hidden; margin: 0px 2px 0px 2px;}
.rightcell {display:block; width:280px; float:left; height:100%; overflow: hidden; margin: 0px 2px 0px 2px;}
.cell-header h1 {background-color:#000000; color:#FFFFFF; font-size: 14pt; text-align:center; padding-bottom: 3px; font-weight: bold;}
.promotion-cell-body img {float:right; border:none; text-decoration:none; margin: 0px 2px 0px 0px; vertical-align:middle;}
.promotion-images {height:114px; background-color:#FFFFFF;}
.cell-body img {float:right; border:none; text-decoration:none; margin: 0px 2px 2px 2px; vertical-align:middle;}
img.promo1 {border:none; text-decoration:none; padding-left: 0px; padding-right: 0px; padding-top: 26px; padding-bottom: 26px; paddingfloat: none; margin:auto;}
img.promo2 {border:none; text-decoration:none; padding-left: 0px; padding-right: 0px; padding-top: 30px; padding-bottom: 30px; paddingfloat: none; margin:auto;}
.promotion-cell-body {background-color:#000000; color:#000000; height: 334px; position:relative;  border: 3px solid #000000;}
.cell-body {background-color:#FFFFFF; color:#000000; height: 334px; position:relative;  border: 3px solid #000000;}
.cell-body h2 { color:#000000; font-size:12pt; font-weight:bold; padding-left:5px; padding-top: 7px;}
.cell-body p { color:#000000; padding-left:10px; font-size:8pt;}
.cell-body hr { clear:both;}
hr.half { clear:both; position: absolute; top: 162px; left:0px; width: 100%; height:2px; margin: 0px; padding: 0px; color: #000000; background-color: #000000;}
hr.quarter { clear:both; position: absolute; top: 77px; left:0px; width: 100%; height:2px; margin: 0px; padding: 0px; color: #000000; background-color: #000000;}
hr.third { clear:both; position: absolute; top: 111px; left:0px; width: 100%; height:2px; margin: 0px; padding: 0px; color: #000000; background-color: #000000;}
hr.threequarter { clear:both; position: absolute; top: 245px; left:0px; width: 100%; height:2px; margin: 0px; padding: 0px; color: #000000; background-color: #000000;}
hr.twothird { clear:both; position: absolute; top: 230px; left:0px; width: 100%; height:2px; margin: 0px; padding: 0px; color: #000000; background-color: #000000;}
div.topgreen { clear:both; position: absolute; top: 0px; left:0px; width: 100%; background-color:#33A23C;}
div.halfblue { clear:both; position: absolute; top: 164px; left:0px; width: 100%; background-color:#002F8B;}
div.top { clear:both; position: absolute; top: 0px; left:0px; width: 100%;}
div.half { clear:both; position: absolute; top: 170px; left:0px; width: 100%;}
div.third { clear:both; position: absolute; top: 112px; left:0px; width: 100%;}
div.twothird { clear:both; position: absolute; top: 224px; left:0px; width: 100%;}
div.quarter      { clear:both; position: absolute; top: 85px; left:0px; width: 100%;}
div.threequarter { clear:both; position: absolute; top: 253px; left:0px; width: 100%;}
img.center { float: none; display: block; margin: auto; height: 60px;}

.cell-img {background-color:#FFFFFF; display:block; margin-left:auto; margin-right:auto;}
.cell-img img {float: left; display:block; padding-left:5px; margin-left:auto; margin-right:auto;}

/* IMAGES
.main img {clear:both; float:left; margin:3px 15px 7px 0;  border:solid 3px rgb(200,200,200);}
.main img.center {clear:both; float:none; display:block; margin:0 auto;  border:solid 3px rgb(200,200,200);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px rgb(200,200,200);}
*/

/* LINKS */
/* Text links */
.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

/*Image links */
.main a img {border:none;}
.main a:hover img {border:none;}

b.phone-number {font-size:20pt;}

/*Rounded Corners*/
/*The commas in these classes are important for CSS inheritance, please note them*/

div.nav { height:50px; background:transparent url(../img/nav-bg3.gif) no-repeat scroll 0 0; width: 855px; margin:0; text-align: center; font-family:'Trebuchet MS', helvetica; font-size:11pt; font-weight:bold;}
div.nav ul{list-style: none; text-align:center;}
#navigation ul{list-style: none;}
#navigation li{float: left;margin: 0; height:42px; }
#navigation a{color: #FFFFFF; text-decoration: none; padding-left: 5px}
/* #navigation a.nav-yellow {color: #0F2B8E;background: #D5FF4D url(../img/left-tab-yellow.gif) left top no-repeat;text-decoration: none; padding-left: 5px} */

/* #navigation a.nav-yellow span {background: url(../img/right-tab-yellow.gif) right top no-repeat;} */
#navigation a, #navigation a span{display: block;float: left; height:37px; width: 100px; padding:5px 2px 0;}
/* Hide from IE5-Mac \*/
#navigation a, #navigation a span{float: none}
/* End hide */

#navigation a:hover span {color:#FF8E00; }

#clear {clear:both;}/*For IE */

/*========== Calc ============*/
.left-bar {float:left; clear: both; width: 250px; background-color: #002F8B; min-height: 400px; overflow: hidden; margin-bottom: -2000px; padding-bottom: 2000px;}
.left-bar p {font-size: 8pt; color: #FFFFFF;}
.right-bar h1 {font-size: 14pt; font-weight: bold; padding: 0 20px 0 20px;}
.right-bar { background-color: #FFFFFF; width:605px; float:left; min-height: 400px; margin-bottom: -2000px; padding-bottom: 2000px;}
.right-bar p {color: #000000; line-height:1.3em; padding: 0 20px 0 20px; font-size:10pt;}
.right-bar ul {list-style-type: disc; list-style-position: outside; margin-left:20px; font-size:10pt; padding:0pt 20px;}
.right-bar ol {list-style-type: decimal; list-style-position: outside; margin-left:23px; font-size:10pt; padding:0pt 20px;}
.right-bar table {width: 80%; color: #000000; line-height:1.3em; padding: 0 20px 0 20px; font-size:10pt; margin: 10px;}
.right-bar tr {height:113px;}
.right-bar img {border:none; text-decoration:none;}
div.aboutus-staff {width:100%; height:350px; overflow:auto; border:solid 1px #000000; margin-top:10px; margin-bottom:10px;}
div.event-container {width:100%; height:225px; overflow:auto; border:solid 1px #000000; margin-top:10px; margin-bottom:10px;}
.estimator fieldset {margin: 3%; width:90%;}
.estimator p {padding-left: 5px;}
.estimator {font-size: 12pt; float:right;}
.estimator br {clear:left;}
.estimator input {display:block; float:right;}
.estimator select {display:block; float:right;}
.estimator label {display:block; float:left; margin-bottom:5px; padding-right:5px; text-align:left; width:60%}
.title {display:block; background-color:#33A23C; font-family:'Trebuchet MS', helvetica; font-size: 16pt; font-weight: bold;}
p.title {color: #FFFFFF;}
h4 {padding-left:3%; font-weight: bold; font-size: 11pt;}
h4 a {color:#99CC99; text-decoration: none; }
.admin-content { background-color: #FFFFFF; min-width:73%; min-height: 300px; margin: 0 auto;}
.admin-content p {color: #000000; line-height:1.3em; padding: 0px 20px 0px 20px; font-size:12pt;}
.admin-content ul {list-style-type: disc; list-style-position: outside; margin: 10px; margin-left:20px;}
.admin-content table {width: 80%; color: #000000; line-height:1.3em; padding: 0 20px 0 20px; font-size:12pt; margin: 10px;}
.admin-content tr {border:solid 1px #000000;}
.admin-content td {padding: 6px 2px 2px 2px;}
.admin-content pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
.admin-form label {font-size:12pt; margin:3px 5px; float: left; text-align: right; width:100px; white-space: nowrap;}
label.admin-large {font-size:12pt; margin:3px 5px; float: left; text-align: right; width:145px; white-space: nowrap;}
.admin-form input select textarea {font-size:12pt; margin:3px 5px;}
.admin-form {font-size:12pt; margin:3px 5px;}
input.admin-form {font-size:12pt; margin:3px 5px;}
select.admin-form {font-size:12pt; margin:3px 5px;}
textarea.admin-form {font-size:12pt; margin:3px 5px;}
.admin-form legend {font-size:12pt; font-weight: bold;}
.admin-form br {clear:left;}
.admin-fieldset {border: 1px solid #1177AA; max-width: 70%; margin:3px 15px;}
p.admin-footer {margin-top: 30px; font-size: 8pt;}
.button a { text-decoration: none; }
.button { text-decoration: none; border: 1px solid #006; background: #ccf; font-size:12pt; padding: 3px; text-align: center;}
.button:hover { text-decoration: none; border: 1px solid #f00; background: #eef; font-size:12pt; padding: 3px; text-align: center;}
.button-small { text-decoration: none; border: 1px solid #006; background: #ccf; font-size:10pt; padding: 2px; text-align: center;}
.button-small:hover { text-decoration: none; border: 1px solid #f00; background: #eef; font-size:10pt; padding: 2px; text-align: center;}
.button-center { border: 1px solid #006; background: #ccf; font-size:12pt; margin: 7px 5px 3px 150px; padding: 3px; text-align: center;}
.button-center:hover { border: 1px solid #f00; background: #eef; font-size:12pt; margin: 7px 5px 3px 150px; padding: 3px; text-align: center;}
p.pform {font-size:12pt; padding: 5px 15px; float:left; text-align:right;}
p.error {color: #FF0000; line-height:1.3em; padding: 0 20px 0 20px; font-size:12pt;}
td.center {padding:5px 70px;}
.calctable td,th {border:solid 1px #000000; padding:0px 8px;}
ul.commuter_link_list {list-style-type: none; font-size: 10pt; font-weight: bold; color: #FFFFFF; text-decoration: none;}
ul.commuter_link_list li {background-image: url(../img/commuter_btn.gif); background-repeat: no-repeat; height: 21px; padding-left: 28px; padding-top: 2px;}
ul.commuter_link_list li:hover {background-image: url(../img/commuter_btn_over.gif); background-repeat: no-repeat; height: 21px; padding-left: 28px; padding-top: 2px;}
ul.commuter_link_list a {color: #FFFFFF; text-decoration:none;}
ul.commuter_link_list a:hover {color: #FFFFFF; text-decoration:none;}
ul.commuter_link_list a:visited {color: #FFFFFF; text-decoration:none;}
ul.event {list-style-image: url(../img/li-star.gif); list-style-position: outside; margin: 10px; margin-left:20px;}
ul.event li {margin-top: 16px; margin-left:0px;}

a.content-link {color:#FFFFFF; font-weight:normal; text-decoration:none;}
a.content-link:hover {color:#FFFFFF; text-decoration:underline;}
a.content-link:visited {color:#FFFFFF;}

form.user-form label {font-size:12pt; margin:3px 5px; float: left; text-align: right; width:35%;}
span.user-form {font-size:12pt; margin:3px 5px;}
form.user-form {font-size:12pt;}
input.user-form {font-size:12pt; margin:3px 5px;}
select.user-form {font-size:12pt; margin:3px 5px;}
textarea.user-form {font-size:12pt; margin: 3px 5px;}
form.user-form br {clear:left;}
font.user-form-required {font-size:8pt; color: #FF0000;}
fieldset.user-fieldset {border: 1px solid #1177AA; max-width: 90%; margin:3px auto;}
fieldset.user-fieldset legend {font-size:12pt; font-weight: bold; color:#1177AA;}
a.forgot {font-size:8pt; color: #FF0000; text-align: right; margin: 3px 5px 3px 150px;}
p.user-form {max-width: 90%; margin: 3px auto;}
td.user-form {vertical-align:top;}

.reg_data {font:normal 10pt Arial, Helvetica, sans-serif; color:#000000}
input.reg_data {font:normal 10pt Arial, Helvetica, sans-serif; color:#000000}

table.survey {border: hidden; margin: auto;}
table.survey tr td {border: hidden;}
table.stafftable {border: solid 1px;}
table.stafftable td {border: solid 1px; padding: 5px;}

/* Expanding Links */
.save{ behavior:url(#default#savehistory);}
a.dsphead{ text-decoration:none; margin-left:1.5em;}
a.dsphead:hover{ text-decoration:underline;}
a.dsphead span.dspchar{ font-family:monospace; font-weight:normal;} .dspcont{ display:none; margin-left:1.5em;}

.logoff { display:block; border: 1px solid #a1d2a3; background: #a1d2a3; font-size:12pt; padding: 3px; text-align: right; width: 100%; font-weight: bold; margin-top: -14px;}
.logoff:hover { display:block; border: 1px solid #f00; background: #ccf; font-size:12pt; padding: 3px; text-align: right; width: 100%; font-weight: bold; margin-top: -14px;}

a.register_link {color: #2955A0; font-weight: bold; text-decoration:none; background-image: url(../img/register_link.gif); background-repeat: no-repeat; height: 39px; padding-top: 10px; padding-right: 165px; padding-bottom: 10px; padding-left: 90px; width: 325px; max-width: 325px;}
a.register_link:hover {color: #CFE7D3; font-weight: bold; text-decoration:none; background-image: url(../img/register_link_over.gif); background-repeat: no-repeat; height: 39px; padding-top: 10px; padding-right: 165px; padding-bottom: 10px; padding-left: 90px; width: 325px; max-width: 325px;}
a.register_link:visited {font-weight: bold; text-decoration:none;}

div.scroll {width: 80%; margin: auto;}
span.scroll-item {font-family:'Trebuchet MS', helvetica; font-weight:bold; padding-left: 80px; padding-right: 80px; color:#33A23C;}
#fading-text {font-size:12pt; width:605px; margin: auto; font-family:'Trebuchet MS', helvetica; font-weight:bold; color:#33A23C; text-align: center;}

span.plus-sign       {display:block; background-image: url(../img/plus-sign.gif); background-repeat: no-repeat; height: 16px; padding-left: 21px;}
span.smaller {font-size:10pt;}
span.green-road-logo       {display:block; background-image: url(../img/green_road_logo.png); background-repeat: no-repeat; height: 40px; padding-left: 35px; padding-top: 27px; color: #2955a0; font-weight: bolder; font-size: 11pt;}
span.green-road-logo-large {display:block; background-image: url(../img/green_road_logo.png); background-repeat: no-repeat; height: 40px; padding-left: 35px; padding-top: 27px; color: #2955a0; font-weight: bolder; font-size: 11pt;}

table.class-search-result {border: solid 1px #33A23C; padding: 0px; margin: 0px; font-size: 10pt; width: 80%; margin: auto;}
table.class-search-result th {border: none; background-color: #A0D3A2; padding: 0px; margin: 0px; font-size: 10pt; text-align: center; width: 30%;}
table.class-search-result td {border: none; background-color: #FFFFFF; padding: 3px; margin: 0px; font-size: 10pt; text-align: center; width: 30%;}
table.class-search-result tr {border: none; padding: 0px; margin: 0px; height: 15px;}

table.class-admin-result {border: solid 1px #33A23C; padding: 0px; margin: 0px; font-size: 10pt; width: 80%; margin: auto;}
table.class-admin-result th {border: none; background-color: #A0D3A2; padding: 0px; margin: 0px; font-size: 10pt; text-align: center; width: 25%;}
table.class-admin-result td {border: none; background-color: #FFFFFF; padding: 3px; margin: 0px; font-size: 10pt; text-align: center; width: 25%;}
table.class-admin-result tr {border: none; padding: 0px; margin: 0px; height: 15px;}

div.class-result a {text-decoration: none;}

table.vanpool-pricing {border:solid 1px; margin:auto; padding:0px; background-color: #FFFFFF; width: 95%;}
table.vanpool-pricing tr {height: 1.3em;}
table.vanpool-pricing th {background-color: #A0D3A2; border: solid 1px; padding: 1px; text-align: center;}
table.vanpool-pricing td {border: solid 1px; padding: 1px; text-align: center;}

table.sidebartable {border: solid 1px #33A23C; padding: 0px; margin: 0px; font-size: 10pt; width: 80%; margin: auto;}
table.sidebartable th {border: solid 1px; background-color: #A0D3A2; padding: 0px; margin: 0px; font-size: 14pt; text-align: center; width: 30%;}
table.sidebartable td {border: solid 1px; background-color: #FFFFFF; padding: 3px; margin: 0px; font-size: 14pt; text-align: center; width: 30%; vertical-align:top;}
table.sidebartable td p {font-size: 8pt; text-align: left;}
table.sidebartable tr {padding: 0px; margin: 0px; height: 25px;}

div.promotion-border {height: 6px; width: 600px; background-image: url(../img/border-horizontal.gif);}
/*div.promotion {width: 600px; background-image: url(../img/border-vertical.gif); background-repeat: repeat-y;}*/
div.promotion {width: 600px;}