* { margin: 0; padding: 0; }

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68.75%; /* 68.75%;  0.6875 x 16px = 11px;*/
	color: #000; 
	margin:6px 0 12px 0;
	text-align:center;
	background-color: #dedede;
}

/*body { color:#000; background-color:#dedede;font-family:Verdana, Geneva, sans-serif }*/
/*.text {color:#000; font-family:verdana; font-size:11px; line-height:14px; font-weight:normal; text-decoration:none */
p {	margin:0.7em 0 1.1em 0; line-height:1.4em; text-align:left}

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #96061f; margin:0 }
h1 { font-size: 200%; margin-bottom: 0.8em }
h1 .title { font-size:24px; }  /*prevent title resize in browser*/
h2 { font-size:1.5em; margin:1em; color:#369 }
h3 { font-size: 120%; margin-top: 1.5em; color: #369;}
h4 { font-size: 100%; margin: 20px 0 0; color: #13171a;  }

/*h3 { font-size:14px; color:#29527a; font-weight:bold; margin:18px 0 3px }*/

/* rule color */
.rule { color:#e6e6e6; height:1px }

/*ddhr /* faulty cant be used - rule color 
{
color: #e6e6e6;
height: 1px;
background-color:#e6e6e6;
}
*/

/* Driving the Impossible - heading */
.heading {color:#636363; font-family:"Times New Roman", Times, serif; font-size:24px; font-weight:bold; line-height:30px; text-align:center; padding:4px 4px 4px 8px; margin:0 }

/* page heading */
.templateheading {color:#636363;/* font-family:verdana;*/ font-size:18px; font-weight:bold; line-height:30px; text-align:center; padding-top:10px }
.templatesubheading {color: #636363; /*font-family:verdana;*/ font-size:14px; font-weight:bold; line-height:30px; text-align:center; padding-top:10px }

/* page heading - should be H1 */
.title {color:#636363; font-family:verdana; font-size:16px; font-weight:bold; line-height:24px; text-align:center; padding:18px 4px 4px 8px }

/* front page list of places */
.slogan {
	color:#636363;
	font-family:verdana;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	font-style:normal;
	text-align:center;
	margin:4px 4px 6px 8px
}

.date { color:#5b5b5b; font-family:arial; font-size:12px; font-weight:bold; text-decoration:none }

/* USED - page specific content to right of the nav column  - not on syd or video page (see #sydrep + #videocell)*/
#maincell {	width:630px; text-align:left }

#videocell { width:730px; text-align:left }

/* link defaults -  required for button heights etc */
a { color:#5b5b5b; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px }
a:link { text-decoration:none }
a:visited { text-decoration:none }
a:hover { text-decoration:underline }

/* competitor links block - float & width to expand div in ie6 - overflow for ie8 */
.newsblock { width:100%; float:inherit; padding:12px 0; overflow:auto; border-bottom:2px dotted #aaa }
.newsblock p { margin:5px 0 0 0 }
.newsblock img { float: left; margin:0 15px 0 0; border:1px solid #888; display:block }
/* competitor site links*/
.newsblock a:link { font-weight: bold; display: inline-block }
.newsblock a:visited { font-weight: bold;display: inline-block }
.newsblock a:hover { font-weight: bold;	display: inline-block }

.boxright /* alignment and spacing of right image container and caption */
{
	float: right;
	margin: 6px 0 5px 20px;
	display:block;
	font-size: 9px;
	text-align:right;
	color: #003333;
	font-weight: normal;
}

.boxleft /* alignment of left quote box */
{
	float: left;
	margin: 5px 10px 5px 0;
	display:block;
	font-size: 9px;
	text-indent:0;
	text-align:right;
	color: #003333;
	font-weight: normal;
}

/* clearfloat important to clear floated objects (history page) */
/* font size 0 important for ie to prevent extra space when clearing */
.clearfloat { clear: both; height: 0; line-height: 0; font-size: 0 } 

.elistdate { font-size: 9px; color: #666; font-weight: normal; display:block; padding-bottom:6px; }

table#elist { background-color:#f4fbf3; width:655px; border-collapse:collapse }  /* entry list */
table#elist  td { border:1px solid #ccc; padding:2px 4px 3px 4px }
table#rlist { background-color:#fff; width:635px; border-collapse:collapse }  /* route outline */
table#rlist  td { border:1px solid #ccc; padding:2px 4px 3px 4px }

.tct { text-align:center }
.tctr {	text-align:center; color:#DD0000; font-weight:bold }

#skytag { background:url(images/skyicon05.jpg) right center no-repeat }
a#sktag {display:block;	color:#000;	width:100%;	background:url(images/skyicon04.jpg) right center no-repeat }
a#sktag:hover {	background:url(images/skyicon04h.jpg) right center no-repeat; text-decoration:none }
 
A.navbarleft:link /* ------------------------controls main navigation bar-------------------------- */
{
    color: #000000;  /* controls nav bar text color */
	font-family: verdana;
	text-decoration: none;
 	font-size: 10px; 
	text-indent: 0px;
	font-weight: normal
}
A.navbarleft:visited 
{
    color: #000000;   
	font-family: verdana;
	text-decoration: none;
 	font-size: 10px; 
	text-indent: 0px;
	font-weight: normal
}
A.navbarleft:hover
{
    color: #000000; 
	font-family: verdana;
	text-decoration: none;
 	font-size: 10px; 
	text-indent: 0px;
	font-weight: normal
}
A.navbarlefton:link /* ------------------------controls main navigation bar-------------------------- */
{
    color: #000000;  /* controls nav bar text color */
	font-family: verdana;
	text-decoration: none;
 	font-size: 10px; 
	text-indent: 0px;
	font-weight: normal
}
A.navbarlefton:visited 
{
    color: #000000;  
	font-family: verdana;
	text-decoration: none;
 	font-size: 10px; 
	text-indent: 0px;
	font-weight: normal
}
A.navbarlefton:hover 
{
    color: #000000;  
	font-family: verdana;
	text-decoration: none;
 	font-size: 10px; 
	text-indent: 0px;
	font-weight: normal
}

	
.button 
{ 
 	border-style: solid; 
	border-width: 0pt;  /* controls = space between */
 	font-size: 7.5pt; 
 	border-color: #E4E8E9; /* controls border color */
 	background: #ffffff; /* controls background color */
	border-top-color: #999999;
	border-top-width : 1px;
	border-left-color: #cecece;
	border-left-width : 20px;
	border-right-color: #999999;
	border-right-width : 1px;
	border-bottom-color: #999999;
	border-bottom-width : 1px;
	line-height: 10pt; /* controls height of button */
	padding-right: 0px;
	padding-left: 15px;
	text-align: left
}
 .over 
{ 
 	border-style: solid; 
	border-width: 0pt;  /* controls = space between */
 	font-size: 7.5pt; 
 	border-color: #E4E8E9; /* controls border color */
 	background: #ffffff; /* controls background color */
	border-top-color: #999999;
	border-top-width : 1px;
	border-left-color: #999; /* cecece;*/
	border-left-width : 20px;
	border-right-color: #999999;
	border-right-width : 1px;
	border-bottom-color: #999999;
	border-bottom-width : 1px;
	line-height: 10pt; /* controls height of button */
	padding-right: 0px;
	padding-left: 15px;
	text-align: left
}
 .out 
{ 
 	border-style: solid; 
	border-width: 0pt;  /* controls = space between */
 	font-size: 7.5pt; 
 	border-color: #E4E8E9; /* controls border color */
 	background: #ffffff; /* controls background color */
	border-top-color: #999999;
	border-top-width : 1px;
	border-left-color: #cecece;
	border-left-width : 20px;
	border-right-color: #999999;
	border-right-width : 1px;
	border-bottom-color: #999999;
	border-bottom-width : 1px;
	line-height: 10pt; /* controls height of button */
	padding-right: 0px;
	padding-left: 15px;
	text-align: left
}	
.buttonon /* ------------------------controls colour and border OFF---------------------------------- */
{ 
 	border-style: solid; 
	border-width: 0pt;  /* controls = space between */
 	font-size: 7.5pt; 
 	border-color: #999; /*#E4E8E9;*/ /* controls border color */
 	background: #ffffff; /* controls background color */
	border-top-color: #999999;
	border-top-width : 1px;
	border-left-color: #94031C;
	border-left-width : 20px;
	border-right-color: #999999;
	border-right-width : 1px;
	border-bottom-color: #999999;
	border-bottom-width : 1px;
	line-height: 10pt; /* controls height of button */
	padding-right: 0px;
	padding-left: 15px;
	text-align: left
}
 .overon
{ 
 	border-style: solid; 
	border-width: 0pt;  /* controls = space between */
 	font-size: 7.5pt; 
 	border-color: #999; /*#E4E8E9;*/ /* controls border color */
 	background: #ffffff; /* controls background color */
	border-top-color: #999999;
	border-top-width : 1px;
	border-left-color: #94031C;
	border-left-width : 20px;
	border-right-color: #999999;
	border-right-width : 1px;
	border-bottom-color: #999999;
	border-bottom-width : 1px;
	line-height: 10pt; /* controls height of button */
	padding-right: 0px;
	padding-left: 15px;
	text-align: left
}
 .outon
{ 
 	border-style: solid; 
	border-width: 0pt;  /* controls = space between */
 	font-size: 7.5pt; 
 	border-color: #999; /*#E4E8E9;*/ /* controls border color */
 	background: #ffffff; /* controls background color */
	border-top-color: #999999;
	border-top-width : 1px;
	border-left-color: #94031C;
	border-left-width : 20px;
	border-right-color: #999999;
	border-right-width : 1px;
	border-bottom-color: #999999;
	border-bottom-width : 1px;
	line-height: 10pt; /* controls height of button */
	padding-right: 0px;
	padding-left: 15px;
	text-align: left
}

b {	color: #94031C; font-family:verdana; font-size:11px; font-weight:bold; text-decoration:none }

/*.text {color:#000; font-family:verdana; font-size:11px; line-height:14px; font-weight:normal; text-decoration:none }*/

/* front page white text (on purple) */
.introtext {color:#fff; font-family:verdana; font-size:12px; line-height:16px; font-weight:bold; text-decoration:none}

/* navigation panel contact address */
.contact {color:#000;font-family:verdana; font-size:10px; font-weight:normal; text-decoration:none; text-align:center }

.copyright {color:#666; font-family:arial; font-size:11px; font-weight:normal; text-decoration:none; padding:8px; text-align:center }

.more {	color:#94031C; font-weight:bold; font-size:12px; text-decoration:none }
a.more:link { color:#94031C; font-weight:bold; text-decoration:none }
a.more:hover { color:#94031C; font-weight:bold; text-decoration:underline }

.syd { color:#000; margin-left:2px; font-family:Verdana, Arial; font-weight:normal; font-size:10px; text-decoration:none }
a.syd:link { /*color:#5b5b5b;*/text-decoration:none; line-height:1.2em; padding:0 0 2px 10px; background: url(images/pec.gif) left center no-repeat; }
a.syd:visited { color:#000; text-decoration:none; line-height:1.2em; padding:0 0 2px 10px; background: url(images/pec.gif) left center no-repeat; }
a.syd:hover { color:#94031C; text-decoration:none }

/* hacks to fix ie6+7 white space bug in event reports list */ 
* html ul li a {height:1em;}
ul, li, li a {vertical-align:bottom; zoom:1;} 

li { list-style:square }

/* page heading table */
.templatetable { margin:8px auto 0; border:1px solid #006; background-color:#c6d6c9; width:960px }
/* main body of page */
.templatebottom {margin:0 auto; border:1px solid #006; border-top:0; background-color:#fff; width:960px; text-align:left }

.leadimage { margin:0; padding:0; display:block }
/* display block to stop gap under images in table cells on some browsers - eg IE8  and doctype 4/strict  */
/* img defaults to inline so gap is left under img in a table cell for the tails on such as g or p */
 
.image2 { border:0; border-right:1px solid #006; display:block }


/* picture captions */
.boxright p, .boxleft p {
	font-size: 9px;
	color: #555;
	margin: 0;
	font-weight: normal;
	padding: 2px 2px 0 2px;
	line-height:1.3em;
}

/* syds blog items */
#sydrep { width:630px; padding:25px 0 0 0; margin-bottom:10px;/* border-bottom:2px dotted #ccc*/ }
#sydrep h3 {font-size:21px; line-height:125%; border-bottom:2px solid #ccc; color:#999; margin:0 0 15px 0 }
#sydrep p {text-indent:8px; line-height:145%; text-align:justify }
#sydrep .syd_date {	float:right; font-size:14px; padding-top:8px; color:#B1B1B1; display:block }
#sydrep p.sydsig {text-indent:5px; line-height:2.5em; color:#666;font-size:113%; font-style:bold; font-style:italic}

#sydrep .boxright p, #sydrep .boxleft p  {text-indent:0; text-align:left }

/* for hover tooltip over test headings */
a.info{ position:relative; color:#ffe999; font-family:verdana; font-weight:bold; text-decoration:none}
a.info:hover{
	z-index:25; 
	background-color: transparent;  /*#e6EEEE;*/
/*	color:#fff; */
	text-decoration:none;
	}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute;
    top:-110px; left:-80px; width:300px;
    border:1px solid #333; padding: 4px 5px;
    font-size:10px;
	font-weight:normal;
	line-height:1.2em;
	background-color:#fbffd3; 
	color:#000;
	text-align: justify;
	text-decoration:none
	}