body{font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size:small; background-color: #dbeefc; text-align:center;}

h1{font-size:1.1em; color:#0667ac; background-color:transparent;}
h2{font-size:1em; color:#282828; background-color:transparent; font-weight:bold; margin:6px 0; padding:4px 5px; border-bottom:1px dashed #0667ac; border-top:1px dashed #0667ac;}

.Hidden{display: none;}

/* === wideBackgrnd creates white background in mid-section and top repeating background === */
#wideBckgrnd{width:100%; background: #fff url('/Images/topBckgrnd.jpg') repeat-x;
}

/* === container centers main table === */
#container{margin: 0 auto; width:750px; background-color:#fff; padding:0;}


/* === links === */
a:link, a:visited
{font-size: x-small; color: #4c4c4c; background-color:transparent; text-decoration:underline;}
a:hover{color:#0667ac; background-color:transparent; text-decoration:none;}
a.smallLink, a.smallLink:link, a.smallLink:visited, a.smallLink:active{color:#003668; font-size:x-small; background-color:transparent; text-decoration: underline;}
a.WhiteCenter:link, a.WhiteCenter:visited, a.WhiteCenter:active{font-size:.8em; color:#fff; background-color:transparent; text-align:center; text-decoration:none;}
a.WhiteBoldCenter:link, a.WhiteBoldCenter:visited, a.WhiteBoldCenter:active{font-size:1em; font-weight:bold; color:#fff; background-color:transparent; text-align:center; text-decoration:none;}
a.LargeBoldBlue:link, a.LargeBoldBlue:visited{font-size:1.1em; color:#0667ac; background-color:transparent; font-weight:600; text-decoration:none;}
a.LargeBoldBlue:hover{font-size:1.1em; color:#4393cc; background-color:transparent; font-weight:600; text-decoration:none;}
a.SmallBoldBlue:link, a.SmallBoldBlue:visited{font-size:xx-small; color:#0667ac; background-color:transparent; text-decoration:none;}
a.SmallBoldBlue:hover{font-size:xx-small; color:#4393cc; background-color:transparent; text-decoration:none;}

a.LargeBoldGray:link, a.LargeBoldGray:visited{font-size:1em; color:#4c4c4c; background-color:transparent; font-weight:600; text-decoration:none;}
a.LargeBoldGray:hover{font-size:1em; color:#000; background-color:transparent; font-weight:600; text-decoration:none;}
a.SmallBoldGray:link, a.SmallBoldGray:visited{font-size:xx-small; color:#4c4c4c; background-color:transparent; text-decoration:none;}
a.SmallBoldGray:hover{font-size:xx-small; color:#000; background-color:transparent; text-decoration:none;}

/* === text classes === */
.redText
{font-size: x-small; color: #CC0000; background-color:transparent;}
.caption {font-size:xx-small; font-weight:bold; color: #333; background-color:transparent;}
.SiteMapSubText {font-weight: bold; color:#535252;}
.BoldText {font-size:small; font-weight: bold; color:#000; background-color:transparent;}
.BoldGray {font-size:small; font-weight: bold; color:#4c4c4c; background-color:transparent;}
.WhiteText {font-size:small; font-weight: bold; color:#ffffff; background-color:transparent;}
.SmallText {font-size:x-small;}
.SmallBoldText {font-size:x-small; font-weight: bold;}
.LargeBoldBlue{font-size:1.1em; color:#0667ac; background-color:transparent; font-weight:600;}

/* === positioning classes === */
.top{margin:0; padding:0; vertical-align:top;}
.bottom{margin:0; padding:0; vertical-align:bottom;}
.right{margin:0; padding:0; float:right; clear:right;}

/* === left navigation === */
#leftnav{width:155px; height:auto; text-align:left; font-size:x-small; font-weight:bold;  padding-right:15px;/padding-right:0;}
.leftNavPanel, .leftNavPanelOver {border-bottom: 1px dashed #ccc; width:155px; color:#0667ac; background-color:transparent;}
.leftNavRegularText, a.leftNavRegularText:visited, a.leftNavRegularText:link, a.leftNavRegularText:active{font-family: Verdana, Arial, Helvetica, sans-serif; display: block; text-decoration: none; font-size: x-small; height:100%; color:#4c4c4c; background-color:transparent;}
a.leftNavRegularText:hover{color:#0667ac; background-color:transparent; text-decoration:none;}
.leftNavRegularText, a.leftNavRegularText:visited, a.leftNavRegularText:link, a.leftNavRegularText:active{background-image:url('/Images/menuCellBckgrnd.jpg'); width:155px; padding-left:7px; padding-right:5px; padding-top:2px; padding-bottom:2px}

.leftNavSelectedPageText{font-family:Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; font-size:x-small; height:100%; color:#0667ac; background-color:transparent;  background-image:url('/Images/menuCellBckgrnd.jpg'); width:155px; padding-left:7px; padding-right:5px; padding-top:2px; padding-bottom:2px}


/* === search === */
#search{background: url('/Images/topGraphic1.jpg') no-repeat; height: 24px; width: 760px; margin:0}
input.searchBox{font-size: x-small; color: #232323; background-color: #fff; border: outset 1px #003163; width:130px; height:auto; margin:3px;}


/* === bread crumb === */
td.breadCrumbCell{font: x-small Verdana, Arial, Helvetica, sans-serif; color:#06426d; background-color:#fff;}
span.breadCrumbText{font: x-small Verdana, Arial, Helvetica, sans-serif; color:#06426d; text-decoration: none; vertical-align: middle; padding: 0px 5px;}
a.breadCrumbLink, a.breadCrumbLink:visited, a.breadCrumbLink:active, a.breadCrumbLink:link{color:#06426d; background-color:transparent; text-decoration: underline; font-size:x-small;}


/* === footer === */
#footer{font-size:x-small; text-align:center; color:#4c4c4c; padding:5px; background: url('/Images/footerClouds.jpg') no-repeat; height: 156px; width: 721px; margin:0 auto}
#bottom{background: #dbeefc url('/Images/bottomFade.jpg') repeat-x; width:100%; height:242px;
margin:0; padding:0}/*adds bottom fade and background color*/


/* === form properties === */
input, textarea, select, label{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: small;}
input.textBox, input.textBoxSmall, textarea, select{font-size: small; color: #232323; background-color: #E4EEF9; border: outset 1px #003163;}
input.button, select{font-size:xx-small; font-weight:bold; color:#fff; background-color:#0667ac; cursor:hand;}
.FieldText {font-size:small; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;}
.FieldLabelText, .FieldLabelText a, .FieldLabelText a:visited, .FieldLabelText a:active, .FieldLabelText a:link, .FieldLabelText div{font-size:xx-small; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif;}
.FieldLabelText a, .FieldLabelText a:visited, .FieldLabelText a:active, .FieldLabelText a:link{color:#003163;}

/* === Home page styles === */
#welcome{font-size:x-small; padding:0 7px 7px 7px; /margin-top:-10px; color:#000; background-color:#d1edff;}
#meetings{font-size:x-small; padding-left:7px;}

/* === Links page main table === */
#city{float:left; margin-left:5px; width:230px; color:#000; background-color:#fff; line-height:1em;}
#port{float:left; clear:right; margin-left:4px; padding-left:20px; width:230px; color:#000; background-color:#fff; border-left:solid 1px #65afdb; line-height:1em;}
li.dottedline{font-size:x-small; border-bottom:1px dashed #999; width:210px; padding-bottom:8px; margin-left:-30px;}
a:link li.dottedline, a:visited li.dottedline{font-size:x-small; color:#ccc; background-color:transparent; text-decoration:underline;}

.invisibleDiv{display: none;}

/* === Document Library === */
.DocumentsGrid{
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	width:95=8%;
}
.DocumentsItem{
	font-family:Verdana;
	font-size:10px;
}
.DocumentsItem a{
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
}
.DocumentsItem a:visited{
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
}
.DocumentsItem a:active{
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
}
.DocumentsRow{
	background-color:#F0F5FA;
}
.DocumentsRowAlt{
	background-color:#F7FAFD;
}
.DocumentsHeader a:link, .DocumentsHeader a:hover{
	font-weight:bold;
	padding:3px;
	text-decoration:underline;
}
.DocumentsHeader a:hover{
	color:#7b7b7b;
	background-color:transparent;
	text-decoration:none;
}
.DocumentsHeader {
	color:#f1f9fc;
	background-color:#ecf6ff;
	font-weight:bold;
	padding:5px;
	text-decoration:none;
}
.DocumentsDropDown{
	font-size:10px;
}
.DocumentsSort{
	font-family:Verdana;
	font-size:10px;
	color:#535252;
	background-color:#f1f9fc;
}