body,td,th {
	font-family: Arial;
	font-size: 13px;
	color: #333333;
}

body
{
	background-color: #3c5b86;
	background-image: url(/images/BG.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#body 
{
	margin: auto;
	padding: 0px;
	border-style: none;
	background-image: url(/images/blueBG.jpg);
	background-repeat: no-repeat;
	width: 1024px;
	height: 768px;
	
}

#buttons 
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/buttons.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 40px;
	left: 40px;
	width: 959px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #d3e9ff;
}

#main 
{
	margin: 0px;
	border-style: none;
	position: absolute;
	width: 1024px;
	top: 221px;
	height: 500px;
}


#maindyn 
{
	margin: 0px;
	border-style: none;
	position: absolute;
	width: 1024px;
	top: 221px;
	
}


#mainLeft {
	margin: 0px;
	border-style: none;
	background-image: url(/images/mainRightBox.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 700px;
	height: 500px;
	left: 40px;	
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 15px;
        
}

#mainscroll {
  margin: 0px;
  border-style: none;
  height: 200px;
  overflow-x: hidden;
  overflow-y: hidden;
}


#mainLeftScroll {
	margin: 0px;
	border-style: none;
	background-image: url(/images/mainRightBox.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 690px;
	height: 500px;
	left: 40px;	
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 15px;
        overflow-x: hidden;
        overflow-y: scroll;
        
        
}

#mainLeftScroll2 {
	margin: 0px;
	border-style: none;
	background-image: url(/images/mainRightBox.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 690px;
	height: 493px;
	left: 40px;	
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 15px;
        overflow-x: hidden;
        overflow-y: scroll;
        
        
}


#mainLeftBottom2 {
	margin: 0px;
	border-style: none;
        /*background-image: url(/images/footerWithFlags.jpg);*/
        background-repeat: no-repeat;
        position: absolute;
	width: 670px;
	height: 130px;
	left: 40px;	
        top: 370px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 30px;
        padding-color: white;
        
}

#mainLeftBottom3 {
	margin: 0px;
	border-style: none;
        /*background-image: url(/images/footerWithFlags.jpg);*/
        background-repeat: no-repeat;
        position: absolute;
	width: 650px;
	height: 135px;
	left: 40px;	
        top: 480px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 15px;
        padding-color: white;
}        



#mainleftbottom2container{
  margin: 0px;
  border-style: none;
  background-color: white;
  position: absolute;
  width: 800px;
  height: 115px;
  left: 60px;	
  top: 370px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}



#mainLeftWide {
	margin: 0px;
	border-style: none;
        background-color: white;
        position: absolute;
	width: 900px;
	height: 500px;
	left: 40px;	
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 15px;
}

#mainLeftTop1Box
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/LargeBlueColumn.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 60px;
	width: 640px;
        height: 300px;
        left: 42px;
	overflow-x: hidden;
        overflow-y: none;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 5px;
        
}

#mainLeftBottom1Box
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/LargeBlueColumn.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 370px;
	width: 630px;
        height: 117px;
        left: 55px;
	overflow-x: none;
        overflow-y: none;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 5px;
        font-size:10px;
        color: #003366;
        
}   


#mainLeftTop1BoxIn
{
	margin: 0px;
	border-style: none;
	position: absolute;
	top: 10px;
	width: 630px;
        height: 300px;
        left: 20px;
	overflow-x: hidden;
        overflow-y: auto;
	padding-left: 2px;
	padding-right: 2px;
	
}

#mainLeftTop1BoxInWide
{
	margin: 0px;
	border-style: none;
	position: absolute;
	top: 10px;
	width: 830px;
      height: 380px;
      left: 20px;
	overflow-x: hidden;
      overflow-y: auto;
	padding-left: 2px;
	padding-right: 2px;
      
      
}

#mainLeftTop1BoxWide
{
	margin: 0px;
	border-style: none;
        background-image: url(/images/LargeBlueColumnWide.jpg);
	background-repeat: repeat;
        position: absolute;
	top: 65px;
	width: 836px;
	height: 388px;
	left: 42px;
	overflow-x: hidden;
        overflow-y: none;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 0px;
      

        
}


#pconfbody
{
	margin: 0px;
	border-style: none;
        background-image: url(/images/LargeBlueColumn2.jpg);
	background-repeat: repeat;
        position: absolute;
	top: 10px;
	width: 836px;
        left: 42px;
	overflow-x: hidden;
        overflow-y: hidden;
        padding-left: 0px;
	padding-right: 0px;
        
        
}

#mainLeftTop2Box
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/LargeBlueColumn.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 20px;
	width: 675px;
	height: 550px;
	left: 42px;
	overflow-x: hidden;
        overflow-y: scroll;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}


#mainLeftTop3Box
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/3BlueColumns.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 60px;
	width: 675px;
	height: 300px;
	left: 42px;
	overflow: no;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

#contentLeft
{
	margin: 0px;
	border-style: none;
	position: absolute;
	width: 200px;
	height: 280px;
	overflow: auto;
	padding-left: 5px;
	padding-right: 8px;
}

