html, body {
	background:#3E6382 url(../pix/body-bg.gif) top left repeat-x;
	margin:0;
	margin-top:6px;
	text-align:center;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000}

#switcher {
	text-align:right;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	font-size:100%;
	margin-bottom:6px}

#switcher a {
	text-align:right;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:200%;
	margin-top:0;
	font-weight:normal}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:175%;
	margin-top:0;
	font-weight:normal}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:150%;
	margin-top:0;
	font-weight:normal}

#pageContainer {
	margin:auto;
	width:767px;
	clear:both;
	font-size:90%}

#topBar {
	background-color:#000000;
	width:100%;
	float:left;
	padding:6px 0;
	margin:0}

#topBar p {
	font-size:85%;
	color:#fff;
	margin:0 10px;
	padding:0}

.home {
	float:left}

.date {
	font-weight:bold;
	padding:6px 0;
	text-transform:uppercase;
	float:right}

.location, .addl {
	text-transform:none;
	vertical-align:top}

a.home:link, a.home:visited, a.home:active {
	color:#FFFFFF;
	font-weight:bold;
	padding:6px;
	text-decoration:none;
	background-color:#333333;
	border:1px solid #666}

a.home:hover {
	color:#3E6382}

#header {
	margin:0;
	padding:0;
	background-color:#24435D}

#headImage {
	margin:0;
	padding:0;
	float:left;
	width:509px}

#headerLogo {
	margin:0;
	padding:0;
	width:258px;
	float:left}

#message {
	background-color:#CC0000;
	color:#FFFFFF;
	font-weight:bold;
	font-size:95%;
	text-align:center;
	clear:both;
	width:767px
	}

#message p {
	padding:4px 10px;
	margin:0}

#message strong {
	text-transform:uppercase}

#pageBody {
	text-align:left;
	background: #fff url(../pix/bottomShadow.gif) repeat-x top;
	line-height:1.2;
	float:left;
	width:100%}

a:link, a:visited, a:active {
	text-decoration:underline;
	color:#990000}
	
a:hover {
	text-decoration:underline;
	color:#3E6382}

#monthBox a:link, #monthBox a:visited, #monthBox a:active {
	text-decoration:none}

#mainContent {
	width:100%;
	clear:both;
	line-height:1.5em;
	float:left;
	min-height:300px}

.padding {
	padding:20px;
	float:left}

#homeTopWrap {
	float:left;
	background:url(../pix/home-Top-BG.gif) repeat-y top left}

#leftContent {
	width:377px;
	float:left;
	margin:0;
	padding:0;
	margin-bottom:20px}

#Column-1 {
	float:left;
	width:400px}

#Column-2 {
	float:right;
	width:307px}

#Column-2 div {
	padding-left:20px}

#Column-2 div h2 {
	font-size:120%;
	font-weight:bold}

#Column-2 div h3 {
	font-weight:bold;
	font-size:100%;
	margin-bottom:.5em}

#linksBox {
	width:30%;
	float:right;
	background-color:#EFEDD8}

#linksBox div {
	padding:10px}

/* front page subcolumn styles */

#subColumns {
	background:#F4F4F4;
	/* border-top:1px solid #cccccc; */
	clear:both;
	margin:0;
	width:100%;
	line-height:1.5em;
	font-size:100%;
	float:left}

#subsWrap {
	padding:20px;
	float:left;
	font-size:90%}

#leftSubcolumn {
	float:left;
	margin:0;
	padding:0;
	width:40%}

#rightSubcolumns {
	float:right;
	width:60%;
	margin:0;
	padding:0}

#busReports {
	padding-right:20px}

#subColumn-2 {
	float:right;
	margin:0;
	padding:0;
	width:25%}

#subColumn-1 {
	padding:0;
	margin:0;
	float:left;
	width:35%;
	font-size:100%}

#subColumn-2 div {
	padding-left:20px}

#subColumns h2 {
	font-size:170%;
	margin:0;
	margin-bottom:.5em}

#subColumns h3 {
	font-size:120%;
	margin:0}

#subColumn-1 h2 {
	font-size:100%;
	font-weight:bold}

.dateBanner {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#47688B;
	color:#fff;
	padding:.2em .3em;
	display:block;
	margin:0;
	border:1px solid #ccc;
	font-weight:bold;
	font-size:100%}

#subColumn-1 h3 {
	font-size:150%;
	margin-top:.2em;
	padding:.25em 0}

