.main_body{
        background-repeat:no-repeat; 
        background-image:url(http://www.vmfl.ca/gifs_jpegs/header_rotate00.jpg);
        // The above background image should be a plain image the same color as your page background     
}

#foundation
     {
      background-color:#fff;
      margin: 0;
      width: 960px;
      padding: 0px ;
      text-align: left;
	  //border: 0px #000 solid;
     }  

body {font-size: 0.8em ;
      font-family: Verdana, Arial, Helvetica, sans-serif;
	  color: #000;
	  line-height: 1.4em;
	  //background-repeat:repeat-x; 
      background:url(http://www.vmfl.ca/gifs_jpegs/background.jpg) repeat-x 40% 0;
	  background-color:#fff;
	  float:none;
	  padding:0;
	  border:0;
     }

img.floatl 
     { 
      float: left; 
      margin: 0px 2px 0px 0px;
      border: 1px #000 solid; 
      }
      
img.floatr 
     { 
      float: right; 
      margin: 0px 0px 0px 2px;
      border: 1px #000 solid; 
      }
      
#header_main 
     {
	  float: left;
	  width: 720px;
	  height: 120px;
     }      
     
     
    

   
table.full
     {
      width: 960px;
      text-align: left;
	  padding: 0;
	  border:0;
	  background-color:#FFF;
       }
table.fullb
     {
      width: 960px;
      text-align: left;
	  padding: 0;
	  border:0;
	  background-color:#000;
       }      
	  
table.fullhead
     {
      width: 960px;
      text-align: left;
	  padding: 0;
	  background-color:#0000ff;
	 }

tr
     {
      vertical-align: top 
	  }    
	  
td.sidebar
   {
	 //background-color:#e2feff ;
	 background:url(http://www.vmfl.ca/gifs_jpegs/background_sidebar.png)  repeat  ;
	 padding:0;
   }

   
.teams td
   {
     background:url(http://www.vmfl.ca/gifs_jpegs/background_sidebar2.png)  repeat  ;
	 // bgcolor:#e2feff ;
   }   

.heading {
	font-size: 1.4em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 10px 10px 10px ;
	
}

.subheading {
	font-size: 1.1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 10px 10px 10px ;
	
}

.reg
    {
	font-size: .8em ;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 10px 10px 10px ;
	}

.regbold
    {
	font-size: .8em ;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 10px 10px 10px ;
	}
	
.regboldred
    {
	font-size: .8em ;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-color: #ff0000;
	margin: 0px 10px 10px 10px ;
	}
		
.smallbold
    {
	font-size: .6em ;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 10px 10px 10px ;
	}

.small
{
	font-size: .6em ;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 10px 0px 10px ;
	
}

.list {
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 5px 0px 20px ;
	}

.listbold {
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 5px 0px 20px ;
	}


/* section styles  */
     /* formerly 990066 */
      .small A:active      {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .small A:link        {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .small A:visited     {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .small A:hover       {color: #0099ff; font-weight: bold;   text-decoration: none;}

      .reg A:active      {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .reg A:link        {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .reg A:visited     {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .reg A:hover       {color: #0099ff; font-weight: bold;   text-decoration: none;}

      .regbold A:active      {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .regbold A:link        {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .regbold A:visited     {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .regbold A:hover       {color: #0099ff; font-weight: bold;   text-decoration: none;}
      
      .regboldred A:active      {color: #ff0000; font-weight: bold;   text-decoration: none;}
      .regboldred A:link        {color: #ff0000; font-weight: bold;   text-decoration: none;}
      .regboldred A:visited     {color: #ff0000; font-weight: bold;   text-decoration: none;}
      .regboldred A:hover       {color: #800517; font-weight: bold;   text-decoration: none;}

      .list A:active      {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .list A:link        {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .list A:visited     {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .list A:hover       {color: #0099ff; font-weight: bold;   text-decoration: none;}
      
      .subheading A:active      {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .subheading A:link        {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .subheading A:visited     {color: #0000ff; font-weight: bold;   text-decoration: none;}
      .subheading A:hover       {color: #0099ff; font-weight: bold;   text-decoration: none;}

      


/* menubar */
/* code from www.tanfa.co.uk/css/examples/menu/tutorial-h.asp#hs2 */


#menu a, #menu h2, #menu ul 
      {
       font: bold 12px/16px arial, helvetica, sans-serif;
       text-indent: 5px;  
       display: block;
       margin: 0px;
       padding: 3px 0px;
       text-align: left;
      }
	  
	  
#menu {
       width: 100%;
       height: 30px ;
       float: left;
      }

	  
#menu ul
      {
       list-style: none;
       width: 130px;
       height: 30px ;
       float: left;
      }

#menu h2 
      {
       color: #fff;
       padding: 0px;
	  
      }
	  
	  
#menu li 
      {
       position: relative;
       padding: 3px 2px;
       background-color:#000;
      }

#menu li li
      {
       position: relative;
       padding: 3px 2px 0px 15px;
       background-color:#000;
	   width: 130px;
      }
#menu ul ul 
      {
       position: absolute;
       z-index: 500;
       text-align: left;
      }

#menu ul ul ul 
      {
       top: 5;
       left: 85%;
       text-align: left;
      }

#menu ul ul ul ul
      {
       top: 5;
       left: 85%;
       text-align: left;
      }	  
	  
	  
	  
	  




#menu a 
      {
       color: #fff;
       text-decoration: none;
	   padding: 0px ;
      }
	  
#menu li li a 
      {
       color: #fff;
       text-decoration: none;
	   padding: 3px ;
      }

#menu a:hover 
      {
       color: #0099ff;
      }


                              /* positioning of drop down menus */


			 

                             /*  hiding lower levels of menu */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul 
      {
       display: none;
      }

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul
      {
       display: block;
      }