@import url(dhtml.css);
/* CSS Document CSS Coded by Stewart Barrett - www.stewartbarrett.com - www.fuelstudios.com.au */


/* ---------------- LAYOUT STYLES ------------------- */

#container
	{
	width:760px;
	margin:0 auto;
	position:relative;
	overflow: visible;
    height: auto;
}

#header {
	position:relative;
	width:760px;
	height:100px;
	background-image:url(../images/boat_header_img.jpg);
	background-repeat:no-repeat;
}

#floatingtabs {

	/* IMPORTANT DISPLAY SET TO NONE FOR DATA ENTRY!!! 
	
	display:none; 
	
	IMPORTANT DISPLAY SET TO NONE FOR DATA ENTRY!!! */	
	
	position:absolute;
	height: 60px;
	top: 68px;
	left: 209px;
	z-index: 500;
}
	

#leftside{
	position:relative;
	width:200px;
	height:auto;
	float: left;
}

#content{
	position:relative;
	width:560px;
	height:auto;
	float: right;
}
	
#bodytext{
	width:500px;
	height:auto;
	background-position: center;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 20px;
}

#footer{
	clear: all;
	font-size: 9px;
	line-height: normal;
	color: #666666;
    margin: auto auto 0 200px;
    text-align: left;
}


/* ---------------- FONT STYLES CODES ------------------- */

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color: #27327b;
	font-weight: 100;
	line-height: 26px;
}

h2,h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #27327b;
	font-weight: 100;
	line-height: 20px;
}



.breadcrumbs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}
	
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	background-repeat: 		repeat;
	background-image: 		url(../images/background.gif);
	background-position: center;
	margin-top: 0px;
}

a:link {
	color: #27327b;
}

a:hover {
	text-decoration: none;	
}

a:visited {
	color: #27327b;
}

a:active {
	color: #000;
}

div.tridentgroup #all, 
div.contactus #all,
div.generalib #sfniba,
div.tridentuw #uac {
    display:block; 
    position: relative; 
    top: 50%;
}

div.tridentgroup #sfniba,
div.tridentgroup #uac,
div.generalib #all,
div.generalib #uac,
div.tridentuw #all,
div.tridentuw #sfniba,
div.contactus #sfniba,
div.contactus #uac {display:none}


.contactdetails {
	display: inline;
	right: 50px;
}




/* ---------------- TABS MENU CODE ------------------- 
ul#primary {
  padding:0; 
  margin:0; 
  list-style-type:none;
  white-space:nowrap;
  }
ul#primary li {
  float:left;
  min-width:100px;
  }
ul#primary a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:80px; 
  float:left; 
  }
* html ul#primary a {
  width:100px;
  }
ul#primary a span {
  display:block; 
  color:#fff; 
  background:#27327b; 
 border:1px solid #fff; 

  border-width:2px 1px; 
  text-align:center; 
  padding:4px 16px; 
  cursor:pointer;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  letter-spacing: -.5px;
  font-weight:100;
  }
* html ul#primary a span {
  width:100px; 
  cursor:hand; 
  w\idth:66px;
  }
ul#primary a b {
  display:block; 
  border-bottom:2px solid #27327b;
  }
ul#primary a em {
  display:none;
  }
ul#primary a:hover {
  background:#fff;
  
  }
  
ul#primary a:hover span {
  color:#000; 
  background:#c4c4c4;
  
  }
  
 ul#primary a:active span {
  color:#000; 
  background:#fff;
  
  }
  
ul#primary a:hover em {
  display:block; 
  overflow:hidden; 
  border:1px solid #27327b; 
  border-color:#27327b #fff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }
  
 ul#primary a:active em {
	display:block;
	overflow:hidden;
	border:1px solid #000;
	border-color:#000 #fff;
	border-width:6px 6px 0 6px;
	position:absolute;
	left:50%;
	margin-left:-6px;
  }
  */
/* Select one element to change bacground colour, however doesn't change text colour  

#tab4 span {
colour: #FF0000 !important; 
 background:#fff !important;
  }
  
 END element change  */

 
 
 /* ---------------- LEFT HAND SIDE MENU CODE ------------------- 
 
 #menu {
	width:200px;
	text-align:center;
	margin-top:15px;
 }

#menu ul {
    list-style-type: none;
    margin-left: -10px;
} 

 #menu a, #menu a:visited {
  text-decoration:none;
  text-align:left;
  background-color:#fff; 
  color:#000;
  display:block; 
  width:150px; 
  padding:0.1em;
  margin-top:0.2em;
  margin-bottom:0.2em;
  border-right:5px solid #fff;
  border-top:1px solid #fff;
  border-bottom:1px dotted #c4c4c4;
  border-left:1px solid #fff; 

  }
#menu a:hover {
  border-right:5px solid #27327b;
  border-top:1px solid #c4c7d9;
  border-bottom:1px solid #c4c7d9;
    border-left:1px solid #c4c7d9;
  background-color:#f0f1f6;
    }
	
#menu a:active {
  border-right:5px solid #27327b;
  color:#fff;
  background-color:#27327b;
    }
*/	





