/* GENERAL 
_____________________________________________________________________________*/

html {
	margin-bottom: 1px;
	min-height: 100%;
	height:100%;
}

body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
pre,
form,
fieldset,
th,
td,
img {
	margin:0;
	padding:0;
	border:0;
}

fieldset,
img {
	border:0;
	margin:0;
	padding:0;
}

table {
	font-size: inherit;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

img {
	vertical-align: bottom;
}

th {
	text-align: left;
}

h1,
h2,
h3,
h4 {
	font-size:100%;
}

* {
	outline: none;
}

body {
	font: 12px/17px Arial, Helvetica, sans-serif;
	background: #FFF url(/images/site/bg-header.gif) repeat-x;
}

/* EDIT LINK
_____________________________________________________________________________*/

.editor-button {
	position: relative;
	z-index: 99;
}

.editor-button a {
	display: block;
	position: absolute;
	top: 0;
	right: 0px;
	width: 16px;
	height: 12px;
	background: url(/themes/cp_global_images/edit_template.gif) no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
	z-index: 99;
}

/* LINKS
_____________________________________________________________________________*/

a {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
}

/* STRUCTURE
_____________________________________________________________________________*/

#container {
	width: 1010px;
	margin: 0 auto;
}

/* HEADER
_____________________________________________________________________________*/

#header {
	position: relative;
	z-index: 1;
	height: 115px;
}

#header .logo {
	position: absolute;
	z-index: 1000;
}

#header .find {
	position: absolute;
	top: 4px;
	left: 605px;
	font: bold italic 14px Arial, Helvetica, sans-serif;
	color: #858e93;
}

#header .find select {
	width: 170px;
	height: 20px;
	font-size: 11px;
}

#header .search {
	position: absolute;
	top: 21px;
	left: 789px;
}

#header .search .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 14px;
	font-size: 11px;
	padding-left: 3px;
}

#header .search .button {
	position: absolute;
	top: 0;
	left: 168px;
	border: 0;
	background: url(/images/site/button-go.gif) no-repeat;
	width: 26px;
	height: 20px;
}

/* HEADER NAVIGATION
_____________________________________________________________________________*/

#header #navigation-container {
	position: absolute;
	top: 56px;
	left: 275px;
	border-top: 1px solid #959799;
	z-index: 100;
	padding-left: 85px;
}

.nav {
	width: 620px;
	height: 37px;
	position: relative;
	font-size: 11px;
	z-index: 100;
	border-right: 1px solid #959799;
}

.nav ul li a {
	display: block;
	text-decoration: none;
	width: 111px;
	height: 37px;
	text-align: center;
	color: #000;
	border-left: 1px solid #959799;
	line-height: 20px;
	font: bold 15px/36px Arial, Helvetica, sans-serif;
	overflow: hidden;
}

.nav ul li a img {
	vertical-align: middle;
}

.nav ul li a.small {
	width: 85px;
}

.nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.nav ul li {
	float: left;
	position: relative;
}

.nav ul li ul {
	display: none;
	border-top: 1px solid #959799;
}

.nav ul li:hover a,
.nav ul a.current {
	color: #666666;
	background: #f6f7f7;
	border-bottom: 1px solid #959799;
}

.nav ul li:hover ul {
	display: block;
	position: absolute;
	top: 37px;
	left: 0;
	width: 105px;
}

.nav ul li:hover ul li a.subnav {
	background: #8ACF3D;
	color: #8C8C8C;
}

.nav ul li:hover ul li:hover a.subnav {
	background: #8ACF3D;
	color: #8C8C8C;
}

.nav ul li:hover ul li ul {
	display: none;
}

.nav ul li:hover ul li a {
	display: block;
	background: #FFF;
	color: #000;
	height: auto;
	width: 120px;
	padding: 6px 10px;
	font: bold 11px Arial, Helvetica, sans-serif;
	border-right: 1px solid #959799;
}

.nav ul li:hover ul li a.small {
	width: 102px;
}

.nav ul li:hover ul li a:hover {
	background: #009a3d;
	color: #FFF;
	font-weight: bold;
}

