/* Port Bouvard Charters CSS */
/* GenX Interactive 05/02/05   */


/* Main Page Positioning Styles - No need to edit*/

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color: #336699;
 font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
} 

#pageborder{
 width:755px;
 text-align:center;
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto;
 background-color:#ffffff;
}

#tablecontent{
 width: 200px;
 text-align: left;
 padding: 15px;
}
 
#pagewidth{ 
 width:750px; 
 text-align:left; 
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto; 
}

#headerimage{
 width:100%;
 height:208px;
 min-width: 500px;
 margin-left:auto;
 margin-right:auto;
 background:url("../images/body/newheader2.jpg") no-repeat center top;
 border-top: 4px solid #fff;
} 

#title{
 width:100%;
 height:80px;
 margin-left:auto;
 margin-right:auto;
 float:center;
}

#header{ 
 height:18px;
 width:750px;
 border-bottom: 5px solid #FFFFFF;
 }

#navcontainer{
 width: 100%;
 height: 20px;
 background-color: #ffffff;
 border-top: 1px solid #D6D6D6;
 border-bottom: 1px solid #FF9000;
 margin-left: auto;
}
   
#outer{ 
 border:solid white 0px; 
 background-color: #ffffff; /* center column colour */ 
 width: auto; 
 } 

#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 750px; 
/* height:380px; */
 padding-top: -10px;
 }
 
#footer{
 width:100%;
 height:40px;
z-index: 50;
} 

#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */

 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 


/*  Content positioning styles - edit if need be */

#newsindex{
  width:283px;
  float:left; 
  background-color:#f1f1f1;
  border-left: 1px solid #ccc;
}

#catch{
  width:283px;
  height:260px; 
  float:left; 
  background-color:#f1f1f1;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#contact{
  width:283px; 
  float:left; 
  background-color:#f1f1f1;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #ccc;
}


#login{
  width:283px; 
  float:left; 
  background-color:#ededed;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#updates{
  width:448px;
  float: right; 
  padding-left: 5px; 
  height: 565px;
  background-color:#e2e2e2; 
  border-left: 1px solid #ccc; 
  border-right: 1px solid #ccc;  
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

#text{
  width:100%;
  float: right;  
  height: 297px;
  overflow: auto;
}

#bottomimage{
  width:450px; 
  float:center; 

}

#contenttitle{
  width:100%;
 padding-bottom: -10px;
}

#contentbody{
  width:100%;
  height: 380px;
  background:url("../images/body/contentbg.jpg");
  /*background-repeat:repeat-x;*/
}

#contentbodymain{
  width:100%;
  height: 370px;
  overflow:auto;
  /*background-repeat:repeat-x;*/
}

#contentbodyleft{
  width:365px;
  height:380px;
  padding-left: 35px;
  padding-bottom: -10px;
  float:left;
  overflow:auto;
  background:url("../images/body/leftbg.gif");
  background-repeat:repeat-y;
}
#contentbodyleftcrew{
  width:365px;
  height:380px;
  padding-left: 15px;
  padding-bottom: -10px;
  float:left;
  overflow:auto;
  background:url("../images/body/leftbg.gif");
  background-repeat:repeat-y;
}

#contentbodyright{
  width:350px;
  height: 380px;
  /* margin-top: 0.3cm; */
  float:right;
  text-align: left;
}

/* Text formatting classes - edit these */

 
.main{
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000;
} 
.red{
	font-family:  "Trebuchet MS", Verdana,  Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
} 
.phone{
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
} 
.heading{
	font-family: Georgia, "Trebuchet MS", Verdana, Tahoma, Arial;
	font-variant: small-caps;
	font-size: 12px;
	font-weight: bold;
	color: #4563B9;
}

.date{	
    font-family: Georgia, "Trebuchet MS", Verdana, Tahoma, Arial;
	font-variant: small-caps;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
	 
.bodytext{
	font-family:  "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	line-height: 12pt;
} 
.catchday{
	font-family:  "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	line-height: 10pt;
	text-align: justify;
} 
p.contentmargin {
    margin-right: 1cm;
    font-family: "Trebuchet MS", Tahoma, Arial;
    font-size: 10px;
    line-height: 12pt;
    font-weight: normal;	
}
.loginform {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 9px;
}
input, textarea,select {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 9px;
	border:1px solid #aaa;
}
input.button {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 9px;
	    background-color:#b7b789;
}
input.button:hover {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 9px;
	    background-color:#ffe;
}

ul, li {
    font-family: "Trebuchet MS", Tahoma, Arial;
    font-size: 10px;
    line-height: 12pt;
    font-weight: normal;	
}

/*  Linkage styles */

a:link{
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #003366;
} 
a:visited{
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #003366;
} 

/*printer styles*/ 

@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}