body, td { font-size: x-small; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, form { padding:0; margin:0; }
p { padding:0; margin:0; margin-bottom:10px; }
a { text-decoration:underline; }
a:hover { text-decoration:none; }
h1 { font-size:1.4em; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1.0em; }
h6 { font-size:1.0em; }
hr { margin:2px 0; padding:0; clear:both; height:1px; border:none; }
hr.dotted { border-bottom:1px dotted #CCC; }
br { margin:3px; padding:0; }
img { border:none; }
blockquote { margin-top:3px; margin-bottom:3px; }
/*=======================================================================================================
== Special Classes
=======================================================================================================*/
.clear { margin:0; padding:0; height:0; clear:both; border:0; overflow:hidden; }
.hide { display:none; }
.right { text-align:right; }
.left { text-align:left; }
.center {text-align:center; }
.imgright{ float:right; margin:0 0 10px 10px; }
.imgleft { float:left; margin:0 10px 10px 0; }
.spaceright { margin-right: 10px; }
.spaceleft { margin-left: 10px; }
.iconright { margin:0; padding:0; margin-left:5px; float:right; vertical-align:middle; }
.iconleft { margin:0; padding:0; margin-right:5px; float:left; vertical-align:middle; }
.error { color:#900; }
.photo { border:1px solid #999; padding:4px; }
.nowrap { white-space:nowrap; }
.moreinfo { background:url(/lib/img/ui/learnmore.gif) no-repeat top left; height:20px; padding:2px 0 0 25px; font-size:8pt; }
.moreinfo a { color:#060; text-decoration:none;  }

/*=======================================================================================================
== Left Menu
=======================================================================================================*/
#leftmenu { float:left; width:145px; margin-right:1px; padding-bottom:20px; overflow:hidden; }
#leftmenu h1, #leftmenu h2, #leftmenu h3, #leftmenu h4, #leftmenu h5, #leftmenu h6 { padding:5px; margin-bottom:5px; text-align:center; }
#leftmenu h1 { font-size:1.3em; }
#leftmenu h2 { font-size:1.2em; }
#leftmenu h3 { font-size:1.1em; }
#leftmenu h4, #leftmenu h5, #leftmenu h6 { font-size:1em; }
#leftmenu ul { list-style-type:none; margin:0; padding:0; text-align:left; }
#leftmenu li { font-size:1em; margin:0; padding:0; }
#leftmenu li a.advocacy { height:45px; background:url(/government/local/images/vocus/boatlogotiny.gif) no-repeat 88px 4px; }
#leftmenu li a.advocacy { font-weight:bold; }

/*=======================================================================================================
== Content Area
=======================================================================================================*/
#contentarea img.right { float:right; margin:10px; }
#contentarea { padding-bottom:20px; overflow:hidden; }
#contentarea ul { padding:0 5px 0 25px; margin:5px 0; list-style-type:square; }
#contentarea ul li{ padding:0; margin:3px 0; }
#contentarea ul li  ul{ padding-left:10px; list-style-type:disc; }
#contentarea ul li ul li{ padding:0; margin:0; }
#contentarea ul li.pdf { background-image:url(/lib/img/icons/20/pdf.gif); background-repeat:no-repeat; padding-left:25px; list-style:none; height:20px; }
#contentarea ul li.html { background-image:url(/lib/img/icons/20/html.gif); background-repeat:no-repeat; padding-left:25px; list-style:none; height:20px; }

.curvedarea .left, .curvedarea .right, .curvedarea .bottom, .curvedarea .corner {background-color:#F4F4F4; }
.curvedarea .left { background-image:url(/lib/img/ui/curvedarea/left.gif); background-repeat:no-repeat; background-position:left top; padding-left:20px; padding-top:20px; }
.curvedarea .right { background-image:url(/lib/img/ui/curvedarea/right.gif); background-repeat:no-repeat; background-position:left top; width:30px; }
.curvedarea .bottom { background-image:url(/lib/img/ui/curvedarea/bottom.gif); background-repeat:no-repeat; background-position:left top; height:28px;}
.curvedarea .corner{ background-image:url(/lib/img/ui/curvedarea/corner.gif); background-repeat:no-repeat; background-position:left top; }/*=======================================================================================================
== Staff List
=======================================================================================================*/
#stafflist { margin-left:5px; }
#stafflist thead td {background-color:#003399; color:#FFFFFF; padding:3px 5px;}
#stafflist tbody td { padding:2px 3px; font-size:xx-small; }
#stafflist tbody tr.alt td { background-color:#EFEFFF; }
#stafflist .staffcard { width:215px; border:1px solid #CCC; float:left; height:115px; margin:5px 0 0 5px; padding:8px 3px 5px 8px;}
#stafflist .staffinfo { width:415px; border:1px solid #CCC; float:left; margin:5px 0 0 15px; padding:15px;}
#stafflist div{ float:left; }
#stafflist .staffcard .info{ width:160px; }
#stafflist  .staffcard h4, #stafflist  .staffcard h5, #stafflist  .staffcard h6, #stafflist  .staffcard p { padding:0; margin:0; padding-left:5px; }
#stafflist  .staffcard h5 { padding-top:3px; } 
#stafflist  .staffcard h6, #stafflist  .boardcard h6 { font-weight:normal; }
#stafflist  .staffcard p { font-style:italic; margin-top:12px; padding-left:10px; }

#stafflist .boardcard { width:450px; border:1px solid #CCC; float:left; margin:5px 0 0 5px; padding:8px 3px 5px 8px;}
#stafflist  .boardcard h4, #stafflist  .boardcard h5, #stafflist  .boardcard h6, #stafflist  .boardcard p { padding:0; margin:0; padding-left:5px; }
#stafflist .boardcard img { float:left; margin-right:10px; }
#stafflist .boardcard .info{ width:200px; }
#stafflist .boardcard p { margin-top:12px; padding-left:10px; }
#stafflist .boardcard p.bio{ font-style:normal; font-size:1.1em; margin-top:0; margin-bottom:20px; }

/*=======================================================================================================
== Contacts
=======================================================================================================*/
div.contactlist { padding:10px; margin:0 auto; width:470px; }
div.contactlist .contactcard { width:220px; border:1px solid #CCC; float:left; margin:5px; padding:0;}
div.contactlist .photoarea { float:left; width:45px; padding:7px; overflow:hidden; margin-right:5px; }
div.contactlist .infoarea { float:left; width:150px; padding:7px 0; }
div.contactlist h3 { clear:both; margin:15px 0; border-bottom:1px solid #CCC; }
div.contactlist .leftcolumn { clear:both; }
div.contactlist .contactcard h4, div.contactlist .contactcard h5, div.contactlist .contactcard h6 { padding:0; margin:0; }
div.contactlist .contactcard h5 { padding-top:3px; } 
div.contactlist .contactcard h6 { font-weight:normal; margin-bottom:5px; }
div.contactlist .contactcard p { padding:0; margin:0; }
.contactcard .tools { background-color:#F4F4F4; border-top:1px dashed #CCC; }
.contactcard .tools a { display:block; height:18px; float:left; text-indent:27px; padding:5px 0 2px 0; border:1px solid #F4F4F4; margin:2px 2px 1px 6px; }
.contactcard .tools a:hover { border:1px solid #CCC; }
.contactcard .tools a.email { background:url(/lib/img/icons/20/email.gif) no-repeat 3px 2px; width:60px; }
.contactcard .tools a.bizcard { background:url(/lib/img/icons/20/contact.gif) no-repeat 4px 2px; width:75px; }
.contactcard .tools a.bio { background:url(/lib/img/icons/20/politician.gif) no-repeat 3px 2px; width:50px; }

a.staff { text-decoration:none; color:#D00; } 
.staff img { margin:0 3px; vertical-align:middle; }


#contentlist { list-style:none; }
#contentlist li{ clear:both; }
#contentlist img{ float:left; margin:0 10px 10px 0; border:none; }

#contentarea .faqlist { margin:15px; }
#contentarea .faqlist dd{  margin: 5px 0 5px 10px; }

#contentarea .download { border:1px dashed #999; background-color:#EFEFEF; margin:15px; padding:10px; }
#contentarea .download img{ margin-bottom:25px; }

.pressroom { background-color:#FFF; border-top:1px solid #DDD; margin:10px 0; }

div.monthsbar, div.yearsbar { clear:both; text-align:center; border-top:1px solid #DDD; width:100%; height:16px; vertical-align:middle; }
div.yearsbar { border-bottom:1px solid #DDD; }
div.monthsbar span, div.monthsbar a { padding:4px 0.8em; }
div.monthsbar span.disabled, div.yearsbar span.disabled { color:#CCC; }
div.monthsbar span.active, div.yearsbar span.active { color:#369; background-color:#F4F4F4; }
div.monthsbar a, div.yearsbar a { text-decoration:none; }
div.monthsbar a:hover, div.yearsbar a:hover { color:#FFF; background-color:#C55; }
div.yearsbar span, div.yearsbar a { padding:4px 15px; }

table.boatingcaucus { margin:0 auto; }
table.boatingcaucus thead td { padding:3px; font-size:1.2em; font-weight:bold; }
table.boatingcaucus tbody td { padding:1px 3px; }