/* HOME CONTENT
_____________________________________________________________________________*/

/*left column*/
#home #content #column-left {
	float: left;
	width: 330px;
}

#home #content #column-left .padding {
	margin: 0 30px 0 45px;
}

.box-trip,
.box-bus {
	width: 265px;
}

.bus-info {
	margin-top: 5px;
}

.box-trip .top {
	background: url(/images/site/box-purple-top.png) no-repeat;
	height: 11px;
	font-size: 0;
	overflow: hidden;
}

.box-bus .top {
	background: url(/images/site/box-gray-top.png) no-repeat;
	height: 11px;
	font-size: 0;
	overflow: hidden;
}

.box-trip .center {
	background: url(/images/site/box-purple-center.png) repeat-y;
	min-height: 1px;
}

.box-bus .center {
	background: url(/images/site/box-gray-center.png) repeat-y;
	min-height: 1px;
}

/*trip planner*/
#home #content #column-left .padding .box-trip .padding {
	padding: 21px 26px 25px 23px;
	margin: 0;
	color: #EEE;
}

.box-trip h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 26px;
	color: #00993e;
	margin-bottom: 15px;
}

form#trip-planner fieldset {
	margin-bottom: 10px;
}

form#trip-planner label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

form#trip-planner select {
	margin-right: 5px;
}

form#trip-planner .text {
	width: 100%;
}

form#trip-planner .submit {
	padding-top: 10px;
	text-align: center;
}

.box-trip .bottom {
	background: url(/images/site/box-gray-bottom-planner.png) no-repeat;
	height: 50px;
	position: relative;
	font-size: 0;
	overflow: hidden;
}

.box-trip .bottom a.maps {
	position: absolute;
	top: 0px;
	left: 23px;
	width: 105px;
	height: 45px;
	display: block;
	text-indent: -3000px;
}

.box-trip .bottom a.buy {
	position: absolute;
	top: 0px;
	left: 134px;
	width: 105px;
	height: 45px;
	display: block;
	text-indent: -3000px;
}

/*bus info*/
#home #content #column-left .padding .box-bus .padding {
	padding: 8px 19px 0 13px;
	margin: 0;
	line-height: normal;
}

.box-bus h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #00993e;
	margin-bottom: 6px;
}

.box-bus li {
	color: #000;
	list-style: none;
	padding-bottom: 8px;
	padding-left: 2px;
}

.box-bus li.all {
	border-top: 1px solid #00993e;
	margin-top: 5px;
	padding-top: 10px;
}

.box-bus li a {
	color: #5e4876;
	padding-left: 5px;
	text-decoration: underline;
}

.box-bus li a:hover {
	text-decoration: none;
}

.box-bus .bottom {
	background: url(/images/site/box-gray-bottom.png) no-repeat;
	height: 10px;
}

/*center column*/
#home #content #column-center {
	float: left;
	width: 427px;
}

#home #content #column-center .padding {
	margin: 0 27px 0 0;
}

#home #content #column-center .banner {
	margin-bottom: 10px;
}

/*news*/
.box-news {
	width: 408px;
}

.box-news .top {
	background: url(/images/site/box-news-top.png) no-repeat;
	height: 10px;
	font-size: 0;
	overflow: hidden;
}

.box-news .center {
	background: url(/images/site/box-news-center.png) repeat-y;
	min-height: 1px;
}

#home #content #column-center .padding .box-news .padding {
	padding: 4px 19px 0 13px;
	margin: 0;
	line-height: normal;
}

.box-news h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #00993e;
	margin-bottom: 6px;
}

.box-news li {
	color: #000;
	list-style: none;
	padding-bottom: 8px;
	padding-left: 2px;
}

.box-news li.all {
	border-top: 1px solid #a1cd3d;
	margin-top: 5px;
	padding-top: 10px;
}

.box-news li a {
	color: #5e4876;
	padding-left: 5px;
	text-decoration: underline;
}

.box-news li a:hover {
	text-decoration: none;
}

.box-news .bottom {
	background: url(/images/site/box-news-bottom.png) no-repeat;
	height: 20px;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

/*right column*/
#home #content #column-right {
	float: left;
	width: 230px;
}

