@charset "utf-8";
@import url("nav.css");
/* CSS Document */

/* ===== GLOBAL STYLES ===== */
body{
padding: 0;
margin: 0;
background: #e1e4f5 url(../images/bkg_squiggle.gif);
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

p{
margin: 5px 0;
}

a:link{
color: #0B2389;
}

a:hover{
}

a:visited{
color: #cc9900;
}

h1{
font-size: 24px;
font-weight: normal;
color: #333333;
}

h2{
font-size: 24px;
font-weight: bold;
color: #CC9900;
}

h3{
font-size: 20px;
font-weight: bold;
color: #333333;
}

h4{
font-size: 18px;
font-weight: bold;
color: #CC9900;
}

h5{
font-size: 15px;
font-weight: bold;
color: #333333;
}

.imgGreenBorder{
padding: 1px;
border: solid 1px #008000;
margin: 3px;
}
.imgBlackBorder{
padding: 1px;
border: solid 1px #008000;
margin: 3px;
}

.red{
font-size: 11px;
font-weight: bold;
color: #FF0000;
}
.blue{
font-size: 11px;
font-weight: bold;
color: #0000FF;
}
.green{
font-size: 11px;
font-weight: bold;
color: #008000;
}
.black{
font-size: 11px;
font-weight: bold;
color: #000000;
}
.yellow{
font-size: 11px;
font-weight: bold;
color: #CC9900;
}

a.sideLink{
background: url(../images/sideLinkBg.jpg) no-repeat;
width: 195px;
height: 19px;
line-height: 19px;
display: block;
margin: 10px 0;
color: #FFFFFF;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
padding: 0 0 0 23px;
font-weight: bold;
}
a.sideLink:hover{
background: url(../images/sideLinkBg.jpg) no-repeat;
width: 195px;
height: 19px;
line-height: 19px;
display: block;
margin: 10px 0;
color: #000000;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
padding: 0 0 0 23px;
font-weight: bold;
}

.clear{
clear: both;
}

.Copyright{
font-size: 10px;
}


/* ===== LAYOUT STYLES ===== */
.pageWrap{
margin: 0 auto;
width: 780px;
background: url(../images/pageWrapBG.gif) repeat-y;
}

.headerWrap{
width: 776px;
height: 163px;
float: left;
margin: 0 2px;
}
.headerWrap .headerTop{
width: 776px;
height: 54px;
float: left;
background: #FFFFFF;
}
.headerWrap .headerTop .left{
background: url(../images/logo_av.jpg) no-repeat;
width: 696px;
height: 54px;
float: left;
}
.headerWrap .headerTop .left .logo{
border: 0;
}
.headerWrap .headerTop .right{
width: 79px;
height: 54px;
float: left;
}
.headerWrap .headerTop .right a.aboutUsLink{
background: url(../images/btn_about.gif) no-repeat;
display: block;
width: 79px;
height: 25px;
border: 0;
}
.headerWrap .headerTop .right a.historyLink{
background: url(../images/btn_history.gif) no-repeat;
display: block;
width: 79px;
height: 26px;
border: 0;
}

.headerWrap .headerBottom{
width: 774px;
height: 109px;
float: left;
background: #FFFFFF;
padding: 0 1px;
}

.menuWrap{
float: left;
width: 774px;
height: 22px;
line-height: 22px;
margin: 0 3px;
border-top: 1px solid #c1c6da;
border-bottom: 1px solid #c1c6da;
padding: 2px 0;
position: relative;
background: url(../images/menuWrapBg.jpg) 0 50% no-repeat #dde7b5;
}
.adminMenuWrap{
float: left;
width: 774px;
height: 22px;
line-height: 22px;
margin: 0 3px;
border-top: 1px solid #c1c6da;
border-bottom: 1px solid #c1c6da;
padding: 2px 0;
position: relative;
background: url(../images/adminMenuWrapBg.jpg) 0 50% no-repeat #dde7b5;
}
.contentWrap{
float: left;
width: 776px;
margin: 0 2px;
background: #ffffff;
z-index: 0;
}
.contentWrap .content{
padding: 15px;
/* background-color: yellow; */
}
.contentWrap .ropeBorder{
background: url(../images/ropeBorder_LeftRight.jpg) repeat-y top;
/* SDA: this is inherited from .contentWrap
width: 776px; */
}
.contentWrap .ropeBorder .ropeBorderContent{
padding: 5px 25px;
}
.homeWrap{
width: 774px;
background:url(../images/hompage_bg.jpg) no-repeat;
float: left;
}
.contentWrap .homeLeft{
width: 290px;
float: left;
padding: 5px;
}
.contentWrap .homeCenter{
float: left;
width: 463px;
padding: 5px;
}
.twoColWrap{
width: 774px;
background:url(../images/twoCol_bg.jpg) no-repeat;
float: left;
}
.seawayWrap{
width: 774px;
background:url(../images/seaway_bg.jpg) no-repeat;
float: left;
}
.chartersWrap{
width: 730px;
background:url(../images/charters_bg.jpg) no-repeat;
float: left;
}
.contentWrap .contentLeft{
width: 239px;
float: left;
padding: 5px;
}
.contentWrap .contentCenter{
float: left;
padding: 5px;
width: 511px;
}
.contentWrap .chartersLeft{
width: 238px;
padding: 5px;
float: left;
}
.contentWrap .chartersCenter{
float: left;
padding: 5px;
width: 502px;
}
.contentWrap .seawayContentLeft{
width: 238px;
padding: 5px;
float: left;
}
.contentWrap .seawayContentCenter{
float: left;
width: 511px;
padding: 5px;
}
.contentWrap .highlanderContent{
float: left;
width: 730px;
padding: 5px;
background: url(../images/bkg_highlander.jpg) no-repeat;
}
.footerWrap{
float: left;
width: 778px;
margin: 0;
background: #c1c6da;
text-align: center;
font-size: 10px;
}
.footerWrap a{
color:#428C21;
text-decoration:none;
margin: 0 5px;
}

/* SDA: added for Home page "Topics" section (the 4x4 grid)*/
.homeTopicCell {
	text-align: right;
	vertical-align: top;
	width: 130px;
	background-color: #efeff7;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-spacing: 0px;
}
.homeTopicTitle {
	vertical-align: bottom;
	text-align: left;
	width: 130px;
	height: 40px;
	font-weight: bold;
}
.homeTopicImage {
	width: 81px;
	vertical-align: middle
}
/* SDA: added for global footer, both in the FooterPane and direcly on the skin */
.footerMenu{
font-size: 12px;
}
.footerTable {
	width: 100%;
}
.footerTable td{
	padding-left: 20px;
	padding-right: 20px;
}

.footerTable .footerTableCellLeft {
	width: 25%;
	text-align: left;
}
.footerTable .footerTableCellCenter {
	text-align: center;
}
.footerTable .footerTableCellRight {
	width: 25%;
	text-align: right;
}

.UNDONE
{
	visibility: inherit;	/* SDA: set this to hidden to hide UNDONE's */
	background-color: rgb(102,255,51);
	color: rgb(0,0,0);
}

/* SDA: Override Event module tooltips so they don't display UNDER the menu bar */
.Eventtooltip
{
	filter: alpha(opacity=95);
	moz-opacity: 0.95;
	z-index: 40
}