body {margin:5px 0 0 0;
      padding:0;
      background: #ffffff;
	  font-family: Verdana, sans-serif;
		/* set font sizes for standard browers 1em = 10px 1.1em = 11px etc */
      color:#221B6C;
      font-size:62.5%;}

.clear {clear:both;}
.bold {font-weight:bold;}
.floatright {float:right;}
.floatleft {float:left;}
img {border:none;}

.red {color:red;}
.italic {font-style:italic;}
a {color:#221B6C;}

/**********  fix to clear float  *************/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
/*.clear {display: inline-table;}*/
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/**************   container *******************************************/
#container {margin:0px auto;
     	    padding: 0;	
		    width:736px;}

/**************   banner *************************/
#banner {margin:0 0 12px 0;
         padding:0;
         width:736px;
         height:155px;
         background: transparent url(images/bannerback.jpg) 0 0 no-repeat;}

img#logo {padding:0;
         margin:35px 0 0 45px;
         width:155px;
         height:86px;}
/*****************    left column   *************************************/
#leftcolumn {float:left;
             margin:0;
             padding:0 0 0 29px;
             width:186px;}

#leftcolumn p {font-size:1.1em;}

/*****************    main menu left side  *************************************/
#mainmenu {margin:0;
	       padding:0;
           width:180px;}

#mainmenu ul {margin: 0;
	    	  padding:0 0 20px 0;
	   		  list-style-type: none;}

#mainmenu li {margin: 0 0 10px 0;
    		  padding:0;}

#mainmenu li.menul2 {margin: 0 0 10px 15px;
    		  padding:0;}

#mainmenu li a {display:block;
              margin: 0;
	          padding:0 0 0 12px;
              font-size: 1.2em;
              font-weight:bold;
              width: 160px;
    		color:#205B38; }

/****** menu highlight current page *********/
body#home li a#homehigh,
body#whoweare li a#whowehigh,
body#history li a#histhigh,
body#wheelyboat li a#abouthigh,
body#mark3 li a#mark3high,
body#coulam15 li a#coul15high,
body#coulam16 li a#coul16high,
body#othermodels li a#othermodelshigh,
body#supply li a#supplyhigh,
body#locations li a#lochigh,
body#newsevents li a#newshigh,
body#pastnewsevents li a#pastnewshigh,
body#newsletters li a#newslethigh,
body#supportus li a#supphigh,
body#awards li a#awardhigh,
body#alanfaulkner li a#alanfhigh,
body#afmawinners li a#afwinhigh,
body#usefulcontacts li a#usefulhigh,
body#faq li a#faqhigh,
body#contactus li a#contacthigh
{background: transparent url(images/menumarker.gif)  0px 4px no-repeat;	}

/******* menu rollover **********/
#mainmenu li a:hover {background:  transparent url(images/menumarker.gif)  0px 4px no-repeat; }

/*************** donate  **********************/
#donate {margin:0;
        padding:0;}

#donate img  {margin:0;
               padding:0;}

#donateupper {margin:-5px 0 0 0;
               padding:0;
               background:  transparent url(images/donateupper.gif)  0 0 repeat-y;}

#donateupper p {margin:0px;
               padding:10px;}
			   
/*************** newsletter subscription  - left column **********************/
#subnewsleft {margin:0;
               padding:0;background:  transparent url(images/subnewsbacktop.gif)  0 0 no-repeat;}

#subnewswrap {margin:20px 0 0 0;
             padding:0;
			 background:  transparent url(images/subnewsback.gif)  0 0 repeat-y;}

#subnewsleft p {margin:0;
               padding:10px;}

#subnewsleft table {margin:0 0 0 10px;
               padding:0;
			   width:166px;}		
			   
#subnewsleft td#subemail {margin:0 ;
               padding:6px 0 0 0;}	

body#subscribe p.subnews {margin:10px 0 0 0;
          padding:0 0 10px 0;
          width:250px;}

form#subscribe {margin:0;
               padding:0 0 10px 0;
               font-size:1.2em;
               width:180px;}

#suberror {margin:0 0 10px 0;
        padding: 0;
        font-size:1.2em;}

#subconfirm {margin:0;
        padding: 0;
        width: 400px;
        font-size:1.2em;
		font-weight:bold;}			 
		
/*****************    main content   *************************************/
#maincontent{float:left;
             margin:0 0 40px 30px;
             padding:0;
             width:450px;
           }
             
#maincontent h1 {margin:0 0 3px 0;
                 padding:0;
                 font-size:1.5em;
                width:450px;}
#maincontent h1.h1topmarg {margin:12px 0 3px 0;}
				
#maincontent h2 {margin:20px 0 1px 0;
                 padding:0;
                 font-size:1.3em;
                 width:450px;}

#maincontent h2.h2notopmarg {margin:0 0 1px 0;
                 padding:0;
                 }
#maincontent h2.h2topmarg {margin:25px 0 1px 0;
                 padding:0;
                 }

#maincontent h3 {margin:0;
                 padding:0;
                 font-size:1.1em;
                 width:450px;}