#home #content #column-right .padding {
	margin: 0 49px 0 0;
}

#home #content #column-right .touts a {
	display: block;
	margin-bottom: 8px;
}

/*events*/
.box-events {
	width: 188px;
}

.box-events .top {
	background: url(/images/site/box-events-top.png) no-repeat;
	height: 10px;
	font-size: 0;
	overflow: hidden;
}

.box-events .center {
	background: url(/images/site/box-events-center.png) repeat-y;
	height: auto;
	min-height: 1px;
}

#home #content #column-right .padding .box-events .padding {
	padding: 4px 19px 4px 13px;
	margin: 0;
	line-height: normal;
}

#event-rotate {
	background: #FFF;
}

.box-events h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #00993e;
	margin-bottom: 6px;
}

.box-events h3 {
	margin: 5px 0;
	font-size: 14px;
	font-weight: bold;
}

.box-events h3 a {
	color: #5e4876;
}

.box-events p {
	margin: 0;
}

.box-events p.all {
	margin: 13px 0;
	padding-top: 10px;
	border-top: 1px solid #00993e;
}

.box-events a.details {
	display: block;
	margin-top: 13px;
}

.box-events p.all a,
.box-events a.details {
	color: #5e4876;
	text-decoration: underline;
}

.box-events p.all a:hover,
.box-events a.details:hover {
	text-decoration: none;
}

.box-events .bottom {
	background: url(/images/site/box-events-bottom.png) no-repeat;
	height: 15px;
}

/* INTERNAL CONTENT
_____________________________________________________________________________*/

#internal #content #column-left {
	float: left;
	width: 200px;
}

#internal #content #column-left .padding {
	margin: 0 0 0 0;
}

#internal #content #column-center {
	float: left;
	width: 802px;
}

#internal #content #column-center .padding {
	margin: 25px 0 0 0;
}

#internal #content #column-right {
	display: none;
}

/* LEFT NAV
_____________________________________________________________________________*/

#left-nav {
	margin-top: 20px;
}

#left-nav ul li {
	list-style: none;
	margin-bottom: 5px;
}

#left-nav ul li a {
	color: #000;
	height: 27px;
	display: block;
	line-height: 24px;
	padding-left: 10px;
}

#left-nav ul li a:hover,
#left-nav ul li a.selected {
	color: #FFF;
	background: url(/images/site/left-nav-over.png) no-repeat;
	text-decoration: none;
}

/*sub nav*/
#left-nav ul li ul {
	margin-bottom: 15px;
}

#left-nav ul li ul li {
	margin-bottom: 0px;
}

#left-nav ul li ul li a {
	color: #5e4876;
	height: 23px;
	display: block;
	padding-left: 20px;
	font-weight: bold;
}

#left-nav ul li ul li a:hover,
#left-nav ul li ul li a.selected {
	color: #00993e;
	text-decoration: none;
	background: none;
}

/*sub sub nav*/
#left-nav ul li ul li ul {
	margin-bottom: 0px;
}

#left-nav ul li ul li ul li {
	margin-bottom: 0px;
}

#left-nav ul li ul li ul li a {
	color: #5e4876;
	height: 23px;
	display: block;
	padding-left: 40px;
	font-weight: normal;
}

#left-nav ul li ul li ul li a:hover {
	color: #00993e;
	text-decoration: none;
	background: none;
}

/* INTERNAL RIGHT COLUMN
_____________________________________________________________________________*/

#box-internal {
	width: 802px;
}

#box-internal .top h1 {
	text-indent: -3000px;
	height: 56px;
}

#box-internal .top h1.transit {
	background: url(/images/site/header-transit.png) no-repeat;
}

#box-internal .top h1.rideshare {
	background: url(/images/site/header-rideshare.png) no-repeat;
}

#box-internal .top h1.bike-walk {
	background: url(/images/site/header-bike-walk.png) no-repeat;
}

#box-internal .top h1.telework {
	background: url(/images/site/header-telework.png) no-repeat;
}

#box-internal .top h1.go-info {
	background: url(/images/site/header-go-info.png) no-repeat;
}