/* end front page subcolumns styles */
#weather {
	text-align:left;
	margin-bottom:15px;
	/* background:#f4f4f4 url(../pix/weather-bg.gif) top left repeat-x; 
	margin-left:18px*/}

#weather h1 {
	padding:20px 0 0 0;
	text-align:left;
	margin:0}

#tides {
	margin-:0;
	margin-bottom:25px;
	text-align:center}

#sideBar {
	float:right;
	width:350px;
	scrollbar-3dlight-color:#CDCA9B;
	scrollbar-arrow-color:#990000;
	scrollbar-base-color:#E5E2BA;
	scrollbar-darkshadow-color:#766531;
	scrollbar-face-color:#E5E2BA;
	scrollbar-highlight-color:#E5E2BA;
	scrollbar-shadow-color:#CDCA9B}

.notTop {
	margin-top:40px}	

.scrollBox {
	overflow:auto}

#weeklyHighlights {
	padding:0;
	font-size:110%;
	line-height:1.25em}

#weeklyHighlights h1, #subColumns h1, #notices h1 {
	margin:0;
	margin-bottom:.5em;
	font-weight:normal}

#weeklyHighlights h2 {
	margin:0;
	font-weight:normal;
	font-size:150%;
	line-height:1.25em}

#news {
	margin:10px;
	font-size:100%;
	line-height:normal;
	line-height:1.25em}

#news h2 {
	margin-bottom:1em;
	font-weight:normal;
	font-size:150%}

#notices {
	margin:10px;
	padding:0;
	padding-top:10px;
	font-size:95%;
	line-height:1.25em;
	border-top:3px solid #CDCA9B}

#notices h2 {
	margin:0;
	margin-bottom:-.25em}

.posted {
	font-size:90%;
	color:#666666;
	margin-bottom:25px}

.storyHeadline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:200%;
	margin-top:0;
	font-weight:normal;
	line-height:normal}

#storyText table {
	background-color:#fff;
	border:none;
	padding:0;
	margin:0}

#storyText table td {
	background-color:#fff}

#footer {
	padding:5px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:95%;
	clear:both;
	line-height:1.5em}

#footer a:link, #footer a:active, #footer a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF}
	
#footer a:hover {
	text-decoration:none;
	color:#FFFF00}

#subFooter {
	font-weight:bold;
	font-size:95%;
	color:#FFFFFF;
	float:left;
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	text-align:left}

#upd {
	float:left;
	padding:10px 0}

#developed {
	float:right;
	padding:10px 0}

/* table styles */

#staffTable {
	width:100%}

#pageContainer .datatable table {
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	width:100%}

#pageContainer .datatable tr, .calendar tr {
	background-color:#E7E7E7;
	border-bottom:1px solid #000000}

#pageContainer .datatable tr.alt, .calendar tr.alt {
	background-color:#f4f4f4}

#pageContainer .datatable td, th {
	padding:8px}

#pageContainer .datatable td h3 {
	margin:0}

#pageContainer .datatable th {
	background-color:#A9965E;
	color:#FFFFFF;
	font-weight:bold}

th.profile {
	background:none;
	color:#000000}

caption, .calendar caption {
	font-size:225%;
	color:#333;
	padding:.5em 0;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal}

table .date {
	font-family:Georgia, "Times New Roman", Times, serif;
	vertical-align:top;
	font-weight:normal;
	float:none}

.noStyleTable, .noStyleTable tr, .noStyleTable td, .noStyleTable th, .noStyleTable caption {
	background:none;
	padding:0;
	margin:0}

.calendar {
	width:100%;
	border:1px solid #ccc}

.calendar th {
	padding:7px;
	background-color:#333333;
	color:#fff}

.calendar h2 {
	margin:.5em 0;
	padding:0;
	font-weight:normal}

#calendarSearch {
	width:100%;
	padding:5px}

#monthBox {
	background-color:#999;
	width:100%;
	border:none}

#calendarBarLinks {
	padding:5px;
	background-color:#CBD9E9}

/* end table styles */

.infoLinks {
	font-size:95%;
	vertical-align:top}

.who {
	vertical-align:top}

.title {
	font-style:italic}

.calendarLinks {
	 margin-bottom:10px;
	 font-size:85%;
	 padding:5px;
	 background-color:#D3E6F7;
	 font-weight:bold;
	 width:100%}

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

#faqs {
	clear:both}