#maincontent h3.h3topmarg {margin:12px 0 0 0;
                 padding:0;
                 font-size:1.1em;
                 width:450px;}

#maincontent p {margin:0 0 8px 0;
                 padding:0;
                 font-size:1.1em;
 }
								 
#maincontent p.psmallmarg  {margin:0 0 2px 0;}
				 
#maincontent p.pend {margin:0 0 20px 0;
               }
#maincontent p.pcaption {width:380px;
                 }

#maincontent p.pcontact {margin:30px 0 5px 0;
                 padding:0;}

#maincontent img.imgtopmarg1 {margin:8px 0 3px 0;
                 padding:0;}
#maincontent img.imgbotmarg1 {margin:8px 0 10px 0;
                 padding:0;}
				 
#maincontent img.imgtopmarg2 {margin:18px 0 3px 0;
                 padding:0;}

#maincontent img.img3col {margin:8px 0 8px 8px;
                 padding:0;}
#maincontent img.img3col1 {margin:8px 0 8px 0;
                 padding:0;}
				 
#maincontent table {font-size:1.1em;text-align:left;}
#maincontent table td {vertical-align:top;}
#maincontent ul {font-size:1.1em;}

#maincontent p.backtotop {float:right;
            margin:0 0 20px 0;
            padding:0;
			font-weight:bold;
			}
/*****************    home   *************************************/
img.homephoto1 {float:right;
               margin:2px 0 5px 15px;
               padding:0;}
			   
#homenews {margin:23px 0 20px 0;
          border-top:2px solid #B8B8B8;
          border-bottom:2px solid #B8B8B8;}
/*****************    Who are we   *************************************/
table.whodetails {margin:0 0 15px 0;
                width:400px;}							
table.whodetails td {margin:0;
                  padding:0;}							
table.whodetails  td.whotype {width:100px;
                          font-weight :bold;}							
						  
/*****************    History   *************************************/
.histphoto1 {float:right;
            margin:5px 0 10px 20px;
            padding:0;
            width:200px;}
			
.histphoto1  img {margin:0 0 5px 0;
            padding:0;}			
						  
/*****************  About the Wheelyboat   *************************************/
ul.aboutboat {margin:10px 0 20px 0px ;
            padding:0 0 0 25px;
			width:350px;
			}  
ul.aboutboat li {margin:0 0 5px 0 ;
            padding:0;
			}  
			
ul.boatspec {float:left;
            margin:3px 0 0 0px ;
            padding:0 0 0 25px;
			width:209px;
			}  

ul.boatspec li {margin:0 0 5px 0 ;
            padding:0;
		}  

ul.boatspecmark3l {float:left;
            margin:0 0 10px 0 ;
            padding:0 0 0 25px;
			width:180px;}  

ul.boatspecmark3l li {margin:0 0 5px 0 ;
            padding:0;}  		
		
ul.boatspecmark3r {float:left;
            margin:0 0 10px 0 ;
            padding:0 0 0 55px;}  

ul.boatspecmark3r li {margin:0 0 5px 0 ;
            padding:0;}  		
		
img.mark3a {float:left;
margin:5px 19px 15px 0;
                 padding:0;}
img.mark3b  {float:left;
           margin:5px 0 15px 0;
                 padding:0;}
img.othermodel {margin:3px 0 10px 0;
                 padding:0;}
img.othermodel1 {margin:3px 0 10px 15px;
                 padding:0;}
				 
.rightphoto1 {float:right;
            margin:5px 15px 10px 20px;
            padding:0;
            width:200px;}
			
.rightphoto1  img {margin:0;
            padding:0;}						 
/*****************  Locations   *************************************/
#locnleft  {float:left;
           margin:0 20px 0 0;
		   width:230px;}

#locnmap {float:left;
       margin:5px 0 10px 0;
	   padding:0;
	   width:197px;
	   height:230px;}

#locnmap ul {margin:0;
	      padding:0;
	      width:197px;
	      height:230px;
          background:url(images/locationmap3.gif) no-repeat;
	      position:relative;}

#locnmap ul li {position:absolute;
             margin:0;
			 padding:0;
			 list-style:none;
			 top:0;}	
	
#locnmap ul li, #locnmap a {display:block;
         margin:0;
	     padding:0;}	

#locnmap ul li a {text-indent:-9999px; 
	           text-decoration:none; }

#locnmap ul li#se {top:172px; left:140px; width:50px; height:38px;}
#locnmap ul li#ea {top:150px; left:172px; width:23px; height:26px;}
#locnmap ul li#ne {top:80px; left:128px; width:39px; height:59px; z-index:30;}
#locnmap ul li#sc {top:1px; left:58px; width:79px; height:103px; z-index:10;}
#locnmap ul li#nw {top:93px; left:94px; width:41px; height:47px; z-index:20;}
#locnmap ul li#wa {top:141px; left:86px; width:46px; height:48px; z-index:20;}
#locnmap ul li#mi {top:133px; left:124px; width:49px; height:45px;}
#locnmap ul li#sw {top:174px; left:77px; width:66px; height:55px; z-index:10;}
#locnmap ul li#ni {top:92px; left:47px; width:37px; height:28px; z-index:30;}
#locnmap ul li#ir {top:87px; left:1px; width:73px; height:100px; z-index:20;}

