/* UKHAC StyleSheet - By Stuart Black - www.soulgfx.com */

body {
      font-family:arial;
      background-image:url(http://www.ukhac.co.uk/assets/backdrop.jpg);
      background-repeat:no-repeat;
      background-position:top left;
      background-attachment:fixed;
      background-color:#FFF;
	  margin:20px;
	  padding:0;
      }

a {
   text-decoration:none;
   color: #00F;
   font-family:arial;
   font-weight:bold;
   font-style:italic;
   }

a:hover {
  color:#F00;
  }

td {text-align:left; vertical-align:text-top; }  
  
img {
        border:0;
     }
     
/* class assignments to make images float left or right and allow the text to wrap around them unlike in normal html */
.left {z-index:10; float:left;}
.right {z-index:10; float:right;}

/* Caution, Info and Note boxes */
.note {
	position:relative;
	background-color:#AFA;
	margin:5px 20px 5px 20px;
	border:1px solid green;
	padding:5px;
	font-size:0.8em;
    z-index:20;
	}
.caution {
	position:relative;
	background-color:#FAA;
	margin:5px 20px 5px 20px;
	border:2px dotted red;
	padding:5px;
	font-size:0.8em;
	font-weight:bold;
    z-index:30;
	}
.info {
	position:relative;
	background-color:#CCC;
	margin:5px 20px 5px 20px;
	border:1px dotted black;
	padding:5px;
	font-size:0.8em;
    z-index:20;
	}

table {
       font-family:arial;
       font-size:small;
       caption-side:top;
       vertical-align:text-top;
       margin:0px;
       border:0px;
       padding:2px;
       }

h1 {font-family:arial;
   font:1.5em bold;}
   
h2 {font-family:arial;
   font:1.25em bold; }

h3 {font:1.1em bold italic; }    
      
/* The content class will sit next to the navleft div and auto adjust width to fit the window. */
.contentstart { 
		 position:relative;
		 width:auto;
         top:20px;
		 min-width:200px;
		 margin:100px 10px 10px 210px; /* Top, Right, Bottom, Left */
		 border:1px solid black;
		 background-color:white;
		 padding:10px;
		 z-index:10;
		 } 
         
.content { 
		 position:relative;
		 width:auto;
         top:20px;
		 min-width:200px;
		 margin:5px 10px 10px 210px; /* Top, Right, Bottom, Left */
		 border:1px solid black;
		 background-color:white;
		 padding:10px;
		 z-index:10;
		 }
         
.contentevent { 
		 position:relative;
		 width:auto;
         top:20px;
		 min-width:200px;
         height:140px;
		 margin:5px 10px 10px 210px; /* Top, Right, Bottom, Left */
		 border:1px dotted black;
		 background-color:white;
		 padding:10px;
		 z-index:10;
		 }

.contentcar { 
		 position:relative;
		 width:auto;
         top:20px;
		 min-width:200px;
         height:160px;
		 margin:5px 10px 10px 210px; /* Top, Right, Bottom, Left */
		 border:1px solid black;
		 background-color:white;
		 padding:10px;
		 z-index:10;
		 }
         
.guidestart { 
		 position:relative;
		 width:auto;
         top:20px;
		 min-width:200px;
		 margin:100px 10px 10px 10px; /* Top, Right, Bottom, Left */
		 border:1px solid black;
		 background-color:white;
		 padding:10px;
		 z-index:10;
		 }

.guide { 
		 position:relative;
		 width:auto;
         top:20px;
		 min-width:200px;
         height:auto;
		 margin:5px 10px 10px 10px; /* Top, Right, Bottom, Left */
		 border:1px dotted black;
		 background-color:white;
		 padding:10px;
		 z-index:10;
		 }         
         
#title   {
         position:absolute;
         border-bottom:1px solid black;
         border-left:1px solid black;
         width:100%;
         top:5px;
         left:20px;
         padding:0px;
         z-index:10;
         }		 

#navleft {
		 position:absolute;
		 width:180px;
         margin-top:100px;
		 top:20px;
		 left:20px;
		 font-size:0.9em;
		 border:1px dashed black;
		 background-color:white;
		 padding:10px;
		 z-index:20;
		 }