/* ======================================= */
/*   Main Section                          */


body
  {background-color: #000000;
   background-image: url("gradbakhome.jpg");
   background-repeat: repeat-x;
   }
   
.nodisplay 
  {display:none}
.blink
  {text-decoration:blink}

/* - - - - - - - - - - - - - - - - - */

div.title
  {position: absolute;
   top: 10%; left: 5%;}

div.biker
  {position: absolute;
   bottom: 11%; left: 8%}


div.outset
  {position: absolute;
   top: 40%; left: 45%}
   
div.container
  {
   width: 800px;
   height:600px;
   background-image: url("tripscontainer.gif");
   background-repeat: no-repeat;
   }

div.divwindow
  {position: relative;
   top:  32%;
   left: 120px;
   }

ul.mn
  {
   padding-left: 0;
   padding-top: 0;
   padding-right: 0;
   padding-bottom: 0;
   margin-left: 0;
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 0;
   list-style-type:none;
   }

li.mn
  {
   width:459px;
  }
  
a.mn1 
  {
   background:url('mtmn01.gif') no-repeat;
   width:459px; 
   height:41px;
   display:block;
   padding:0 0 0 0;
   }

a.mn1:hover
  {
   background-position: 0px -40px;
   padding:0 0 0 0;
  }

a.mn2 
  {
   background:url('mtmn02.gif') no-repeat;
   width:459px; 
   height:41px;
   display:block;
   padding:0 0 0 0;
   }

a.mn2:hover
  {
   background-position:0px -40px;
   padding:0 0 0 0;
  }

a.mn3 
  {
   background:url('mtmn03.gif') no-repeat;
   width:459px; 
   height:41px;
   display:block;
   padding:0 0 0 0;
   }

a.mn3:hover
  {
   background-position:0px -40px;
   padding:0 0 0 0;
  }

a.mn4 
  {
   background:url('mtmn04.gif') no-repeat;
   width:459px; 
   height:41px;
   display:block;
   padding:0 0 0 0;
   }

a.mn4:hover
  {
   background-position:0px -40px;
   padding:0 0 0 0;
  }

a.mn5 
  {
   background:url('mtmn05.gif') no-repeat;
   width:459px; 
   height:41px;
   display:block;
   padding:0 0 0 0;
   }

a.mn5:hover
  {
   background-position:0px -40px;
   padding:0 0 0 0;
  }

a.mn6 
  {
   background:url('mtmn06.gif') no-repeat;
   width:459px; 
   height:41px;
   display:block;
   padding:0 0 0 0;
   }

a.mn6:hover
  {
   background-position:0px -40px;
   padding:0 0 0 0;
  }

a.mn99 
  {
   background:url('mtmn99.gif') no-repeat;
   width:459px; 
   height:41px;
   display:block;
   padding:0 0 0 0;
   }

a.mn99:hover
  {
   background-position:0px -40px;
   padding:0 0 0 0;
  }


table.outset
  {border-style: outset;}
  
/* ========================================= */
/*   Anchor Section                          */


a.theride
  {width:27.1em;
   height:3.5em;
   text-align:center;
   background: url("theride11.gif");
   background-repeat: no-repeat;}        

a.theride:hover
  {background: url("theride12.gif");
   background-repeat: no-repeat;}



a.theride2
  {width:24em;
   height:3.5em;
   text-align:center;
   background: url("theride21.gif");
   background-repeat: no-repeat;}        }

a.theride2:hover
  {background: url("theride22.gif");
   background-repeat: no-repeat;}



a.theride3
  {width:23.5em;
   height:3.5em;
   text-align:center;
   background: url("theride31.gif");
   background-repeat: no-repeat;}        }

a.theride3:hover
  {background: url("theride32.gif");
   background-repeat: no-repeat;}


a.home
  {width:6em;
   height:3.5em;
   text-align:center;
   background: url("home1.gif");
   background-repeat: no-repeat;}        

a.home:hover
  {background: url("home2.gif");
   background-repeat: no-repeat;}

/* ======================================= */
/*   List Section                          */

ul.menu
  {width:100%;
   padding:0;
   margin:0; 
   list-style-type:none;}

a.menu
  {width:6em;
   float:left;
   text-decoration:none;
   font-family: blackadder itc, arial, "sans serif", courier;
   font-weight: bold;
   color:white;
   background-color:#aa0000;
   padding:1px;
   border-right:1px solid;}

a.menu:hover
  {background-color:#ff0000}

li.menu
  {display:inline}

/* - - - - - - - - - - */

ul.menu1
  {width:100%;
   padding:0;
   margin:0; 
   list-style-type:none;}

a.menu1
  {width:17em;
   text-decoration:none;
   text-align: left;
   font-family: blackadder itc, arial, "sans serif", courier;
   font-weight: bold;
   font-size: 150%;
   color: #aa0000;
   background-color: #FFE87C;
   padding:2px;
   border-bottom:1px solid #123456;}

a.menu1:hover
  {background-color: #aa0000;
   color: #FFE87C;
}

li.menu1
  { }

/* - - - - - - - - - - */

ul.menu2
  {width:100%;
   padding:0;
   margin:0; 
   list-style-type:none;}

a.menu2
  {width:20em;
   text-decoration:none;
   text-align:left;
   font-family: blackadder itc, arial, "sans serif", courier;
   font-weight: bold;
   color:white;
   background-color:#aa0000;
   padding:1px 1px 1px 2em;
   border-bottom:1px solid;}

a.menu2:hover
  {background-color:#ff0000}

li.menu2
  { }

