html {
	scrollbar-face-color:#0000FF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#00FFFF;
	scrollbar-darkshadow-color:#665E55;
	scrollbar-shadow-color:#336699;
	scrollbar-arrow-color:#FFFF00;
	scrollbar-track-color:#8FB7CF;
}
body { 
	margin:1% 5%; background-color: #000033;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-image: url('http://www.hiluxsurf.co.uk/includes/sidebar.jpg');
	background-repeat: repeat-y;
	background-position: right top;
	scrollbar-face-color:#0000FF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#00FFFF;
	scrollbar-darkshadow-color:#665E55;
	scrollbar-shadow-color:#336699;
	scrollbar-arrow-color:#FFFF00;
	scrollbar-track-color:#8FB7CF;
}

.contenttable {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	valign: top; 
	align: left;
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px;	
	border: 2px outset #005D8C;
	padding-top: 0px; 
	padding-right: 0px; 	
	padding-bottom: 0px; 
	padding-left: 0px;
	background-color: #003366;
	width: 97%; 
	}

.toprow {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	vertical-align: middle;
	align: center;
	text-align: center;
	border: 2px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	background-color: #003333;
	width: 100%; 
	}


.toptable {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	vertical-align: middle;
	align: center;
        font-size: 16px;
        border: 2px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	background-color: #738FBF;	
	width: 100%; 
	}

.welcometable {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	vertical-align: middle;
	align: center;
        font-size: 16px;
	text-decoration: bold; 	
        border: 0px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	background-color: #003366;
	width: 70%;
	}

.logintable {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	vertical-align: middle;
	align: left;
        font-size: 10px;	
        border: 0px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 1px;
	padding-right: 1px;
	background-color: #003366;
	width: 30%;
	}

.lefttable {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
      valign: top; 
	align: left;
      border: 4px outset #005D8C;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 10px;
	padding-right: 10px;	
	background-color: #CECECE;
	width: 15%; 
	}

.headimage {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #FFFF00; 
	valign: top; 
	align: left;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;	
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 10px;
	background-color: #003366;
	width: 100%; 
	}


.leftheader {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00; 
	valign: center; 
	align: left;
	display: block;
	text-decoration: bold; 
	border: 2px solid #000000;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 4px;
	padding-right: 4px;
	background-color: #000000;
	width: 120px; 

}
		
.leftnav {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #003366;
	align: left;
		}

.leftnav a {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	color: #003366; 
	valign: center; 
	align: left;
	display: block;
	text-decoration: none; 
	border: 2px solid #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 4px; 	
	padding-right: 4px;
	background-color: #CECECE;
   	background-image : url('http://www.hiluxsurf.co.uk/includes/greendot.gif');
	background-repeat: no-repeat;
	background-position: top right;
	width: 120px; 

		}

.leftnav a:link { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	color: #003366; 
	valign: left; 
	align: center;
	display: block;
	text-decoration: none; 
	border: 2px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 4px;
	padding-right: 4px; 	
	background-color: #CECECE;
   	background-image : url('http://www.hiluxsurf.co.uk/includes/greendot.gif');
	background-repeat: no-repeat;
	background-position: top right;
	width: 120px; 

	}
	
.leftnav a:visited {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
 	color: #003333; 
	valign: center; 
	align: left;
	display: block;
	text-decoration: none; 
	border: 2px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 4px; 	
	padding-right: 4px;
	background-color: #CECECE;
   	background-image : url('http://www.hiluxsurf.co.uk/includes/greendot.gif');
	background-repeat: no-repeat;
	background-position: top right;   	
	width: 120px; 

	}
	
.leftnav a:hover { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000; 
	valign: center;
	align: left;	 
	display: block;
	text-decoration: bold; 
	border: 2px inset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 4px; 
	padding-right: 4px;
	background-color: #FFFF99;
   	background-image : url('http://www.hiluxsurf.co.uk/includes/reddot.gif');
	background-repeat: no-repeat;
	background-position: top right;   	
	width: 120px; 
	}
	
.topnav {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #738FBF;
	}

.topnav a {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;    
	color: #003366; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none; 
	border: 4px outset #DEDEDE;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	
	background-color: #CECECE;
	width: 60px; 	
	}

.topnav a:link { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;    
	color: #003366; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none; 
	border: 4px outset #DEDEDE;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	
	background-position: top right;
	width: 60px; 	
	}

.topnav a:active { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;    
	color: #003366; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none; 
	border: 4px outset #DEDEDE;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	
	background-color: #CECECE;
	width: 60px; 	
	}

.topnav a:visited { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;    
	color: #003333; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none; 
	border: 4px outset #DEDEDE;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	
	background-color: #CECECE;
 	width: 60px; 	
	}
	
.topnav a:hover { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;    
	color: #FF0000; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none; 
	border: 4px inset #DEDEDE;
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 0px; 
	background-color: #FFFF99;
	width: 60px; 	
	}

.topnav_admin {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #738FBF;

	}

.topnav_admin a {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;    
	color: #003366; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none; 
	border: 4px outset #DEDEDE;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	
	background-color: #FF0000;
	width: 60px; 	
	}

.topnav_admin a:link { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;    
	color: #003366; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none; 
	border: 4px outset #DEDEDE;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	
	background-color: #FF0000;	
	width: 60px; 	
	}

.topnav_admin a:active { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;    
	color: #003366; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none; 
	border: 4px outset #DEDEDE;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	
	background-color: #FF0000;
	width: 60px; 	
	}

