/*
Colours to be used:
Text - #335f00 - Can-Am Green
*/
		body {  /* The WHOLE screen */
			font: 90% arial, helvetica, sans-serif;
			color: #335f00; /* Default body text color ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			background: white;
			background-image: url("../Images/background-image-01.jpg");
			margin: 5px;
		}
		
		h2 {
			font-size: 1.5em;
			color: inherit;
		}
		
		h3 {
			font-size: 1.1em;
			color: inherit;
		}

    table, tr, td {
			font: inherit;
    }

		#container {
		/* The area of the screen that contains the actual web page */
			position: relative;
			width: 1024px;
			border: solid #335f00; /* Default thin border around the whole page +++++++++++++++++++++++++++++++++++++++++++++ */
			border-width: 4px;
			margin: auto;
		}
		
		#header {
			background: #335f00;
			background-image: url("../Images/title-header-7.jpg");
			background-repeat: no-repeat;
			height: 88px;
			width: 1024px;
		}
    #bike-image {
		  width: 128px;
			height: 84px; 
			float: right;
	  }	
		
		#banner-words { /* Banner has to be 1024 by 60 pixels */
      position: relative;
	    top: 0em;
	    left: 0em;
    }
	
		#navigation {
			position: absolute;
			top: 88px;
			left: 4px;
			width: 150px;
			color: #335f00; /* color of the text in the Navigation block */
		}
		
		#navigation ul {
      margin: 0em 0em 0em 0em;
			padding: 0;
/*			colour: #0066cc; /* color of the normal text in an unordered list ++++++= */
			list-style: none;
      line-height: 100%;
		}
    
  	#navigation ul a {
			color: #335f00; /* color for links on the Menu not already visited  +++++++ */
			display: table-cell;
      width: 150px;
      background: white;  /* Background colour of the clickable Menu links block ++++++++++++++++++++++++++++++++++++ */
			padding: 5px 5px 5px 5px;  /* Space inside the box to the text  */
			margin: 0px 0px 0px 0px;  /* Space outside the box, left and right should be the same */
    }
	
		#navigation a:visited {
	    color: #335f00;  /* Color for visited links on the Menu ++++++++++++++++++++ */
		}
		
		#navigation a:hover {
		  color: white;
			background: #335f00;  /* Background colour for Menu Links Hover +++++++++++++++++++++++++++++++++++++++++++++++++ */
		}
		
		#rules-list-style-number ol li {
      list-style-type: decimal;
    }

    #navigation2 {
		  position: absolute;
			top: 150px;
			left: 0;
			width: 150px;
		}
		
		#content {
			background: white;
      min-height: 450px; /* Sets the minimum height of the page so the Menu doesn't extend beyond a short page ++++++++ */
			padding: 1px 20px 1px 20px;
			border-left: 150px solid white; /* Background colour of the Menu Block itself +++++++++++++++++++++++++++++++++ */
		}

    #LinksTable td a {
      color: white;
      text-decoration: none;
      display: table-cell;
      width: 300px;
      background: #0033cc;
      padding: 5px;
      margin: 0px;
    }
    
		#LinksHeading td a {
      color: white;
      text-decoration: none;
      display: table-cell;
      width: 300px;
      background: #0033cc;
      padding: 5px;
      margin: 0px;
		}
		
    #LinksTable a:hover {
      background: #0099cc;
    }

    #link-no-border a {
      border-color: white;
    }
    
    #image-right150 {
      width: 150px;
      float: right; 
      background: white;
      padding: 0px;
      margin: 5px;
      text-align: center;
    }

    #image-left150 {
      width: 150px;
      float: left; 
      background: white;
      padding: 0px;
      margin: 10px;
      text-align: center;
    }

    #image-right200 {
      width: 200px;
      float: right; 
      background: white;
      padding: 0px;
      margin: 5px;
      text-align: center;
    }

    #image-left200 {
      width: 200px;
      float: left; 
      background: white;
      padding: 0px;
      margin: 10px;
      text-align: center;
    }

    #image-right250 {
      width: 250px;
      float: right; 
      background: white;
      padding: 0px;
      margin: 5px;
      text-align: center;
    }

    #image-left250 {
      width: 250px;
      float: left; 
      background: white;
      padding: 0px;
      margin: 10px;
      text-align: center;
    }

    #image-right260 {
      width: 260px;
      float: right;
      background: white;
      padding: 0px;
      margin: 5px;
      text-align: center;
    }

    #image-right300 {
      width: 300px;
      float: right;
      background: white;
      padding: 0px;
      margin: 5px;
      text-align: center;
    }
    
    div.image-center650 {
      width: 825px;
      float: center; 
      background: white;
      padding: 0px;
      margin: 5px;
      text-align: center;
    }

    #google-right300 {
      width: 300px;
      float: right;
      background: white;
      padding: 0px;
      margin: 5px;
      text-align: center;
    }
    
    #ordered-list-spacing {
      line-height: 1;
    }       
    		
		#footer {
		  clear: left;
			background: white;
		}
		
		#footer p {
		  margin: 0;
		}
		
		#banner-words {
      position: relative;
	    top: 0em;
	    left: 0em;
    }