/* CSS Document */

	html { height:100%;
		padding: 0 0 0 0;
	}
	body {
		clear: both;
		background-color: #3D9B3B;
		background-image:url('templatebikes/mainbackground.jpg');
		background-repeat: repeat-x;
		background-position : top left;
		margin:0 auto;
		padding:0;
		height:100%;	
	}
	img {
		display:block;
	}
	#outercontainer {
		clear: both;
		position : relative;
		height:100%;
		width:989px;
		top:0px;
		z-index:100;
		margin: auto;
		padding:0;						
	}
	#mainbgimage {
		position:absolute;
		height:153px;
		width:969px;
		top: 0px; 
		z-index:1;
		padding:0;
		left: 10px;
	}	
	#mainbody {
	  position : relative;
	  height:auto;
	  width:969px;
	  top:0px;
	  z-index:100;  
	  margin: auto;
	}
	#header {
		height:153px;
		width:969px;
		top:0px;
		left:10px;		
	}		
	#menubar{
		height:28px;
		width:969px;
		padding: 0 0 0 0px;		
		text-align: left;
		left:10px;					
	}
	#content{		
		width:989px;
		height: 100%;
		top:0px;
		left: -10px;
		position:relative;
		background-image:url(templatebikes/bodybackground_shadow2.png);
		background-repeat:x;
		background-position:top left;
		
	}
	#contentvbcc{		
		width:989px;
		height: 100%;
		top:0px;
		left: -10px;
		position:relative;
		background-image:url(templatebikes/bodybackground_shadow_redvbcc.png);
		background-repeat:x;
		background-position:top left;
		
	}	
	#contentdarkright{		
		width:989px;
		height: 100%;
		top:0px;
		left: -10px;
		position:relative;
		background-image:url(templatebikes/bodybackground_shadow_darkgreen.png);
		background-repeat:x;
		background-position:top left;
		
	}	
	#bottombar{		
		width:969px;
		height: 75px;
		top:0px;	
		margin: auto;
		padding-top:0px;	
	}
	.leftcolumn{
		width:194px;
		height: 100%;		
		vertical-align:top;
	}
	.leftcolumninner {		
		padding-left: 10px;
		margin:0;
		vertical-align:top;		
		height:100%;
	}
	.maincontent{
		width:588px;
		height: 100%;
		background-color: #FFFFFF;
		vertical-align:top;
		/*padding-left: 10px;*/
	}
	.rightcolumn{
		width:198px;
		height: 100%;
/*		background-color: #E6F7E7;*/
		vertical-align:top;
	}
	.copyright{
		font-family : Arial;
		font-size : 11px;
		color : white;
		text-align: center;			
	}
	A.copyright{
		font-family : Arial;
		font-size : 11px;
		color : white;	
	}
	A.copyright:visited{
		font-family : Arial;
		font-size : 11px;
		color : white;
	}
	A.copyright:hover{
		font-family : Arial;
		font-size : 11px;
		color : white;
	}
	TD, DIV, P {
		font-family : Verdana, Arial;
		font-size : 11px;
		color : #000000;
		line-height: 20px;	
	}
	H1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 36px;
	color : #E11C23;	
	font-weight: bold;	
	vertical-align:top;
	padding:0;
	margin:0;
	margin-top: 10px;
	padding-bottom:15px;

	}
	.telephonetop {
		font-family : Arial;
		font-size : 16px;
		font-weight : bold;
		color : #FFFFFF;	
	}
	.adboxtitle {
		font-family : Arial;
		font-size : 12px;
		font-weight: bold;
		color : #ffffff;
		padding-left: 32px;
	}
	.adboxtext {
		font-family : Arial;
		font-size : 11px;
		font-weight: bold;
		color : #000000;
		line-height: 13px;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
	A.adboxtext {
		font-family : Arial;
		font-size : 11px;
		font-weight: bold;
		color : #47CE2A;
		font-style: italic;
	}
	A.adboxtext:visited {
		font-family : Arial;
		font-size : 11px;
		font-weight: bold;
		color : #47CE2A;
		font-style: italic;
	}
	A.adboxtext:hover {
		font-family : Arial;
		font-size : 11px;
		font-weight: bold;
		color : #E11D27;
		font-style: italic;
	}
	.greyhighlighttext
	{
		font-family : Arial;
		font-size : 11px;
		color : #525252;
		line-height: 12px;		
	}
	.redhighlighttext
	{
		font-family : Arial;
		font-size : 11px;
		font-weight: bold;
		color : #E11D27;
		line-height: 12px;		
	}
	.redtext14px
	{
		font-family : Arial;
		font-size : 16px;
		font-weight: bold;
		color : #E11D27;		
	}
	.greentext20px
	{
		font-family : Arial;
		font-size : 20px;
		font-weight: bold;
		color : #27830E;		
	}

ul{
	list-style-position: outside;
	list-style-type : square;
	padding: 6px;
	margin : 10px;
	
}
.stafflist {
	font-family : Arial;
	font-size : 11px;
	font-weight: bold;
	color : #003300;
	display: block;
	text-align: left;
	padding-bottom:5px;
}
A.stafflist {
	font-family : Arial;
	font-size : 11px;
	font-weight: bold;
	color : #003300;
	display: block;
	text-align: left;
	margin-left: 14px;
	padding-bottom:5px;		
}
A.stafflist:visited {
	font-family : Arial;
	font-size : 11px;
	font-weight: bold;
	color : #003300;
	display: block;
	text-align: left;
	padding-bottom:5px;			
}
A.stafflist:hover {
	font-family : Arial;
	font-size : 11px;
	font-weight: bold;
	color : #FF0000;
	display: block;
	text-align: left;
	padding-bottom:5px;			
}
.stafflistselected {
	font-family : Arial;
	font-size : 11px;
	font-weight: bold;
	color : #FF0000;
	display: block;
	text-align: left;
	margin-left: 14px;
	padding-bottom:5px;			
}
HR {
	border-top: 1px solid #27830E;
	height: 1px;
}
#photoholder {
  	background:#FFFFFF;
  	height:240px;
	overflow:hidden;
 	width:371px;
	position:relative;
}
A{
		font-family : Arial;
		font-size : 11px;
		font-weight: bold;
		color : #E11D27;
		line-height: 12px;		
		text-decoration : none;
	}