.topnav_admin a:visited { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;    
	color: #003366; 
	vertical-align: middle;
	text-align: center;
	text-decoration: none; 
	border: 4px outset #DEDEDE;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	
	background-color: #FF0000;
 	width: 60px; 	
	}
	
.topnav_admin a:hover { 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;    
	color: #000000; 
	vertical-align: middle;
	text-align: center;
	text-decoration: bold; 
	border: 4px inset #DEDEDE;
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 0px; 
	background-color: #FFFFFF;
	width: 60px; 	
	}

.button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #CECECE;

		}

.button a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: inline-block;    
	color: #003366; 
	valign: center; 
	align: left;
	text-decoration: none; 
	border: 3px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 2px; 	
	background-color: #CECECE;
	width: 90px; 	
	}

.button a:link { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: inline-block;    
	color: #003366; 
	valign: center; 
	align: center;
	text-decoration: none; 
	border: 3px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 2px; 	
	background-color: #CECECE;
	width: 90px; 	
	}

.button a:active { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: inline-block;    
	color: #003366; 
	valign: center; 
	align: center;
	text-decoration: none; 
	border: 3px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 2px; 	
	background-color: #CECECE;
	width: 90px; 	
	}

.button a:visited { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: inline-block;    
	color: #003333; 
	valign: center; 
	align: center;
	text-decoration: none; 
    border: 3px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 2px; 	
	background-color: #CECECE;
	width: 90px; 	
	}
	
.button a:hover { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: inline-block;
	color: #FF0000; 
	valign: center;
	align: center;	 
	text-decoration: bold; 
    border: 3px inset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 2px; 
	background-color: #FFFF99;
	width: 90px; 	
	}
	
.form {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	valign: middle; 
	align: center;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px;
}

.previous {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #003366;
    align: left;
		}

.previous a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003366; 
	valign: middle; 
	align: right;
	display: inline-block;
	text-decoration: none; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	

		}

.previous a:link { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #003366; 
	valign: middle; 
	align: right;
	display: inline-block;
	text-decoration: none; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	

	}
	
.previous a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
 	color: #003333; 
	valign: middle; 
	align: right;
	display: inline-block;
	text-decoration: none; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	

	}
	
.previous a:hover { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #FF0000; 
	valign: middle;
	align: right;	 
	display: inline-block;
	text-decoration: bold; 
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 0px; 
	}
	
.next {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #003366;
    align: left;
		}

.next a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003366; 
	valign: middle; 
	align: left;
	display: inline-block;
	text-decoration: none; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	

		}

.next a:link { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #003366; 
	valign: middle; 
	align: left;
	display: inline-block;
	text-decoration: none; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	

	}
	
.next a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
 	color: #003333; 
	valign: middle; 
	align: left;
	display: inline-block;
	text-decoration: none; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	

	}
	
.next a:hover { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #FF0000; 
	valign: middle;
	align: left;	 
	display: inline-block;
	text-decoration: bold; 
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 0px; 

	}
	
.pagebutton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    align: left;
    valign: middle;
		}

.pagebutton a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003366; 
	valign: middle; 
	align: center;
	display: inline;
	text-decoration: underline; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	

		}

.pagebutton a:link { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #003366; 
	valign: middle; 
	align: center;
	display: inline;
	text-decoration: underline; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	

	}
	
.pagebutton a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
 	color: red; 
	valign: middle; 
	align: center;
	display: inline;
	text-decoration: underline; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	

	}
	
.pagebutton a:hover { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: yellow; 
	valign: middle;
	align: center;	 
	display: inline;
	text-decoration: underline; 
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 0px; 

	}
	
.currpage { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #000000; 
	valign: middle; 
	align: center;
	display: inline;
	text-decoration: bold; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 	

	}
	
.textbox { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #003366; 
	valign: middle; 
    border: 2px inset #005D8C;
	align: left;
	display: inline;
	text-decoration: bold; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	padding-left: 2px;
	background-color: #CECECE;
	width: 120px; 	 	

	}

.checkbox { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	color: #000000; 
	valign: middle; 
    border: 3px outset #005D8C;
	align: left;
	display: inline;
	text-decoration: bold; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	padding-left: 2px;
	background-color: #FFFFFF;
	width: 20px; 	 	

	}	

.highlight_heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: inline-block;    
	color: #003366; 
	valign: center; 
	align: left;
	text-decoration: none; 
	border: 1px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 2px; 	
	background-color: #CECECE;
	width: 100px; 	
	}
	
.highlight_heading2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: inline-block;    
	color: #003366; 
	valign: center; 
	align: left;
	text-decoration: none; 
	border: 1px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 2px; 	
	background-color: #CECECE;
	width: 150px; 	
	}
	
.highlight_heading3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: inline-block;    
	color: #000000; 
	valign: center; 
	align: left;
	text-decoration: bold; 
	border: 1px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 2px; 	
	background-color: #CECECE;
	width: 150px; 	
	}	
	
.highlight_heading4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    display: inline-block;    
	color: #003366; 
	valign: center; 
	align: left;
	text-decoration: none; 
	border: 1px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 2px; 	
	background-color: #CECECE;
	width: 450px; 	
	}

.highlight_heading5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: inline-block;    
	color: #003366; 
	valign: center; 
	align: left;
	text-decoration: none; 
	border: 1px outset #005D8C;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 2px; 	
	background-color: #CECECE;
	width: 200px; 	
	}