li#se a {height:38px;}
li#ea a {height:26px;}
li#ne a {height:59px;}
li#sc a {height:103px;}
li#nw a {height:47px;}
li#wa a {height:48px;}
li#mi a {height:45px;}
li#sw a {height:55px;}
li#ni a {height:28px;}
li#ir a {height:100px;}

/*********** Rollover **************/
li#se a:hover {background: transparent url(images/locationmap3.gif) -140px -565px no-repeat;}
li#ea a:hover {background: transparent url(images/locationmap3.gif) -172px -407px no-repeat;}
li#ne a:hover {background: transparent url(images/locationmap3.gif) -128px -343px no-repeat;}
li#sc a:hover {background: transparent url(images/locationmap3.gif) -58px -235px no-repeat;}
li#nw a:hover {background: transparent url(images/locationmap3.gif) -94px -405px no-repeat;}
li#wa a:hover {background: transparent url(images/locationmap3.gif) -86px -463px no-repeat;}
li#mi a:hover {background: transparent url(images/locationmap3.gif) -124px -514px no-repeat;}
li#sw a:hover {background: transparent url(images/locationmap3.gif) -77px -605px no-repeat;}
li#ni a:hover {background: transparent url(images/locationmap3.gif) -47px -344px no-repeat;}
li#ir a:hover {background: transparent url(images/locationmap3.gif) -1px -380px no-repeat;}

#locntables {clear:both;
margin:0;
padding:0;}

table.locn {margin:5px 0 0 0;
                 padding:0;
              width:450px;
			  text-align:left;
			  border-collapse: collapse; 
			  }
			  
table.locn td {margin:0;
            padding:5px 8px 5px 5px;
         	vertical-align:top;
			border:1px solid #D7D8D9;}	

table.locn  td.locncol1 {width:100px;font-weight:bold;}	

body#locations p.backtotop {margin:10px 0 10px 0;
            padding:0;}			  
			  
/*****************   News and Events   *************************************/
table.newslett {margin:0 0 15px 0;
                 padding:0;
              width:400px;
			  text-align:left;}
table.newslett td {margin:0;
                 padding:0;
              width:200px;
			  vertical-align:top;}	

/*****************  Alanfaulkner   *************************************/
img#suzukilogo  {float:right;
                 margin:0 0 15px 15px;
                 padding:0;
				 }
img.afwinner  {float:right;
                 margin:5px 0 15px 20px;
                 padding:0;
				width:200px; }

/*****************  Support Us   *************************************/
table.donateform {margin:0 0 7px 0;
                 padding:0;
              width:240px;
			  text-align:left;}
table.donateform td {margin:0;
                 padding:0;
              width:120px;
			  vertical-align:top;}	

img#cafbut {margin:0 0 7px 0;}			  
			  
/*****************  Useful Contacts   *************************************/
#maincontent h3.h3useful {margin:7px 0 0 0;
                 }  
/*****************  FAQ   *************************************/
ol#faqlist {margin:5px 0 15px 25px;
          padding:0;
		  font-size:1.1em;
          }
ol#faqlist li {margin:0 0 5px 0;
          padding:0;
		  }
ol#faqlist a {margin:0;
          padding:0;
		  }
		  
#maincontent h2.faqquestion {margin:10px 0 0 0;
               padding:0;
			   }		  
/*****************  Contact Us   *************************************/
table#enq {margin:5px 0 0 0;
   		   padding:0 0 0 0px;
		   width: 460px;
           font-weight: bold;
		   }

table#enq td.lbl {margin:0;
       		     padding:0;}

table#enq td.reqdlbl {margin:0px;
                      padding:10px 0 0 80px;
                      vertical-align:middle;}

table#enq input {margin:0;
                 padding:0;
                 width:130px;}

table#enq textarea {margin:0;
                padding:0;
                width:360px;}

#submit {margin:0;
        padding:15px 0 10px 76px;
		font-size: 1.1em;}

#error {margin:0;
       padding:10px 0 10px 76px;
	   font-size: 1.1em;}

#confirm {margin:0px;
       padding:10px 0 10px 76px;
       font-weight:bold;
	   font-size: 1.1em;}
	   
/*****************    footer   *************************************/
#footer {clear:both;
		 margin:0 0 0 29px;
         padding:30px 0 0 0;
		 width:678px;
         height:20px;
         font-size: 1em;}

#pleft {float:left;
		margin:0;
        padding:5px 0 0 0;
        height:25px;}
		
.pcentre {float:left;
		margin:0;
        padding:5px 0 0 30px;
        height:25px;}
		
#pright {float:right;
		 margin:0;
         padding:5px 0 0 0;
         height:25px;}