/********************
 THE LAYOUT
 ********************/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}


/*****************
 NO MARGIN UL
 *****************/

UL.nomargin {
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
}

UL.nomargin LI {
margin: 0px 0px 0px 12px;
padding: 0px 0px 0px 0px;
}


/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 5px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 5px 0px 10px 10px;
}


/*****************
 PARAGRAPHS
 *****************/

p { margin-top: 10px}
p.compact { margin: 0px}
p.indent { text-indent: 20px; margin-top: 10px}
p.justify { text-align: justify;}


/*****************
 FONTS
 *****************/

.footer { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em }
.side { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em }
.navtitle { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em;}
.body { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em }
.bodymed { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em }


/*****************
 HEADINGS
 *****************/

h1 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; display:inline;}
h2 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; display:inline;}


/*****************
 LINKS
 *****************/

A:hover { color: #336633; }

.topnav a:link{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #ffffff; text-decoration: none }
.topnav a:visited{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #ffffff; text-decoration: none }
.topnav a:hover{ font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #ffffcc; text-decoration: none }

.leftnav a:link { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #000000; text-decoration: none}
.leftnav a:visited { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #000000; text-decoration: none}
.leftnav a:hover {  font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #ffffff; text-decoration: none}

.leftnavtiny a:link { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; color: #000000; text-decoration: none}
.leftnavtiny a:visited { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; color: #000000; text-decoration: none}
.leftnavtiny a:hover {  font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; color: #ffffff; text-decoration: none}

.linktabnav a:link { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #000000; text-decoration: none}
.linktabnav a:visited { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #000000; text-decoration: none}
.linktabnav a:hover {  font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #ffffff; text-decoration: none}

.prodtablink a:link { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #000000; text-decoration: none}
.prodtablink a:visited { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #000000; text-decoration: none}
.prodtablink a:hover {  font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.0em; color: #336633; text-decoration: none}


/*****************
 FORMS
 *****************/

form.inline { display:inline; }

select.areaselect {
	width: 158px;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
}

.optengland { background : ff9933; color : 000000;}
.optscotland { background : 333399; color : ffffff;}
.optireland { background : 339933; color : 000000;}
.optwales { background : cc3333; color : 000000;}
.optridingeng { background : ff9933; color : 000000;}
.optridingsco { background : 333399; color : ffffff;}
.optridingwal { background : cc3333; color : 000000;}
.optridingire { background : 339933; color : 000000;}
.optsailing { background : 333399; color : ffffff;}


/*****************
 LHS NAV
 *****************/

ul#nav{
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	background:#ffffff;
	width:150px;
	text-align: left;
}
ul#nav li ul{
	background:#77aa77;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul#nav li{
	position:relative;
	margin: 0px 0px 0px 0px;
	width:150px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	background:77aa77;
	color:#000000;
	line-height:150%;
}

ul#nav li.lhsnavtitle{
	background:#99cc99;
	margin: 0px 0px 2px 0px;
	padding: 10px 0px 3px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

ul#nav a{
	color:#000000;
	text-decoration:none;
	display:block;

}
ul#nav a:hover{
	background:#99cc99;
	color:#ffffff;
}
ul#nav li li a{
	color:#000000;
	text-decoration:none;
	display:block;
}
ul#nav li li a:hover{
	text-decoration: underline
	background:#99cc99;
}



.hiddenChild{
	left: -999em;
}
.shownChild{
	left:151px;
	top:0;
}
ul#nav.dhtml{
	position:relative;
	top:0em;
	left:0em;
}

ul#nav.dhtml,ul#nav.dhtml ul{
	background:#ffffff;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	width:150px;
}
ul#nav.dhtml li{
	position:relative;
}
ul#nav.dhtml ul{
	position: absolute;
	background:#ffffff;
	width:200px;
	z-index:10;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul#nav.dhtml ul li{
	width:200px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul#nav.dhtml li.isParent{
	background: #77aa77;
}
ul#nav.dhtml li.isActive{
	background: #99cc99;
}
ul#nav.dhtml li.isActive a{
	background:transparent;
}
ul#nav.dhtml li.isActive ul a{
	background:#99cc99;
}
ul#nav.dhtml li.isActive ul a:hover{
	text-decoration: none
	background:#99cc99;
}
ul#nav.dhtml ul a{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}