#box-internal .top h1.go-local {
	background: url(/images/site/header-go-local.png) no-repeat;
}

#box-internal .center {
	background: url(/images/site/box-internal-center.png) repeat-y;
	min-height: 1px;
}

#box-internal .copy {
	padding: 31px 46px 31px 41px;
	line-height: 19px;
	position: relative;
}

#box-internal .copy a {
	color: #5e4876;
	text-decoration: underline;
}

#box-internal .copy a:hover {
	text-decoration: none;
}

#box-internal .copy h2 {
	color: #666;
	font-family: Arial Black, sans-serif;
	font-size: 22px;
}

#box-internal .copy h3 {
	color: #00993e;
	font-size: 17px;
	font-style: italic;
	margin-top: 15px;
}

#box-internal .copy hr {
	border: 0;
	height: 1px;
	background: #00993e;
	margin: 15px 0;
	overflow: hidden;
}

#box-internal .copy a.back-top {
	display: block;
	margin: 10px 0 30px 0;
}

#box-internal .copy table.table-info td ul {
	margin: 0 10px;
}

#box-internal .copy ul {
	margin: 0 40px;
}

#box-internal .copy ul li {
	list-style: outside url(/images/site/bullet-blue.gif);
}

#box-internal .copy ol {
	
}

#box-internal .copy .callout {
	float: right;
	width: 190px;
	border-bottom: 2px solid #00993e;
	padding: 18px 0 15px 0;
	margin-left: 25px;
}

#box-internal .copy .callout p {
	color: #666;
	font-size: 15px;
	font-style: italic;
	line-height: 20px;
	font-weight: bold;
	margin: 10px 0;
}

#box-internal .bottom {
	background: url(/images/site/box-internal-bottom.png) no-repeat;
	height: 22px;
}

#box-internal .copy #faq-dropdown {
	position: absolute;
	right: 50px;
	top: 0;
}

#box-internal .copy #faq-dropdown h3 {
	font-size: 12px;
}

#box-internal .copy table.table-info {
	border: 1px solid #8c8c8c;
	margin: 15px 0;
}

#box-internal .copy table.table-info td {
	border: 1px solid #8c8c8c;
	padding: 5px 10px;
}

#box-internal .copy table.table-info td.header {
	font-weight: bold;
	background: #EEE;
}

#box-internal .copy .color {
	background: #f4f4ed;
	padding: 15px;
}

#box-internal .copy .no-color {
	background: #FFF;
	padding: 15px;
}

#box-internal .copy .color p,
#box-internal .copy .no-color p {
	margin-top: 0;
}

#box-internal .copy .color h3,
#box-internal .copy .no-color h3 {
	margin-bottom: 10px !important;
}

#box-internal .copy .color h3 a,
#box-internal .copy .no-color h3 a {
	text-decoration: none;
	color: #7AAD39;
}

#box-internal .copy .color h3 a:hover,
#box-internal .copy .no-color h3 a:hover {
	text-decoration: underline;
}


#box-internal .copy .color .image,
#box-internal .copy .no-color .image {
	padding: 5px;
	background: #FFF;
	border: 1px solid #EEE;
}

#box-internal .copy .color .float-image,
#box-internal .copy .no-color .float-image {
	float: left;
	margin: 0 15px 10px 0;
}

#box-internal .copy .color ul,
#box-internal .copy .no-color ul {
	margin-left: 15px !important;
}

input.answer {
	border: 0;
}

#box-internal .copy .search h3 span {
	font-size: 11px;
	font-style: normal;
}

img.img_right {
	float: right;
	margin-left: 10px;
}

img.img_left {
	float: left;
	margin-right: 10px;
}

/* FOOTER
_____________________________________________________________________________*/

#home #footer {
	text-align: center;
	color: #4F4C2F;
	text-transform: uppercase;
	padding: 15px 0 50px 80px;
}

#internal #footer {
	text-align: center;
	color: #4F4C2F;
	text-transform: uppercase;
	padding: 15px 0 50px 156px;
}

#footer a {
	color: #4F4C2F;
	display: inline-block;
}

#footer img {
	margin-left: 5px;
}