body {
	font-size: 10pt;
	font-family: arial, sans-serif;
	margin: 0;
	background-color: white;
}

div#allcontent {
	width: 984px;
	margin: auto;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top: 3px;
	margin-bottom: 1em;
}

#mainContentArea {
	padding: 0 1em;
	position: relative;
	margin-top: -40px;
}

#nonWidgetArea {
	max-width: 70%;
}

a {color: #798536}
hr {height: 0; size: 0; border: 0; border-top: 1px solid #798536}

h1, h2 {
	font-family: arial, sans-serif;
	color: #798536;
	font-weight: normal;
	margin-bottom: 5px;
}


h1 {
	font-size: 24px;
	margin-top: 0px;
}

h2 {
	font-size: 18px;
}

td.label strong {
	color: #798536;
}

div.label {
	font-size: 7pt;
	font-family: verdana, sans-serif;
	color: #027e93;
}

div#widgetHeader {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #00bdd8;
	color: white;
	display: block;
	border: 2px solid #027e93;
	padding: 8px 10px;
	margin: 0 0 1em 0;
}

div#widgetHeader ul {
	margin: 0;
	padding: 0;
	margin: 1em 0 0 0;
}

div#widgetHeader li {
	margin-left: 20px;
}

#widgetArea {
	width: 183px; 
	float: right; 
	clear: right; 
	margin: 0 0 1em 2em;
}

#widgetArea div.jCarouselLite {
	margin-bottom: .7em;
}

#widgetArea div.widget {
	font-size: 11px;
	font-family: verdana, sans-serif;
	border: 2px solid;
	padding: .8em;
	margin-bottom: 1em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: none;
}
#widgetArea div.widget ul {margin: 0; padding: 0}
#widgetArea div.widget ul > li {margin: 0 0 1em 1.2em}
div.widget img {float: right; margin: 0 0 1em 1em; border: 0}

#widgetArea div.traffic {border-color: #f7941e}
#widgetArea div.transit {border-color: #92278f; background-color: #daceda}
#widgetArea div.rideshare {border-color: #0db14b; background-color: #cfe0d6}
#widgetArea div.bicycling {border-color: #ed1c24; background-color: #eccdce}

#navigation {
	width: 984px; 
	height: 152px; 
	background-image: url('images/GreenBanner.gif'); 
	background-repeat: no-repeat;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul li {
	float: left;
	list-style: none;
	font: 12px Tahoma, Arial;
	z-index: 100;
}

#navigation ul li a {
	display: block;
	background: #77842a;
	padding: 5px 12px;
	text-decoration: none;
	border-left: 1px solid white;
	min-width: 50px;
	color: #fff;
	white-space: nowrap;
	z-index: 100;
	text-align: center;
}

#navigation ul li a:hover {
	background: #1A4473;
}

#navigation ul li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
	z-index: 100;
}

#navigation ul li ul li {
	float: none;
	display: inline;
}

#navigation ul li ul li a {
	min-width: 100px;
	background: #027e93;
	text-align: left;
}

#navigation ul li ul li a:hover {
	background: #00bdd8;
}