#faqs h2 {
	width:100%;
	padding:10px 0;
	background-color:#993300;
	color:#FFFFFF;
	text-indent:.5em}

/* list item styles */

#subColumn-2 ul, .links ul {
	padding-left:15px;
	margin:0;
	color:#990000}

#subColumn-2 li, .links li {
	list-style:none;
	padding:0;
	padding-left:10px;
	background:url(../pix/bulletArrow.gif) 0 .5em no-repeat;
	margin:0;
	color:#990000}

.pageBody li {
	margin:0;
	padding:0;
	list-style-position:outside}

.linksBox ul {
	list-style:url(../pix/bulletArrow.gif) outside;
	padding:0;
	padding-left:15px;
	margin:0;
	font-size:95%}

#callOutBox ul {
	margin:0;
	margin-left:10px;
	padding:0;
	padding-left:15px}

#callOutBox li, #alsoToday li {
	margin:.3em 0;
	padding:0;
	font-size:90%}	

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

#alsoToday li {
	margin-left:15px}

/* end list item styles */

.bodyCol-1 {
	width:350px;
	float:left;
	border:none;
	clear:both;
	margin-bottom:25px}
	
.bodyCol-2 {
	width:350px;
	float:right;
	border:none;
	margin-bottom:25px}

/* .directory {
	float:left;
	width:229px;
	margin-right:10px} */

.directory h2 {
	font-size:140%;
	margin-bottom:0;
	font-weight:bold}

#calCol-1 {
	width:190px;
	float:right;
	background-color:#EFEDD8}

#calCol-2 {
	width:510px;
	float:left}
	
/* definition list styles */

dl {
	margin:2em 0;
	padding:0}

dt {
	margin:0;
	padding:0}

dd {
	margin:0 0 1em 0;
	padding:0}

#faqs dd {
	margin:1em 0 2em 0}

#policies dd, #ordinances dd {
	margin:1em 0 2em 3em;
	line-height:normal}

dl h2 {
	margin:0 0 1em 0}

.directory dt {
	margin:0;
	padding:0}

.directory dd {
	margin:0;
	padding:0}

.directory dt h3 {
	margin:0;
	padding:0}

#calCol-2 dl {
	margin:0;
	padding:15px 0}

#calCol-2 dt, #calCol-2 dd {
	margin:0;
	padding:0}

dt.eventtitle {
	font-weight:bold;
	padding:15px}

dd.when, dd.where, dd.moreInfo, dd.info, dd.length, dd.section {
	font-size:90%}

dd.section {
	font-style:italic}

dd.eventDesc {
	padding:0}

dl.eventDetails h2 {
	font-size:280%;
	margin:0;
	margin-bottom:.25em;
	padding:0;
	line-height:normal}

/* end definition list styles */

#callOutBox {
	background-color:#EFEDD8;
	padding:10px}

#callOutBox h4 {
	margin-bottom:.5em;
	font-size:100%}

#callOutBox img {
	padding-top:2px}

#callOutBox p {
	font-size:80%;
	line-height:normal}

#callOutBox p a {
	font-weight:normal}

.pbImage {
	float:right}

.smallPrint {
	font-size:90%}

.pageBody h2 {
	margin:0;
	padding:0;
	font-size:130%;
	font-weight:bold;
	margin-bottom:-1em}

.noMargin {
	margin:0}

/* off-left is a class used to make the item it's applied to not appear on the screen but still get picked up by screen readers */ 
.off-left {
	position:absolute;
	left:-2000px;
	width:2000px}

.cookieCrumbs {
	font-size:90%;
	margin-bottom:25px}

#zoneMap {
	text-align:center;
	width:100%}

#zoneTable {
	clear:both}

.toggleBox {
	border:1px solid #a6a6a6;
	padding:5px;
	margin-top:5px}

a.toggleTitle:link, a.toggleTitle:active, a.toggleTitle:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:165%;
	color:#666;
	padding:3px 0 0 0;
	text-indent:5px;
	text-decoration:none}

.eventContainer {
	margin-bottom:1em}

#alsoToday {
	width:150px;
	background-color:#E6F7EF;
	display:table;
	float:right;
	padding:5px;
	border:2px solid #BCEAD6;
	margin-left:15px;
	margin-bottom:10px}

#minuteSearch {
	background-color:#47688B;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px}

/* Debugging Styles */
table.cfdebug {
	text-align:left;
	clear:both;
	margin-top:500px;
	width:100%}

table.cfdebug table {
	margin:0}