A:visited{
		font-family : Arial;
		font-size : 11px;
		font-weight: bold;
		color : #E11D27;
		line-height: 12px;		
		text-decoration : none;
	}
A:hover{
		font-family : Arial;
		font-size : 11px;
		font-weight: bold;
		color : #27830E;
		line-height: 12px;		
		text-decoration : none;
	}

.vbccrightgreen {
		font-family : Arial;
		font-size : 11px;
		color : #003300;
		line-height: 12px;		
		text-deoration : none;
		padding-left:5px;
		padding-right:5px;
		display: block;
		text-align: left;

}	
.vbccrightred {
		font-family : Arial;
		font-size : 11px;
		color : #CC3333;
		line-height: 12px;		
		text-deoration : none;

}	
.bordered { border: 2px solid #ffffff;
display: inline;
float:left; }
a img.bordered { border: 2px solid #ffffff }
a:hover img.bordered {border: 2px solid #EE3223 }

.vbcc {padding:0 0 0 0px; margin:0; list-style:none; width:186px; position:absolute; font-family: Arial, Verdana, sans-serif;}
.vbcc li.top2 {display:block; float: left; width:186px; margin-bottom:10px;}
.vbcc li a.top_link2 {display:block; float:left; margin-right:0px; width:186px; height:21px; line-height:19px; color:#FFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 20px; cursor:pointer; background-image:url(templatebikes/vbcc_leftoff.jpg); background-repeat: no-repeat;}
.vbcc li a.top_link2 span {float:left; display:block; padding:0 0 0 0px; height:21px;}
.vbcc li a.top_link2:hover {color:#003300; background-image:url(templatebikes/vbcc_lefton.jpg);background-repeat: no-repeat;}
.vbcc li a.top_link2:hover span {}
.vbcc li:hover > a.top_link2 {color:#003300; }
.vbcc li:hover > a.top_link2 span {color:#003300;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.prodrop4 {padding:0 0 0 0px; margin:0; list-style:none; height:28px; position:absolute; z-index:500; font-family:arial, verdana, sans-serif; background-image:url(templatebikes/mainmenubar_background.jpg); width: 969px; }
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; margin-right:0px; height:28px; line-height:28px; color:#FFF; text-decoration:none; font-size:13px; font-weight:bold; padding:0 10px 0 10px; cursor:pointer;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 0 0 0px; height:24px;}
.prodrop4 li a.top_link:hover {color:#001B09; background-image:url(templatebikes/mainmenu_highlight.jpg); background-repeat: repeat-x; background-position: top left; }
.prodrop4 li a.top_link:hover span {}

.prodrop4 li:hover > a.top_link {color:#001B09; background-image:url(templatebikes/mainmenu_highlight.jpg); background-repeat: repeat-x; background-position: top left;}
.prodrop4 li:hover > a.top_link span {color:#001B09; background-image:url(templatebikes/mainmenu_highlight.jpg); background-repeat: repeat-x; background-position: top left;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop4 a:hover {visibility:visible; position:relative; z-index:300;}
.prodrop4 li:hover {position:relative; z-index:300;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.prodrop4 ul.sub1 {width:200px;}
.prodrop4 :hover ul {left:3px; top:28px; background: #024718; padding:0px;   white-space:nowrap; height:auto; filter : alpha(opacity=95);-moz-opacity:.95;opacity:.95; z-index:300;}
.prodrop4 :hover ul li {display:block; height:24px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #FFFFFF;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:24px; line-height:20px; width:auto; padding:0 10px; color:#FFF; text-decoration:none;}
.prodrop4 :hover ul li a:hover {display:block; background:#C10402; color:#FFFFFF;}