<style type="text/css">
<!--

/* clear fix */
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

/* End hide from IE-mac */
.mac-clearfix{
    clear: both;
    height: 0;
    overflow: hidden;
}
/* end clear fix */

html
{
background-color: #F4F7FB; 
}

body
{
margin: 0 0 0 0; 
background-color: #F4F7FB; 
background-image: url(../_gfx/cmn/bg.gif); 
background-repeat: repeat-x;
}

.logobg
{
background-image: url(../_gfx/cmn/logo.gif); 
background-repeat: no-repeat;
}

.bodytext, textarea, td, p, .bodytext li
{ 
	font-family: verdana,Arial, Sans-serif; 
	font-size: 11px;
	line-height:16px; 
	color: #334045; 
}

.bodytext li {
	list-style-type: red;
}

.bodytext img {
  border-color:#86A3C3;
}

a {color:#3267CD;}

.bodytextBG
{
background: url("../_gfx/cmn/shadow.jpg");
background-repeat: repeat-y;
background-color: #ffffff;
}

.title_wrapper
{
	background-image: url(../_gfx/cmn/titleBG.gif);
	height: 69px;
	background-repeat: no-repeat;	
	background-position: 0 -30px;
}

.topbg_noleftnav
{
	background-image: url(../_gfx/cmn/topbg_noleftnav.jpg);
	height: 99px;
	width: 759px;
}

.title_noleftnav
{
	font-family: trebuchet ms, verdana, sans-serif; 
	font-size: 19px;
	color: #ffffff;
	font-weight: normal;
	position: relative;
	top: 70px;
	left: 16px;
}

.pagetitle
{
	font-family: trebuchet ms, verdana, sans-serif; 
	font-size: 19px;
	color: #ffffff;
	font-weight: normal;
	padding-left: 16px;
	padding-top:42px;
}

.subtitle	
{ 
	font-family: trebuchet ms, verdana, sans-serif;  
	font-size: 14px; 
	font-weight: bold;
	color: #2466BF;
	padding-top: 8px;
	padding-bottom: 8px;
}

h3, .h3 {
	font-family: trebuchet ms, verdana, sans-serif;  
	font-size: 12px; 
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	margin:0;
}

hr {
	border-top: 1px solid #5287CD;
	width:85%;
 	color: #5287CD;
	background-color: #5287CD;
	height: 1px;
}

/**************************************
Extra Interior page graphics
***************************************/

.floatbox {
	background: url('../_gfx/cmn/floatbox_bg.jpg') top left no-repeat #C9E5F9;
	width: 136px;
	border:0;
	padding: 15px 12px 12px 12px;
	margin:0 10px 10px 10px;
	line-height:13px;
	color: #0A5387;
	display: block;
}
	* html .floatbox {
		width: 160px;
		w/idth:136px;
	}
	
.floatbox_280 {
	background: url('../_gfx/cmn/280_floatbox_bg.jpg') top left no-repeat #c9e5fa;
	width: 256px;
	border:0;
	padding: 25px 12px 12px 12px;
	margin:0 10px 10px 10px;
	line-height:13px;
	color: #0A5387;
}
	* html .floatbox_280 {
		width: 280px;
		w/idth: 256px;
	}
	
.floatbox_280_orange {
	background: url('../_gfx/cmn/280_floatbox_bg2.jpg') top left no-repeat #f9db9b;
	width: 256px;
	border:0;
	padding: 23px 12px 12px 12px;
	margin:0 10px 10px 10px;
	line-height:13px;
	color: #926300;
}
	* html .floatbox_280_orange {
		width: 280px;
		w/idth: 256px;
	}

.floatbox_280_orange p, .floatbox_280_orange li, .floatbox_280_orange ul { color: #926300; }
	
.sidebar {
	background: url('../_gfx/cmn/sidebar_bg.jpg') top left no-repeat #DEEFA8;
	width: 126px;
	border:0;
	padding: 19px 7px 7px 7px;
	margin:0 10px 10px 10px;
	line-height:13px;
	color: #0A5387;
	display: block;
}
	* html .sidebar {
		width: 140px;
		w/idth:126px;
	}
	
.sidebar ul {padding-left:17px;}	* html .sidebar ul {padding-left:0; margin-left:17px;}
.sidebar li {margin-bottom:4px;}

.coordbox {
	background: url('../_gfx/cmn/coord_bg.jpg') top left no-repeat #fff;
	width: 128px;
	height: 114px;
	border:0;
	padding: 5px 10px 12px 10px;
	margin:0 10px 10px 10px;
	line-height:13px;
	color: #0A5387;
}
	* html .coordbox {
		width: 148px;
		w/idth:128px;
		padding-top:10px;
	}
	
.coordbox h3, .coordbox .h3, .fuelprice h3, .fuelprice .h3 { font-size:17px;}

.fuelprice {
	background: url('../_gfx/cmn/fuelprice_bg.jpg') top left no-repeat #fff;
	width: 128px;
	height: 114px;
	border:0;
	padding: 5px 10px 12px 10px;
	margin:0 10px 10px 10px;
	line-height:13px;
	color: #0A5387;
}
	* html .fuelprice {
		width: 148px;
		w/idth:128px;
		padding-top:10px;
	}

.printFriendly, .printFriendly a
{
	font-family: verdana,Arial, Sans-serif; 
	font-size: 10px; 
	color: #3366CC; 
}

.printFriendly span
{
	position: relative;
	top: -3px;
	left: 1px;
}

.leftnavBG
{
background-color: #E3E1C1;
}

.toplinks
{ 
font-family: verdana, Arial, Sans-serif; 
font-size: 10px; 
color: #8C949A;
}

.toplinks a
{ 
font-family: verdana, Arial, Sans-serif; 
font-size: 10px; 
color: #FFE56C;
text-decoration:none
}

.toplinks a:hover {
text-decoration:underline;
}

.mainnav
{
background-image: url(../_gfx/cmn/navbg.gif); 
background-repeat: repeat-x;
}

.topNav
{ 
font-family: Verdana, Arial, Sans-serif; 
font-size: 10px; 
color: #F5E8B8;
}

.topNav a
{ 
font-family: Verdana , Arial, Sans-serif; 
font-size: 10px; 
color: #F5E8B8;
font-weight: bold;
text-decoration:none
}

.newsList
{ 
font-family: Arial, Sans-serif; 
font-size: 11px; 
color: #333333;
}

.newsList a
{ 
font-family: Arial, Sans-serif; 
font-size: 11px; 
color: #333333;
}

.searchbox
{ 
font-family: verdana, Arial, Sans-serif; 
font-size: 10px; 
color: #343F56;
width: 148px;
height: 21px;
border: 1px solid #343F56;
}

.shortcuts
{ 
font-family: Tahoma, Arial, Sans-serif; 
font-size: 10px; 
color: #333333;
width: 115px;
}

.header2	{ font-family: Arial, Sans-serif;  font-size: 14px; font-weight: bold; color: #9C8E2A;}
.header1	{ font-family: Arial, Sans-serif; font-size: 18px; font-weight: bold; color: #0070C3; padding: 3px; margin-top:1px; margin-left:20px;}

.footerText
{
font-family: verdana, Arial, Sans-serif; 
font-size: 10px;
color: #ffffff;
}

.footerText a
{
font-family: verdana, Arial, Sans-serif; 
font-size: 10px;
color: #ffffff;
}

.sublink	{ font-family: verdana, Times, Serif; font-size: 10px; color: #666666; background-color:#B0D7FF; }
.sublinktop	{ font-family: Verdana, Arial, Sans-serif; font-size: 10px; font-weight: bold; color: #811A1B; }

.sublinktop a.sub		{ font-family: Verdana, Arial, Sans-serif; color: #fff; text-decoration: none; font-weight: normal;}
.sublinktop a.sub:hover		{ color: #073461;}
.sublink a.sub		{ font-family: Verdana, Arial, Sans-serif; color: #073461; text-decoration: none; font-weight: normal; }
.sublink a.sub:hover	{ color: #073461;  }

.sublinktop a.sub1		{ font-family: Verdana, Arial, Sans-serif; color: #fff; text-decoration: none; font-weight: bold; }
.sublinktop a.sub1:hover	{ color: #073461; }
.sublink a.sub1		{ font-family: Verdana, Arial, Sans-serif; color: #073461; text-decoration: none; font-weight: bold; }
.sublink a.sub1:hover	{ color: #073461; }


a:hover, a.sub:hover, a.sub1:hover
{
	text-decoration:none;
}

.sublink a, .sublinktop a
{
	width: 100%;
	display: block;
}


a.dynaPath:link{
	font-family: verdana, Times, Serif;
	font-size: 9px;
	color: black;
}
a.dynaPath:visited{
	font-family: verdana, Times, Serif;
	font-size: 9px;
	color: black;
}
a.dynaPath:hover{
	font-family: verdana, Times, Serif;
	font-size: 9px;
	color: black;
}

.admintoolbox
{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-family: tahoma,verdana,arial,sanserif;
	font-size: 11px;
	color: #333333;
}

.admintoolbox td
{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

.admintoolboxlabel
{
	font-weight: bold;
}

.admintoolboxtitlebar
{
	border-top: 0px;
	height: 20px;
	background-color: #603046;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
}

.rowhighlightoff
{
	background-color:"#FFFFFF";
}

.rowhighlighton
{
	background-color:"#EEEEEE";
}

.admintoolbox a:link	{ color: #603046; text-decoration: underline; font-weight: normal;}
.admintoolbox a:visited	{ color: #603046; text-decoration: underline; font-weight: normal;}
.admintoolbox a:hover	{ color: #603046; text-decoration: underline; font-weight: normal;}

.tableworkflow
{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-family: tahoma,verdana,arial,sanserif;
	font-size: 11px;
	color: #333333;
}

.tableworkflow td
{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

.tableworkflowlabel
{
	font-weight: bold;
}

.titlebar
{
	border-top: 0px;
	height: 20px;
	background-color: #603046;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
}

.specialButton
{
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	background-color: #9BF490;
}

.standardButton
{
	font-family: tahoma;
	font-size: 11px;
}

.smallButton
{
	padding: 1px;
	background-color: #CCCCCC;
	font-family: tahoma;
	font-size: 9px;
}

.backbutton
{
	padding-top: 20px;
	font-weight: bold;
	font-family: arial,sanserif;
	font-size: 12px;
	color: #333333;
}

.tableForm
{
	font-family: arial,sanserif;
	font-size: 12px;
	color: #333333;
}

.tableForm td
{
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	text-align:left;
}
/**************************
For Staff Directory Page
**************************/
.category
{
	border-collapse: collapse;
	border: #000000 0px solid;
}

th
{
	font-family: verdana,arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
}


.tableData
{
	border: 1px solid #999999;
	font-family: arial,sanserif;
	font-size: 11px;
	color: #333333;
}

.tableData td
{
	border-top: 1px solid #999999;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	background: #F3F7E8;
}

.tableData th, td.tableData_hdr
{
	border-top: 1px solid #C9E083;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #496000;
	background: url('../_gfx/cmn/td_header_bg.gif') top repeat-x #BED968;
	text-align:left;
}

.category td
{
	font-family: arial,verdana;
	font-size: 12px;
	padding: 3px;
	border: 0px;
	text-align:left;
}

.category th
{
	font-family: arial,verdana;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
}
/**************************
End For Staff Directory Page
**************************/
/**************************
For Calendar Table Page
**************************/
.cmonth		{ font-family: Trebuchet MS; font-size: 18px; font-weight: bold; color: #2465BF; }
.cday		{
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #496000;
	text-align: center;
	background: url('../_gfx/cmn/td_header_bg.gif') top repeat-x #BED968;
}
.cdate		{ font-family: Arial; font-size: 18px; font-weight: bold; letter-spacing: -2px; color: #51779D; }
.ctxt		{ font-family: Tahoma; font-size: 11px; color: #333333; }
.c1			{ background-color: #FFF0a0; } /* today */
.c2			{ background: url('../_gfx/cmn/cal_c2bg.jpg') top repeat-x #fff; } /* active month days */
.c3			{ background: #DCE3EA; } /* inactive month days */
.c4			{ background-color: #603046; } /* ? */

/**************************
End For Calendar Table Page
**************************/
/********************************
For Calendar Detail Page
********************************/
.eventtitle{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}
.eventsubtitle{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	line-height: 18px;
}
.eventleft{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;		
	line-height: 18px;
}
.eventcontent{
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;			
	line-height: 18px;
}
/********************************
End For Calendar Detail Page
********************************/
/********************************
For Calendar Coucil Meeting Page
********************************/
.meetingtable{
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	border-top-style : solid;
	border-top-width : 1px;
	border-left-style : solid;
	border-left-width : 1px;
	text-align: center;
	line-height: 18px;
}
.meetingth{
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: #e7e7ef;
	color: #000000;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-right-style : solid;
	border-right-width : 1px;
	text-align: center;
	line-height: 18px;
}
.meetingtd{
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-right-style : solid;
	border-right-width : 1px;
	text-align: center;
	line-height: 18px;
}
.meetingtypetd{
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;	
	line-height: 18px;
}
/***************************************
End For Calendar Coucil Meeting Page
***************************************/

/* For Search Page */
.searchheader
{
	width:100%;
	margin:9px;
	background: url('../_gfx/cmn/td_header_bg.gif') top repeat-x #BED968;
	font-weight: bold;
	font-family: trebuchet ms;
	font-size:14px;
	color:#415500;
	text-align: center;
	padding: 5px 3px;
	border-top: 2px solid #C9E083;
}

.searchsummary
{
	margin:10px;
}

.searchpaging
{
	margin-left:20px;
	margin-bottom:10px
}

.searchresult
{
	width:100%;
	margin:10px;
}

.searchresult table
{
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
}

.searchresult td
{
	padding: 2px;
}

.searchtitle
{
	font-size:14px;
	font-weight:bold;
}

.searchrowwhite
{ background-color: #FFFFFF; }

.searchrowdark
{ background-color: #F3F7E8; }

.searcherror
{
	margin:10px;
}

.searchhighlight
{
	background-color:Yellow;
}

.message
{
	font-family:Arial;
	font-size: 11px;
	font-weight:normal;
	line-height:17px;
	color:Red; 	
}

/**************Home Page***************/
.homeNews	
{ 
	font-family: verdana,Arial, Sans-serif; 
	font-size: 10px; 
	color: #003366; 
	width: 240px;
	padding-left:20px;
	padding-top:10px;
	text-decoration:none;
}

.homeNews ul, .homeEvents ul
{ 
	list-style-image: url(../_gfx/home/bulletArrow.gif);
	padding:0px;
	margin:0 0 0 10px;
}

.homeNews li, .homeEvents li
{ 
	padding-bottom: 10px
}

.homeNews li a, .homeEvents li a
{ 
	font-family: verdana,Arial, Sans-serif; 
	font-size: 10px; 
	color: #003366; 
	text-decoration:none;
}

.homeNews li a:hover, .homeEvents li a:hover
{
	text-decoration:underline;
}

.homeWeather	
{ 
	font-family: verdana,Arial, Sans-serif; 
	font-size: 11px; 
	color: #003366; 
}

a.homeBox
{
	color: #003366;
	font-weight: bold;
	display:block;
}

.homeEvents	
{ 
	font-family: verdana,Arial, Sans-serif; 
	font-size: 10px; 
	color: #003366; 
	width: 240px;
	padding-left:20px;
	padding-top:10px;
}

.newsBG
{
	background-image: url(../_gfx/home/newsBG.gif); 
	background-repeat: no-repeat;
}

.eventsBG
{
	background-image: url(../_gfx/home/eventsBG.gif); 
	background-repeat: no-repeat;
}

.welcometext	
{ 
	font-family: verdana,Arial, Sans-serif; 
	font-size: 11px; 
	color: #F4F7FB; 
	width: 427px;
	padding-left:20px;
	padding-top:10px;
	line-height: 16px;
}


ul#homeButtons 
{
  width:208px;  
  height:294px !important;
  height /**/:319px;
  overflow:hidden;
  margin:0px;padding:23px 0px 0px 0px;
  background: url(../_gfx/home/buttonsRT.gif) no-repeat 0 0;
  position:relative;
}

ul#homeButtons li 
{  
	list-style: none;
}

#homeButtons li, #homeButtons a 
{
  display: block; margin:0; padding:0;
  width:208px;
  height:35px;
  position:absolute;
}

#homebuttons li a 
{
	color:#3474BC;font-size:1px;text-indent:-100px;
}

#homeButtons a:hover 
{  
	background: transparent url(../_gfx/home/buttonsRT.gif) no-repeat;
}

#PortGardnerWharf { top:23px; }
#MarinaWaitlist { top:58px; }
#MakeAPayment { top:93px; }
#VisitorInformation { top:128px; }
#InfoSignUp { top:163px; }
#TakeASurvey { top:198px; }
#ShippingSchedule { top:233px; }
#Bids { top:268px; }

#PortGardnerWharf a:hover {  background-position: -208px -23px;}
#MarinaWaitlist a:hover {  background-position: -208px -58px;}
#MakeAPayment a:hover {  background-position: -208px -93px;}
#VisitorInformation a:hover {  background-position: -208px -128px;}
#InfoSignUp a:hover {  background-position: -208px -163px;}
#TakeASurvey a:hover {  background-position: -208px -198px;}
#ShippingSchedule a:hover {  background-position: -208px -233px;}
#Bids a:hover {  background-position: -208px -268px;}
/*//************Home Page*************//**/

.whiteBG
{
	background-color:#ffffff;
}

.whiteBG_noleftnav
{
	background-color: #ffffff;
	border-left: solid 1px #87A3C3;
	border-right: solid 1px #87A3C3;
}

.grayBG
{
	background-color:#D1D0BC;
}

.breadcrumb_wrapper
{
	background-image: url(../_gfx/cmn/titleBG.gif);
	height: 30px;
	background-repeat: no-repeat;
}

.breadcrumb
{ 
	font-family: tahoma, Arial, Sans-serif; 
	font-size: 10px; 
	color: #FEE66C;
	padding-left: 5px;
	padding-top: 9px;
}

.breadcrumb a
{ 
	font-family: tahoma, Arial, Sans-serif; 
	font-size: 10px; 
	color: #FEE66C;
}

.menubg 
{
	/*background:url(../_gfx/cmn/leftnavBG.gif) repeat-y top left;*/
	background-image: url(../_gfx/cmn/leftnavBG.gif);
	background-repeat: repeat-y;
	margin-bottom: 4px;
}


.menubtm 
{
	background: url(../_gfx/cmn/leftnavBtm.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom:10px;
}

.footertextL
{
	font-family: tahoma,Arial, Sans-serif; 
	font-size: 13px;
	color: #3E7AAF;
	font-weight: bold;
}

.footertextS
{
	font-family: verdana, Arial, Sans-serif; 
	font-size: 10px;
	color: #14222C;
}

.footertextS a
{
	font-family: verdana, Arial, Sans-serif; 
	font-size: 10px;
	color: #3D79AE;
}

.footertextLi
{
	font-family: tahoma,Arial, Sans-serif; 
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
}

.footertextSi
{
	font-family: verdana, Arial, Sans-serif; 
	font-size: 10px;
	color: #ffffff;
}

.footertextSi a
{
	font-family: verdana, Arial, Sans-serif; 
	font-size: 10px;
	color: #FFE56C;
}

.footerBG
{
	background-color:#83796F
}

.lightblueBG
{
	background-color:#E5EEF6;
}

.homeweather_box
{
	margin-top:4px;
	background-image:url(../_gfx/home/weatherbox_bg.jpg);
	height:80px;
	overflow: hidden;
}

.weather_left
{
	float: left;
	margin: 6px 0px 0px 3px;
	position:relative;
	top:-1px	
}

.weather_left img
{
	border: none;
}

.weather_right
{
	float: left;
	margin: 6px 0px 0px 3px;
}

.weather_webcam
{
	float:right;
	border:none;
	position:relative;
	left:-1px;
}

/******Weather component***/
.weather_button
{
	margin:5px 0px 0px 50px;
}

.weather_button img
{
	border:0px;
}

.forecast_item
{
	text-align: center;
	float: left;
	border: solid 2px #2466BF;
	height: 180px;
	width: 87px;
	margin: 8px;
	overflow: hidden;
	line-height: 18px;
	background-color:#fff;
}

.forecast_item img
{
	width: 79px;
	height: 49px;
}

.forecast_container
{
	padding: 20px;
}

.weather_home_icon 
{
	width: 79px;
	height: 49px;
}

.weather_home_icon img
{
	margin-top:7px;
	border:0px;
}


/**************************
Printer-friendly
/**************************/

.bgWhite {
	background: #fff;
}

body.bgWhite, .bgWhite, .bgWhite td, .bgWhite p, .bgWhite li, .bgwhite ul {
	color: #000;
}

/********Fixes******/
.content_footer_image
{
	position:relative;
	top:-63px;
	left:182px;
}

.content_column
{
	background-color:transparent;
	background-image:url(../_gfx/cmn/content_bodyBG.jpg);
	background-repeat: repeat-y;
}
/***************************/

.lastupdated
{
	float:right;
	clear:both;
	display:block;
	margin-bottom:10px;
}
-->
</style>
