body {margin: 0; padding: 0; background: url(/images/site/mainbg.gif) 0 0 repeat-x;}

div,p,h1,h2,h3,h4,ul,li,img,form,select,input,option
{margin: 0; padding: 0;}
ul, ul li { list-style-type: none; }

#page {width: 960px; position: relative;}

#header {width: 960px; height: 100px; background: url(/images/site/logobg.gif) top left no-repeat; position: relative;}
img.logo {margin: 22px 0 0 37px; float: left; border: none;}
img.tellme {position: absolute; top: 22px; left: 388px;}
#header select {position: absolute; top: 45px; left: 388px; height: 18px; width: 200px; border: 1px solid #A5ACB2; font: 11px Verdana; color: #959494;}
.links {height: 30px; float: right; background: #E1F0C2 url(/images/site/greenslant.gif) no-repeat; padding-left: 45px;}
.links p {font: 9.5px Verdana; color: #7C8077; line-height: 30px;}
.links a:link, .links a:visited {color: #7C8077; text-decoration: none; padding: 0 9px; text-transform: uppercase; background: url(/images/site/dotbg.gif) top right repeat-y;}
.links a:hover {color: #FA5B01;}
.homelink {color: #FA5B01; cursor: default;}
p.search {clear: right; float: right; margin: 20px 5px 0 0; display: inline; text-align: right; font: 9px Verdana; color: #7C8077;}
input.search {width: 200px; height: 19px; border: 1px solid #DCDDDA; margin-left: 6px;}
input.go {border: none; background: none; font: 9px Verdana; color: #7C8077; margin-left: 6px; width: 25px;}

#main {clear: both; width: 960px; margin-top: 7px; position: relative; z-index: 1; font-size: 1px;}
ul.nav, ul.nav_int {width: 164px; float: left; border-right: 1px solid #fff; height: 324px; background: #C2E185; position: relative; z-index: 10;}
ul.nav_int {height: auto; padding-bottom: 7px;}
ul.nav li, ul.nav_int li {border-bottom: 1px solid #fff; list-style-type: none; background: #99CC33; }
ul.nav li a, ul.nav_int li a { width: 164px; display: block; text-indent: 20px; padding: 9px 0; text-decoration: none; text-transform: uppercase; font: bold 10px Verdana; color: #fff;outline: none;}
ul.nav li a:hover, ul.nav_int li a:hover {background: #FFA100;outline: none;}
a.current { background: #FFA100; }
.flash {float: right; width:783px; height: 324px; margin-right: 12px; display: inline; position: relative; z-index: 0;}
.flashleft {float: left; position: relative;}
.flashright {float: right;}

.icons {width: 795px; height: 80px; float: right;}
.iconleft {float: left; width: 449px; background: #E1F0C2; height: 80px; position: relative;}
.iconleft ul, .flash ul {position: absolute; top: 30px; left: 0; width: 449px; height: 50px; background: url(/images/site/icons.gif) no-repeat;}
.iconleft li, .flash li {list-style: none; position: absolute; top: 0;}
.iconleft li a, .flash li a {height: 50px; display: block; text-indent: -9999px; text-decoration: none; outline: none;}
.iconleft p {font: 11px Verdana; color: #5C634F; margin: 10px 0 0 15px;}
.iconleft a {color: #5C634F; text-decoration: none;}
.iconleft a:hover {text-decoration: underline;}
.arrows {vertical-align: middle; margin: auto 4px;}
.flash ul {top: 274px; left: -1px;}

.car	        {left: 0; width: 56px;}
.bus            {left: 56px; width: 60px;}
.train   	    {left: 116px; width: 55px;}
.wheelchair 	{left: 171px; width: 52px;}
.truck      	{left: 223px; width: 57px;}
.bike   		{left: 280px; width: 59px;}
.walk         	{left: 339px; width: 52px;}
.plane      	{left: 391px; width: 58px;}

.car        	a:hover {background: url(/images/site/icons.gif) 0 -50px no-repeat;}
.bus        	a:hover {background: url(/images/site/icons.gif) -56px -50px no-repeat;}
.train         	a:hover {background: url(/images/site/icons.gif) -116px -50px no-repeat;}
.wheelchair 	a:hover {background: url(/images/site/icons.gif) -171px -50px no-repeat;}
.truck      	a:hover {background: url(/images/site/icons.gif) -223px -50px no-repeat;}
.bike   		a:hover {background: url(/images/site/icons.gif) -280px -50px no-repeat;}
.walk         	a:hover {background: url(/images/site/icons.gif) -339px -50px no-repeat;}
.plane      	a:hover {background: url(/images/site/icons.gif) -391px -50px no-repeat;}

.iconright {float: right; width: 346px; background: #42A4D6; height: 80px;}
.iconright h1 {font: 30px Verdana; color: #fff; margin: 28px auto 0 auto; text-align: center;}

.content {clear: right; float: right; width: 795px;}

.notice { margin: 0 0 10px 0; color: #FFF; border: 1px dashed #FFF; background-color: #42A4D6; padding: 15px; width: 95%; font-weight: bold; font-size: 14px; }

.text {float: left; width: 453px; padding: 40px 40px 0 28px; font: 12px Verdana; color: #959494;}
.text h1 {font: 24px Verdana; color: #42A4D6;}
.text h2 {margin: 20px 0; font: 18px Verdana; color: #42A4D6;}
.text h3 {margin: 10px 0; font: 12px Verdana; color: #FA5B01; font-weight: bold;}
.text h4 {margin: 20px 0; font: 12px Verdana; color: #42A4D6; font-style: italic; font-weight: bold;}
.text p {margin: 15px 0; line-height: 20px;}
.text a, .sidebar a, #footer a {color: #FA5B01; text-decoration: underline; font-weight: bold; }
.text a:hover, .sidebar a:hover, #footer a:hover {text-decoration: none; color: #FFF; background-color: #FA5B01;}
.text table {margin: 15px 0 0 0px; font: 11px Verdana; color: #7F7968; padding: 0;}
table.orange th {background: #C2E185; margin: 0 1px 1px 0; padding: 4px 15px; text-align: center;}
table.orange td {background:  #E1F0C2; margin: 0 1px 1px 0; padding: 4px; text-align: center;}
table.orange td.alt {background:  #FFF; margin: 0 1px 1px 0; padding: 4px; text-align: center;}
.text .textilized ul, .text .textilized ol { margin: 10px; padding: 0; }
.text .textilized li { margin: 10px 20px; padding: 0; list-style-type: square; }
.text .textilized blockquote { margin: 10px 20px; background: #F7FBFD; color: #42A4D6; border: 1px dashed #42A4D6; padding: 10px; }

.sidebar {float: right; width: 273px; border-left: 1px solid #EEEEEE;}
.sidebar img { margin: 10px 0 0 0; }
.sidebar ul {margin-top: 15px; border-top: 1px solid #E3E3E3; width: 261px;}
.sidebar li { list-style-type: none; }
.sidebar li a {display: block; width: 261px; font: bold 11px Verdana; color: #99CC33; text-indent: 24px; padding: 14px 0 10px 0; text-decoration: none; border-bottom: 1px solid #E3E3E3;}
.sidebar li a:hover, .sidebar li a.current {background: #EDF5FA; color: #5B5A5A;}
.sidebar h1 {font: 18px Verdana; color: #858484; margin: 21px 20px 0 22px;}
.sidebar p {font: 11px Verdana; color: #858584; margin: 16px 20px 0 22px; line-height: 15px;}
.related {width: 260px; background: url(/images/site/relatedbg.gif) no-repeat bottom;}
.related ul {margin: 0 0 0 28px; border: none; width: 210px;}
.related li {font: 11px Verdana; color: #959494; line-height: 17px; border-bottom: 1px solid #E0EDF6; width: 210px; list-style-type: none; overflow: hidden; }
.related li a {font: 11px Verdana; color: #959494; text-decoration: underline; text-indent: 0px; background: none; outline: none; padding: 8px 8px 8px 24px; }
.related li a:hover, .related li span a:hover {text-decoration: none; background: none; outline: none;}
.related li span {font: 11px Verdana; color: #959494; text-indent: 0px; background: none; outline: none; padding: 8px 8px 8px 24px; display: block; }
.related li span a { display: inline; padding: 0; }
.acrobg {background: url(/images/site/acrobg.gif) 0 8px no-repeat;}
.newsbg {background: url(/images/site/newsbg.gif) 0 8px no-repeat;}
.calendarbg {background: url(/images/site/calendarbg.gif) 0 8px no-repeat;}
    
#db {clear: both; width: 960px; position: relative; background: url(/images/site/dbbg.gif) repeat-y; z-index: 15;}
#db img.featured {position: absolute; top: -17px; left: 615px; z-index: 11;}
#db ul {position: relative;}
#db li {float: left; list-style-type: none; z-index: 5}
#db li a {color: #FA5B01; text-decoration: underline; font-weight: bold;}
#db li a:hover {text-decoration: none;}
#db li.news {width: 303px;}
#db li.events {width: 312px;}
#db li.events p.view {line-height: 11px;}
#db li.events p.view img {vertical-align: middle; margin: 0 5px;}
#db li.news h1, #db li.events h1 {font: 22px Verdana; color: #42A4D6; margin: 29px 0 0 24px;}
#db li.news p, #db li.events p {font: 11px Verdana; color: #7C7C7B; padding: 4px 24px 0 24px; line-height: 17px;}
#db li.news p.date, #db li.events p.date {color: #42A4D6; padding-top: 18px;} 
#db li a.notbold {font-weight: normal;}
#db li.projects {width: 333px; background: url(/images/site/projectsbg.gif) repeat-x;}
#db li.projects h1 {font: 25px Verdana; color: #858484; margin: 33px 0 0 39px;}
#db li.projects p {padding: 10px 15px 0 31px; font: 11px Verdana; color: #7c7c7b; line-height: 17px;}
#db li.projects img.thumb {margin: 0 15px 0 0px;}

#footer {clear: both; width: 100%; margin-top: 25px; border-top: 1px solid #EEEEEE; position: relative;}
#footer p.left {float: left; margin: 11px 0 0 24px; display: inline; font: 11px Verdana; color: #959494; line-height: 17px;}
#footer p.right {position: absolute; top: 11px; left: 675px; color: #959494; font: 11px Verdana;} 
#footer a {color: #FA5B01; text-decoration: none;}

.clr {clear: both; margin: 0; padding: 0; line-height: 0; font-size: 1px;}

table.calendar { margin-bottom: 15px; background: #FFF; width: 90%; voice-family: "\"}\""; voice-family: inherit; width: 85%; }
table.calendar th { color: #42A4D6; background: none; padding: 3px; font-size: 12px; text-align: left; }
table.calendar td { background: #F8FDF0; padding: 3px; color: #9BBE53; font-size: 12px; vertical-align: top; }
table.calendar td.todaysDay { background: #fff; color: #959494; border: 1px solid #959494; font-weight: bold; }
table.calendar td.otherMonth { background: #F8FDF0; color: #F8FDF0; }
table.calendar td.specialDay { background: #F7FBFD; color: #42A4D6; border: 2px solid #42A4D6; }
table.calendar ul { padding: 0; margin: 3px 0 0 0; }
table.calendar li { font-weight: normal; font-size: 11px; line-height: 11px; padding: 3px 0 0 0; margin-bottom: 5px; line-height: 1.3em; }

table.twoWeeks { margin-bottom: 15px; background: #FFF; width: 90%; voice-family: "\"}\""; voice-family: inherit; width: 100%; }
table.twoWeeks th { color: #42A4D6; background: none; padding: 3px; font-size: 12px; text-align: left; }
table.twoWeeks td { background: #F8FDF0; padding: 3px; color: #9BBE53; font-size: 12px; vertical-align: top; }
table.twoWeeks td.todaysDay { background: #fff; color: #959494; border: 1px solid #959494; font-weight: bold; }
table.twoWeeks td.otherMonth { background: #F8FDF0; color: #F8FDF0; }
table.twoWeeks td.specialDay { background: #F7FBFD; color: #42A4D6; border: 2px solid #42A4D6; }
table.twoWeeks ul { padding: 0; margin: 3px 0 0 0; }
table.twoWeeks li { font-weight: normal; font-size: 11px; line-height: 11px; padding: 3px 0 0 0; margin-bottom: 5px; line-height: 1.3em; }

.pagination { padding: 3px;	margin: 3px 0 10px 0; font-size: 13px; }
.pagination a { padding: 2px 5px 2px 5px; margin: 2px; text-decoration: underline; color: #FA5B01; }
.pagination a:hover, .pagination a:active {	color: #FFF; text-decoration: none; }
.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; background: #F7FBFD; color: #42A4D6; border: 2px solid #42A4D6; }
.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd; }

#form { background: url('/images/site/form_bg.gif') #fff bottom repeat-x; width: 100%; }
#form p { padding: 0px 15px 5px 15px; font-size: 11px; font-weight: bold; border-bottom: 1px solid #C2E185; }
#form p label { display: block; float: left; width: 35%; padding-top: 3px; }
#form input, #form select, #form textarea { border: 1px inset #000; padding: 3px; font: 13px "Andale Mono", "Courier New", serif; }
#form .small { width: 145px; }
#form .medium { width: 265px; }
#form .error-with-field { color: Red; padding-left: 30%; }
#form small.error { font-size: 11px;  }
.submit_tag { margin-top: 8px; border: none; background-color: #F5F5F5; color: #777; padding: 3px; font: 11px "Verdana", sans-serif; font-weight: bold; text-transform: uppercase; }

.right_box { float: right; width: 40%; background: #F7FBFD; color: #42A4D6; border: 2px solid #42A4D6; padding: 10px 15px; margin: 10px; }

.sitemap { line-height: 2.4em; margin-top: 5px; }
.sitemap ul { line-height: 20px; margin: 0px 0 0 15px; }
.sitemap .root { font: 14px Verdana; font-weight: bold; line-height: 25px; }
.sitemap .lv1 { font: 12px Verdana; font-weight: bold; line-height: 20px; }
.sitemap .lv2 { font: 10px Verdana; line-height: 23px; }
small { font: 10px Verdana;}
.home-banner {font-family: Verdana, sans-serif; font-size: 12px; float: left; width: 928px; background: #99CC33; border-top: 1px solid #FFF; padding: 10px; color: #FFF;}
.home-banner a, .home-banner em {color: #FFF; font-size: 11px; }