/* ======================================= */
/*   Main Section                          */

body
  {background-color: #000000;
   background-image: url("gradbakhome.jpg");
   background-repeat: repeat-x;
   }

body.contact
  {background-color: #000000;
   background-image: url("gradbakhome.jpg");
   background-repeat: repeat-x;
   }

.nodisplay 
  {display:none}
.blink
  {text-decoration:blink}

/* - - - - - - - - - - - - - - - - - */

div.upleft
  {position: relative;
   top: 10px; left: -90px;}

div.upright
  {position: absolute;
   top: 10%; right: 10%}

div.dnleft
  {position: absolute;
   bottom: 10%; left: 10%}

div.dnright
  {position: absolute;
   bottom: 10%; right: 10%}



div.family
  {position: absolute;
   top: 45%; left: 19%}

div.mototrips
  {position: absolute;
   top: 58%; left: 22%}

div.search
  {position: absolute;
   top: 80%; left: 25%}

div.links
  {position: absolute;
   top: 80%; left: 43%}

div.outset
  {position: relative;
   top: 400px; left: 20px}

div.contactcontainer
  {width: 800px;
   height:600px;
   background-image: url("emailcontainer.gif");
   background-repeat: no-repeat;
   }

div.container
  {
   width: 800px;
   height:600px;
   background-image: url("homecontainer.gif");
   background-repeat: no-repeat;
   }

div.divwindow
  {position: relative;
   top:  32%;
   left:-10%;
   }

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:390px;
  }
  
a.mn1 
  {
   background:url('optmt.gif') no-repeat;
   width:390px; 
   height:57px;
   display:block;
   padding:0 0 0 0;
   }

a.mn1:hover
  {
   background-position: 0px -56px;
   padding:0 0 0 0;
  }

a.mn2 
  {
   background:url('optint.gif') no-repeat;
   width:390px; 
   height:57px;
   display:block;
   padding:0 0 0 0;
   }

a.mn2:hover
  {
   background-position:0px -56px;
   padding:0 0 0 0;
  }

a.mn3 
  {
   background:url('optlnk.gif') no-repeat;
   width:390px; 
   height:57px;
   display:block;
   padding:0 0 0 0;
   }

a.mn3:hover
  {
   background-position:0px -56px;
   padding:0 0 0 0;
  }

a.mn4 
  {
   background:url('opteml.gif') no-repeat;
   width:390px; 
   height:57px;
   display:block;
   padding:0 0 0 0;
   }

a.mn4:hover
  {
   background-position:0px -56px;
   padding:0 0 0 0;
  }


table.outsethold
  {border-style: outset;
   border-color: red;
   }


/* - - - - - - - - - - - - - - - - - - - */

/* ======================================= */
/*   Bold Section                          */

b.t01
  {font-family: arial, "sans serif", courier;
   font-weight: bold;
   color: #aa0000; font-size: 250%}  

b.t01j
  {font-family: arial, "sans serif", courier;
   font-weight: bold;
   font-style: italic;
   color: #aa0000; font-size: 200%}  

b.t02
  {font-family: arial, "sans serif", courier;
   font-weight: bold;
   font-style: italic;
   color: #0000aa; font-size: 125%}  

b.t02a
  {font-family: arial, "sans serif", courier;
   font-weight: bold;
   font-style: italic;
   color: #004000; font-size: 125%}  

b.t03
  {font-family: arial, "sans serif", courier;
   font-weight: bold;
   font-style: italic;
   color: #0000aa; font-size: 150%}  

b.t04
  {font-family: arial, "sans serif", courier;
   font-weight: bold;
   font-style: italic;
   color: #0000aa; font-size: 125%}  

b.t05
  {font-family: arial, "sans serif", courier;
   font-weight: bold;
   font-style: italic;
   color: black; font-size: 125%}  
   
b.hd
  {font-family: arial, "sans serif", courier;
   color: #aa0000;
   font-size: 120%;
   font-weight: bold;
   text-indent: 1.5em}

b.fm
  {font-family: arial, "sans serif", courier;
   color: #aa0000;
   font-size: 120%;
   font-weight: bold;
   text-indent: 0.0em}
 
b.bd
  {font-family: arial, "sans serif", courier;
   color: #000000;
   font-weight: bold;
   font-size: medium;}
   
b.fmc
  {font-family: arial, "sans serif", courier;
   color: #000000;
   font-size: 120%;
   font-weight: bold;
   text-indent: 0.0em}

b.bdc
  {font-family: arial, "sans serif", courier;
   color: #000000;
   font-weight: bold;
   font-size: medium;}  

b.bul1
  {font-family: arial, "sans serif", courier;
   color: #000000;
   font-weight: bold;
   font-size: medium}  

b.con
  {font-family: arial, "sans serif", courier;
   font-weight: bold;
   font-style: italic;
   color: #000000; font-size: 125%}  

b.i1hd
  {font-family: arial, "sans serif", courier;
   color: #aa0000;
   font-size: 125%;
   font-weight: bold;
   }
b.i2hd
  {font-family: arial, "sans serif", courier;
   color: #0000aa;
   font-size: 100%;
   font-weight: bold;
   }

b.i1
  {font-family: arial, "sans serif", courier;
   color: #000000;
   font-size: 100%;
   font-weight: bold;
   text-indent: 1.5em}


/* ======================================= */
/*   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:200px;
   padding:0;
   margin:0; 
   list-style-type:none;}

a.menu1 
  {display:block;
   width:10em;height:1em;
   text-decoration:none;
   text-align: center;
   font-family: blackadder itc, arial, "sans serif", courier;
   font-weight: bold;
   font-size: 200%;
   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
  { }
