html, body {
margin:0;
padding:0;
border:0;
height:100%;
background:#FFFFFF url(images/UKPW-web-BG.gif) center;
}

body{
	text-align:left;
	color:#4d5345;
	letter-spacing: normal;
	font-family:  Gill Sans,Century Gothic, Geneva, Arial, sans-serif;
	font-size: 90%;
	line-height: 1.0;
}

/*---------------------------------------------LEFT Navigation-----------------------------------------------*/

ul#nav {   /* navigation list */
	margin: 0px 0 40px 0; /* the __px is where the nav begins (margin top) */
	padding: 0;
	list-style: none inside}
	
ul#nav li {float: left;	display: block}

ul#nav li a {
	width: 180px;
	margin: 3px 0 0 0;  /* a little top margin */
	border: 0;
	border-left: 1px dotted #4d5345;
	border-bottom: 1px dotted #4d5345;
	border-top: 1px dotted #4d5345;
	border-right: 10px solid #093;
	padding: 5px 5px 5px 5px;
	font-family: Century Gothic, Gill Sans, Geneva, Arial, sans-serif;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
	display: block;
	color: #4d5345;
	background: #ffffff}
	
ul#nav li a#current {border-color: #F5AF3D}   /* current page, move id in the xhtml when creating a new page */

ul#nav li a:hover {background: #060; color: #ffffff}

/* produce sub nav mouse over colour change*/

ul#nav li a.aa:hover {background: #A6DD7D; color: #fff}



/* top nav */
a.one:link {color:#4d5345; text-decoration: none; font-weight:bolder } /* unvisited link*/
a.one:visited {color: #F60; text-decoration: none; font-weight:bolder } /* visited link*/
a.one:hover {color:#ffffff; background-color:#060; text-decoration: none; font-weight:bolder } /*  link with pointer hovering*/
a.one:active {color:#4d5345; text-decoration: none; font-weight:bolder} /* the selected link*/

/* bottom nav */

a.two:link {color:#000000; text-decoration: none} /* unvisited link*/
a.two:visited {color:#000000; text-decoration: none} /* visited link*/
a.two:hover {color:#FFCC00; text-decoration: underline} /*  link with pointer hovering*/
a.two:active {color:#00CC00; text-decoration: none} /* the selected link*/

/* bottom nav */

a.3:link {color:#253a03; text-decoration: none} /* unvisited link*/
a.3:visited {color:#253a03; text-decoration: none} /* visited link*/
a.3:hover {color:#FFCC00; text-decoration: underline} /*  link with pointer hovering*/
a.3:active {color:#00CC00; text-decoration: none} /* the selected link*/

/* workshops jump nav */
a.four:link {color:#096; text-decoration: none; font-weight:bolder } /* unvisited link*/
a.four:visited {color: #F60; text-decoration: none; font-weight:bolder } /* visited link*/
a.four:hover {color:#ffffff; background-color:#060; text-decoration: none; font-weight:bolder } /*  link with pointer hovering*/
a.four:active {color:#4d5345; text-decoration: none; font-weight:bolder} /* the selected link*/

/* T O P N A V */
div#TopNav{background-color:#ffffff; text-align:center;}
/* T O P div#TOPNAV{clear:both;width:100%;color:#B9D6EA;padding-top:2px; padding-bottom:2px; background-image:url(images/800x40camo.gif);text-align:center}N A V */

div#header h1{height:40px;line-height:20px;margin:0; padding-right:0px;background-color: #ffffff; color: #ffffff; padding-bottom:0px; padding-top:7px; border-bottom: 1px dotted #4d5345; 
background-image:url(images/header.jpg)}

h1 {height:40px;line-height:20px}



/*div#wrapper{float:left;width:700px}*/
  
div#container{text-align:left; background-color:#ffffff; border:5px 5px 5px 5px; background-image:url(images/container_BG800px.jpg); background-repeat:repeat-y; border-color:#000000 }
div#container{width:800px;margin:0 auto}


div#content p{line-height:1.2; padding:8px 5px 5px 8px; }
div#content h2{line-height:0.8}
div#content{float:right;width:555px; padding-top:2px; padding-right:5px}
div#content strong{line-height:1.1; font-size: 120%; color:#096}
div#content em{line-height:1.1; font-size: 90%;}

	
div#navigation{background:#B9CAFF}
div#navigation{float:left;width:20px}


div#navigation_left_long{
	position:absolute
	padding-top:5px;
	padding-left:10px;
	vertical-align:top;
	top: 309px;
	height: 1150px;
float:left;width:210px}

div#navigation_left_long2{
	position:absolute
	padding-top:5px;
	padding-left:10px;
	vertical-align:top;
	top: 309px;
	height: 1350px;
float:left;width:210px}

div#navigation_left{
	position:absolute
	padding-top:5px;
	padding-left:10px;
	vertical-align:top;
	top: 309px;
	height: 500px;
float:left;width:210px}


div#footer{color: #000000; text-align:center; font-size: 80%}
div#footer p{margin:0;padding:5px 10px}


div#extra{clear:both;width:100%;color:#000000;padding-top:2px; padding-bottom:2px; background: ffffff; text-align:center}

div#extra2{clear:both; width:800px; color:#000000; font-size: 80%; padding-top:2px; padding-bottom:2px; text-align:center}

/* right hand text/pic  box */
#frontRight {float:right; 	text-align: left;	vertical-align: top; font-size:80%; text-align:center; img-border:1px;}
.front {width:31%;margin:auto; padding: 8px 8px 8px 8px;text-align:center}
.front a {line-height:1.2em;}

/* WIDE right hand text box */
#frontRightWIDE {
	float:right;
	text-align: left;
	vertical-align: top;
}
.frontWIDE {width:51%;margin:auto; padding: 8px 8px 8px 8px;text-align:center}
.frontWIDE a {line-height:1.2em;}

/* left hand text box */
#frontleft {
	float:left;
	text-align: left;
	vertical-align: top;
}
.frontleft {width:31%;margin:auto; padding: 8px 8px 8px 8px;text-align:left}
.frontleft a {line-height:1.2em;}

div#PIC{align:center; font-size:80%; text-align:center; img-border:0px; border-color:#253a03}

.endurance {font-weight: bold; color: #C00;	font-size:105%;}
.endurance2 {font-weight: normal; color: #000;	font-size:80%;}

#date {
  position: absolute;
	left: 395px;
	top: 77px;
	width: 377px;
	text-align: right;
	font-size: 0.8em;
	color: #777}
	


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -23px;
	left: -35px;
	z-index: 1;
}

.hoverbox img
{
	background: #ffffff;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 100px;
	height: 100px;
}

/*.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}*/

.hoverbox li
{
	background: #ffffff;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.hoverbox .preview
{
	border-color: #ffffff;
	width: 350px;
	height: 350px;
}

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}

/*Hoverbox by http://sonspring.com/ Nathan Smith*/