html {			font-family:Verdana, Tahoma, Arial, sans-serif;}

body {			margin: 0; padding: 0; font-size: 80%;
				font-family:Verdana, Tahoma, Arial sans-serif;
				color:black;
				background:white url('images/bakgrey3.gif') repeat}

/* elements */
h1           {	font-size: 1.8em;color: black; font-weight:normal; font-family:Verdana, Tahoma, Arial, sans-serif}
h2           {	font-size: 1.1em;font-style: oblique; font-weight:normal; color:#008080}
h3			 {	font-size: 1em; font-weight:bold; font-family:Verdana, Tahoma, Arial, sans-serif} 	
h4			 {	font-size:1.05em; color:#333333}
li 			 {	list-style:none; list-style-type:none}
cite 		 {	font-size: 0.8em; font-style:italic;}


/*pseudo classes */
a:link {  		color: black; text-decoration: none; font-weight: bold;  }
a:active {  	color: black; text-decoration: none; font-weight: bold;}
a:visited { 	color: black; text-decoration: none; font-weight: bold; }
a:hover{		color: #666666; text-decoration: underline; font-weight: bold;}

a:link img{  	border:0 }
a:active img{  	border:0}
a:visited img{ 	border:0}
a:hover img{	border:0}

#navigation a:link {  		color: black; text-decoration: none; font-weight: bold;  }
#navigation a:active {  	color: black; text-decoration: none; font-weight: bold;}
#navigation a:visited { 	color: black; text-decoration: none; font-weight: bold; }
#navigation a:hover{		color: #999999; text-decoration: none; font-weight: bold;}


/*classes */			
.right 		{	float:right}
.left 		{	float:left}
.clear		{	clear:both}
.clearl		{	clear:left}
.clearr		{	clear:right}
.bold 		{	font-weight:bold}
.italic		{	font-style:italic}
.center		{	text-align:center}
.strongb	{	color: #336699; font-weight: bold} 
.blue		{	color: #008080;}
.nomargin	{	margin:5px 20px; padding:0}
.noborder	{	border:0}


/* layout */
#wrapper 	{	margin:0 auto; 
				margin-top:10px;
				margin-bottom:2px;
				padding: 0;
				width: 950px;}

#innerwrap 	{	width: 950px;
				margin:0 auto;
				padding: 0;
					background: white url('images/bak3.jpg') bottom left repeat;
					border-style: none none none solid ;
	border-width: 1px;
	border-color: gray;
}

/* header */
#header 	{	width:950px;
				margin:0;
				padding:0;
				height:26px;
				background:white url('images/bakgrey3.gif') repeat !important}

.headernavmap {	position:relative; bottom:-2px;float:right; border:none; padding:0; margin:0; } 			

/* banner */
#banner	{border-style: solid solid none none;
	border-width: 1px;
	border-bottom-width:1px;
	border-color: gray;
	position: relative;
	clear: both;
	background: white url('images/bakbit9.jpg') repeat;
	padding: 0 10px;
	margin: 0;
	height: 50px;
	min-height:50px;
	overflow:hidden}
#banner img {position:relative; top: 10px; float: left;}
#banner h1	{position:relative;	display:inline-block; width:410px ;margin:0; padding:0; margin-top:11px; margin-left:18px ;font-family:Arial, Helvetica, sans-serif; font-size:1.9em; color:black; float:left; font-weight:bold;}
#banner h2	{
	padding: 0px;
	position: relative;
	display:block;
	width: 320px;
	text-align: right;
	clear: none;
	color : black;
	margin-top: 5px;
	padding-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
	float: right;
	line-height: normal;
}

/* navigation */
#navigation {width:160px; float:left; padding: 0 10px ;position:relative ; overflow:hidden}
#navigation ul {padding-left:22px; padding-bottom:0; margin-bottom:0; padding-top:0; margin-top:5px}
#navigation li {list-style-image: url('images/butsell7.gif'); font-size:1em}
#navigation h4 { color:#008080 ;font-size:1.2em/*1.3em*/;font-weight:bold; font-style:normal; padding-bottom:0; margin-bottom:0px; margin-top:15px;}
#navigation h4 { margin: 20px 0 0 0 !important; padding: 0px !important}

