/*************************  ID's *************************/
#heading1  {
/* This is the coloured bar at the top of the page */
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;	
	background-color:#020572;	
	margin: 0;
	border-bottom: 5px inset #ff0000;	
}

#headingimg  {
/*This image will be the logo*/
	z-index:30;
	position: absolute;
	background-color:transparent;
	top: 43px;
	height: 132px;	
	margin: 0px;
}
#headingimg1  {
	z-index:20;
	position:absolute;
/*	left: 572px;*/
	left: 373px;
	top: 42px;
	height: 111px;	
	background-color:transparent;	
	text-align:left;
	margin: 0px auto; /*top right bottom left*/
}
#headingimg2  {
	z-index:1;
	position:absolute;
	left: 365px;
	top: 43px;
	height: 121px;	
	background-color:transparent;	
	text-align:left;
	margin: 0px auto; /*top right bottom left*/
}
#nav  {
	position: absolute;
	width: 165px;
	padding-right:10px;
	padding-top: 0px;	
	padding-left:2px;
	top: 188px;
	left: 1%;	
	height:100%;	
	border-right: 1px solid #000000;
	text-align:right;
	/*background-attachment: fixed;
	background-image: url(../images/wsmtb_lm.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;*/
}
#nav p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#990000;
	border-bottom: 2px solid #990000;
	border-top: 1px solid #990000;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
}
#nav select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#990000;
}
#mainbody   {
	position: absolute;	
	left: 200px;
	top: 207px;	
	width:790px;
	text-align:left;
	margin: 0px auto; /*top right bottom left*/
}
#journal1 {
	position: absolute;	
	text-align:left;
	left: 250px;
	top: 188px;	
	width:750px;
	border:10px solid #003399;
	padding:20px 20px 20px 20px;
	-moz-border-radius:10%
}
#rightbody   {/*This is the New's menu to the rigth of the page*/
	float:right;	
	width:200px;
	margin:0px;
	margin-left:10px;
	margin-bottom:20px;
	text-align:left;
	padding:15px;
	padding-top:5px;
	border:1px solid #000000;	
	/* move comment marks to change colours */
	background-color:#000000;	 /*black - need to modify rightbody attributes if you change this one.*/
	/*background-color:#FFFFCE;	 /*light yellow*/
	/*background-color:#ccffcc; /*green*/
	/*background-color:#FFCCFF; /*light pink*/
	/*background-color:#CCCCFF;   /*light purple*/
	/*background-color:#99CCFF;/*light blue*/
	/*background-color:#FFCC99; /*orange*/
	/*background-color:#ddffff;/*gray*/
}
#rightbody p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#D1FCF8; /*light blue*/
	margin-left:20px;
}
#rightbody li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#D1FCF8;
	line-height:14px;
}
#rightbody ul{
	border: 2px solid red;
	padding: 5px 5px 5px 5px;
}
#rightbody a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00CCFF;
}
#rightbody h3  {
	list-style-type: none;
 	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;	
	color:#FFFFFF;
	margin:1px;
}
#rightbody h4  {
	list-style-type: none;
 	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;	
	color:#FF0000;
	margin:1px;
}
#rightbody h5  {
	list-style-type: none;
 	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;	
	color:#FF0000;
	margin:1px;
}

#results1 {
	z-index:2;
	position:relative;
	left:30px;
	width:300px;
	text-align:left;
	margin: 1px 1px 1px 1px; /*top right bottom left*/
	border:5px dotted #003366;
	padding: 5px 5px 5px 5px;
}
#results2 {
	z-index:1;
	position:relative;
	width:300px;
	text-align:left;
	margin: 1px 1px 1px 1px; /*top right bottom left*/
	border:5px dotted #990000;
	padding: 5px 5px 5px 5px;
}
#results3 {
	z-index:3;
	position:relative;
	top:50px;
	width:300px;
	left:300px;
	text-align:left;
	margin: 1px 1px 1px 1px; /*top right bottom left*/
	border:5px dotted #336600;
	padding: 5px 5px 5px 5px;
	background-color:#FFFFFF;
}
#rightimage  {/*This is the New's menu to the rigth of the page*/
	float:right;	
	width:308px;
	margin:0px;
	margin-left:20px;
	margin-bottom:20px;
	text-align:left;
	padding:15px;
	padding-top:5px;
}

/*************************  End ID's *********************/

/*************************  regular tag defs *************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 0 2px; /*top right bottom left*/
	padding: 0 0 0 0;
	background-attachment:fixed;
	background-image:  url("../images/bike_bg.gif");
	background-repeat:no-repeat;
	background-position:top right ;
	}
	
ul li {
	list-style-type:none;
 	font-family:Arial, Helvetica, sans-serif; 
	line-height: 170%;	
}
h1  {
	list-style-type: none;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;	
	color:#990000;
}
h2  {
	list-style-type: none;
 	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px;	
	color: #0000CC;
}
h3  {
	list-style-type: none;
 	font-family:Arial, Helvetica, sans-serif; 
	font-size:17px;	
	color:#000066;
}
h4  {
	list-style-type: none;
 	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px;	
	color:#000033;
}

p   { 
 	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
}
th {
	font-size: 14px;
	line-height: 20px;
	padding: 4px;
	font-family:arial;
	font-weight: normal;
	color:#FFFFFF;
	background-color:#000033;

}
th a:link {
 font-family: Arial; 
/* font-size: 12px;*/
 color: #FFFFCC;
 font-weight: bold
}
th a:visited {
 font-family: Arial;
 font-size: 15px;
 color: #99FFFF;
 font-weight: bold
}

td {
	font-size: 11px;
	line-height: 14px;
	padding: 3px;
}
hr {
	width:100px;
	text-align:center;
}
img {
	border:0px;
}
/*************************  Link defs *******************/
a:link {
 font-family: Arial; 
/* font-size: 12px;*/
 color: #000033;
 font-weight: bold
}

a:visited {
 font-family: Arial;
 color: blue;
 font-weight: bold
}
a:hover {
 font-family: Arial;
 color: red;
 font-weight: bold
}
a:active {
 font-family: Arial;
 font-weight: bold
}

li a:link {
 font-family: Arial; 
 font-size: 12px;
 color: #000033;
 font-weight: bold;
 background-color:#FFFFFF;
}
li a:visited {
 font-family: Arial;
 font-size: 12px;
 color: blue;
 font-weight: bold;
}
li a:hover {
 font-family: Arial;
 font-size: 12px;
 color:red;
 font-weight: bold;
}
li a:active {
 font-family: Arial;
 font-size: 12px;
 font-weight: bold;
}
/*************************  class definitions *******************/
.RED {color: #FF0000}
.GREEN {
		color:#006600;
		background:background-color:#006600;
		}
.ul_CIRCLE {
		list-style-type:circle;
		}
/************************* Special id's for special occasions ****************/
#cyclefestival
{
	z-index:2;
	position:relative;
	left:30px;
	width:500px;
	text-align:left;
	margin: 1px 1px 1px 1px; /*top right bottom left*/
	border:5px ridge #003366;
	padding: 5px 5px 5px 5px;
	line-height: 15px;
}