#contentMid
{
	margin: 0px;
	border-style: none;
	position: absolute;
	width: 200px;
	height: 280px;
	left: 236px;
	overflow: auto;
	padding-left: 5px;	
	padding-right: 8px;
}

#contentRight
{
	margin: 0px;
	border-style: none;
	position: absolute;
	width: 200px;
	height: 280px;
	left: 457px;
	overflow: auto;
	padding-left: 5px;
	padding-right: 8px;
}

#contentRightNoScroll
{
	margin: 0px;
	border-style: none;
	position: absolute;
	width: 200px;
	height: 280px;
	left: 457px;
	overflow: no;
	padding-left: 5px;
	padding-right: 8px;
}


#contentRightBScroll
{
	margin: 0px;
	border-style: none;
	position: absolute;
	width: 195px;
	height: 220px;
	left: 457px;
        top: 70px;
	overflow: auto;
	padding-left: 2px;
	padding-right: 8px;
}


#mainLeftBottom {
	margin: 0px;
	border-style: none;
        /*background-image: url(/images/footerWithFlags.jpg);*/
        background-repeat: no-repeat;
        position: absolute;
	width: 650px;
	height: 115px;
	left: 40px;	
        top: 380px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 15px;
        padding-color: white;
        
}



#mainRight 
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/tanMapBG.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 212px;
	height: 500px;
	left: 787px;
	
}

#mainRightTopRedBtn 
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/RedBtn.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 9px;
	width: 191px;
	height: 56px;
	left: 11px;
	
}

#mainRightTopBlueBtn 
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/BlueBtn.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 8px;
	width: 191px;
	height: 51px;
	left: 11px;
	
}

#mainRightMid
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/noaaBox.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 78px;
	width: 180px;
	height: 196px;
	left: 15px;
	z-index: 0;
}

#mainRightBottomSailSafe 
{
	margin: 0px;
	border-style: none;
	/*background-image: url(/images/sailSafe.jpg);
	background-repeat: no-repeat;*/
	position: absolute;
	top: 316px;
	width: 182px;
	height: 179px;
	left: 13px;
	z-index: 0;
}

#leftside 
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/leftside.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	width: 40px;
	height: 768px;
}

#rightside 
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/rightside.jpg);
	background-repeat: no-repeat;
	position: relative;
	float: right;
	top: 0px;
	width: 29px;
	height: 768px;
}

#navbar
{
	margin: 0px;
	border-style: none;
	background-image: url(/images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 959px;
	height: 181px;
	left: 40px;
		
}


#navbar ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	white-space: nowrap;
}

.ul2 {
  color: #003366;
  line-height:18px;
  padding-bottom:1em;
  margin:2px 0px 0px 0px;
}


#navbar li {
	list-style-type: none;
	display: inline;
}

#navbar li a {
	text-decoration: none;
	padding: 7px 8px;
	color: #ffffff;
}

#navbar li a:link {
	color: #ffffff;
}

#navbar li a:visited {
	color: #ffffff;
}

#navbar li a:hover {
    color: #d3e9ff;
}

#buttons a {
	text-decoration: none;
	padding: 7px 8px;
	color: #d3e9ff;
}

#buttons a:link {
	color: #d3e9ff;
}

#buttons a:visited {
	color: #d3e9ff;
}

#buttons a:hover {
    color: #ffffff;
}

a {
	font-family: Arial;
	font-size: 13px;
        font-weight:bold;
	color: #3366cc;
}


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3366cc;
}
a:hover {
	text-decoration: underline;
	color: #003366;;
}
a:active {
	text-decoration: none;
	color: #0098df;
}


h1,h2,h3,h4,h5,h6 {
	font-family: Verdana;
}
h1 {
	font-size: 20px;
	font-weight:normal;
	color: #003366;
	padding:0px;
	margin: 7px;
	padding-bottom:2px;
}

h3 {
	font-size: 20px;
	font-weight:normal;
	color: #003366;
	padding:0px;
	margin: 7px;
	padding-bottom:3px;
        width=600px;
}

h2 {
	font-size: 18px;
	font-weight:normal;
	color: #3366cc;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}

p 
{
	color: #003366;
	line-height:18px;
	padding:0px 0px 0px 0px;
	margin:2px 0px 0px 0px;
}

.lightblue {
	font-weight: bold;
	color: #d3e9ff;
}
.lightblue a {
	color: #d3e9ff;
}
.lightblue a:hover {
	text-decoration: none;
	color: #ffffff;
}

.bluebg {
background-color:#cfe0f3;}
.bluebgcontent {
background-color:#cfe0f3;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;}
.bluebgcontent h2 {
border-bottom: solid thin #FFFFFF;}


.content {
padding:10px 51px 40px 48px;
margin:0px 0px 0px 0px;
background-color:#FFFFFF;
}

.red24 {
	font-size: 18px;
	font-weight:normal;
	color: #c20000;
}

li
{
	color: #3366cc;
}

.nobg {
        margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.smbodyblack { font: 10px arial,sans-serif;  color: black; }


.red25b {
	font-size: 22px;
	font-weight:bold;
	color: #c20000;
}