.activepage		{margin-left:-23px;margin-top: 5px;margin-bottom: 5px;display:block; ;width:180px;min-width:180px ; min-height:18px ;font-size:1em !important;color:#FFFF66 !important; background:url('images/tabcorner.png')!important; background-repeat:no-repeat; padding:0px !important; padding-left:23px !important}

li.activepage	{
	list-style:none inside none !important
}
/* main */
#maincontents{
	width: 950px;
	margin: 0;
	padding: 0;
	clear: both;
	background: white url('images/bak3.jpg') repeat-y;
	
}

#contents	{position:relative;
	height: auto;
	width: 769px;
	top: 0;
	background: white url('images/bak3.jpg') bottom left repeat;
	padding: 0;
	margin: 0;
	float:left;
	overflow:hidden;
	border-right:1px gray solid;
	padding-top:0px;
	min-height:600px }

#contents p{padding:5px 10px 5px 10px}
.answer img	{margin-right:5px
}

#rightcolumn {position:relative; width:220px; height:auto; margin:3px 3px; padding-top:12px ; left: 2px;text-align:center; float:right;}

.pictures img {width:200px !important;
margin-top:10px;border:1px gray solid; max-height:200px; padding-right:0 !important}

/* hireboats2gologo */
#hireboats2gologo { margin:5px auto; height:28px; }
.hireboats2gotext {display:inline-block; position: relative;bottom:10px; height:28px; font-size:0.9em}
.hireboats2goimage{}

/* cjfaqs tab */
.cjfaqtab {float:left; padding:0 8px; padding-right:10px ;padding-bottom:3px; margin-top:-10px}

/* FAQ Boxes */ 
.overnews {background:url('images/corners.png') no-repeat top;
	width:550px;
	margin-top:10px;
	height:30px;
	min-height:30px;
	margin-bottom:0;padding-bottom:17px;
	margin-left:-2px}
.topquestion {
	color:#FFFF00;
	border:none;
	margin-bottom:0px;
	text-transform: capitalize;
	font-weight: bold;
	position: relative;
	font-size:1.3em;
	margin-bottom:0; padding-bottom:10px; height:30px; min-height:30px}
.news {margin-top: -15px;
	padding-top:5px;
	margin-bottom: 0px;
	background:url('images/bak7.gif') #009999;
	width:543px;
	border-left:1px #99ccff solid;
	border-right:1px #99ccff solid;
	padding-bottom:0px;
	clear:left;}
	
.question {
	color: #333333;
	padding: 5px 10px 2px 10px !important;
	margin: 0px 0px 0px 0px;
	padding-left:20px;
	text-transform: capitalize;
	font-weight: bold;
	position: relative;}
.answer	  {
	border-color: #000000;
	background: url('images/bak7.gif') #009999;
	color: black;
	margin: 0 !important;
	padding: 5px 10px!important;
	margin-right:0; padding-right:0

}

.cornerbottom {background:url('images/cornersbottom.png') no-repeat bottom left;
min-height:5px; height:10px}


/* Footer */
#footer {		position:relative;
				text-align:center;
				clear:both;
				width:auto;	
				margin:0 auto;
				padding:10px;
				padding-top:20px;
				padding-left:250px;
				height:50px;
				background:white url('images/bak5.jpg') repeat;
				border-bottom: 1px gray solid;
				border-left: none;
				border-right: 1px gray solid}
.footerblock	{display:inline-block; float:left; min-width:163px}
.footertextlink{font-size:0.9em; color:black}
#footer img {border:none}

#footer a:link {  		color: black; text-decoration: underline; font-weight: normal;  }
#footer a:hover{		color: gray; text-decoration: underline; font-weight: normal;}
#footer a:active {  	color: black; text-decoration: underline; font-weight: normal;}
#footer a:visited { 	color: black; text-decoration: underline; font-weight: normal; }
.copyright	{	font-size:0.8em; color:#808080; font-family:Arial, Helvetica, sans-serif; text-align:right; margin:0; padding:0}