html {/* overflow: -moz-scrollbars-vertical; */ min-height: 100.1%; height: 100.1%;}

body
     { background-color: #FFFFFF;
       margin: 0px 0px 0px 0px;
       color: #000099;
       font-family: verdana, arial, sans-serif;
       font-size: 1em; /* was 1em */
     }
h1 { padding-bottom: 0px;}
h2 { padding-bottom: 0px;}
	 
img {border: none;}
 
TABLE {
	FONT-family:  verdana,  arial, sans-serif;
	COLOR: #000099; background-color: inherit;
	font-size: 12px; /* was 1em */
  }
  
A:link { text-decoration: none;
/* COLOR: #000099; */ /* navy */ 
} 
A:visited { text-decoration: none;
/* COLOR: #000099; */  /* navy */ 
} 
A:active { text-decoration: none;
/* COLOR: #000099;  */ /* navy */ 
} 
A:hover { text-decoration: none;
COLOR: #FF6347; /* tomato */  
background-color: inherit;
} 


p {
  padding-top: 2px;
  }
  
#outer {width: 720px; 
       margin-left:auto; margin-right:auto; 
       background-color:#FFFFFF; color: inherit;
     }
	 

#google { width: 229px;  height: 100px;
            float: left; 
			background-color:inherit; 
			color: inherit;
			position: relative;font-size:14px;
			/*text-align: left;*/
}

#splashstuff {width:324px; float: left; text-align: center; }
#rightlogo { width: 167px; float: right; text-align: right; margin-top: 15px;}
	 
#midriff1 {width: 720px; background-image: url("images/extra.jpg"); background-position: left; background-repeat:repeat-y;  margin-left:auto; margin-right:auto; }
#midriff2 {width: 100%; background-image: url("images/extra-right.jpg"); background-position: right; background-repeat:repeat-y; }
#menudiv { width: 129px; text-align: center; float: left; position: relative;}
#midside { width: 524px; float: left; position: relative;}
#rightside {width: 67px; float: right;}
#bottom {width: 720px; 
       margin-left:auto; margin-right:auto; 
        background-color: #5151FF;
        color: inherit;
     }
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
} 
    
.contactform { padding: 0px; font-family: verdana, Arial, sans-serif; }

/* here for google form */

.google {margin-top: 10px;padding: 0;font-family: verdana, Arial, sans-serif;}

form { padding: 15px; font-family: verdana, Arial, sans-serif; }
input, textarea, select { padding: 0px; font-family: verdana, Arial, sans-serif; font-size: 12px; color: #000099; background-color: #F0FFFF; }
.form {  padding: 0px;  background-color: #F0FFFF; Color: #000099; font-family: verdana, Arial, sans-serif; font-size: 12px; }
.formbutton {  padding: 0px; background-color: #F0FFFF; color: #000099; font-family: verdana, Arial, sans-serif; font-size: 10px; font-weight: bold;}
 

.content {
     /*background-color: inherit; */
	 padding-top: 15px;
     width: 100%;padding-bottom: 10px;
     font-family: verdana, arial, sans-serif;
 	 font-size: 0.8em;
     text-align: justify;
	 }	

.content ul { padding-top: 5px; padding-bottom: 5px;}

.content li { padding-top: 5px; padding-bottom: 5px; padding-right: 15px;
	font-size: 1em;
	font-family: verdana, arial, sans-serif;
	color: inherit; background-color: inherit;
	text-align: left;
}

.content h3 {padding: 0px; font-size: 130%;}
.content h2 { padding: 0px; font-size: 150%;}	
.content h1 { padding: 0px; font-size: 150%;}	  
  
.content p {
    text-align: justify;
	padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 15px; 	
    }

.content a:link { text-decoration: none;
 font-weight: bold;
 COLOR: #FF6347; /* tomato */  background-color: inherit;
} 
.content a:visited { text-decoration: none;
 font-weight: bold;
 COLOR: #FF6347;  /* tomato */ background-color: inherit; 
} 
.content a:active { text-decoration: none;
 font-weight: bold;
 COLOR: #FF6347;   /* tomato */  background-color: inherit; 
} 
.content a:hover { text-decoration: none;
 font-weight: bold;
 COLOR: #000099;  /* navy */ background-color: inherit; 
} 
   
.undertop {
     background-image: url("images/extra-bottom.jpg");
	 width: 100%; 
	 height: 37px;
	 vertical-align: top;
	 color: #FF6347; /* tomato */ background-color: inherit; 
	 font-family: verdana,arial,sans-serif;
	 font-size: 20px;
	 font-weight: bold;
	 }
	 
.leftside {
     background-image: url("images/extra.jpg");
     width: 129px;
	 vertical-align: top;
	 }

.rightside {
     background-image: url("images/extra-right.jpg");
     width: 67px;
	 vertical-align: top;
	 }
.midside {
     background-color: #FFFFFF; color: inherit;
     width: 524px; 
     vertical-align: top;	 
      }
.nothing {height: 10px; padding:0; margin:0;
          width: 129px;
         }

.onbutton { 
      line-height: 20px;
      margin-top: 1px;  
      background-image: url("images/button.gif");
	  background-position:left; 
	  background-repeat: no-repeat;
      padding-top: 1px;
	  height: 28px;
      width: 129px;
	  font-size: 12px;
	  font-weight: bold;
	  /*color: #F0FFFF;  background-color: inherit;*/
	  text-align: left;
	  padding-left: 12px; 
       }
	   	  
.onbutton a:link { text-decoration: none;
     COLOR: #F0FFFF;  /* azure */ background-color: #5151FF;
	 } 
.onbutton a:visited { text-decoration: none;
     COLOR: #F0FFFF;  /* azure */ background-color: #5151FF;
	 } 
.onbutton a:active { text-decoration: none;
     COLOR: #F0FFFF;  /* azure */ background-color: #5151FF;
	 } 
.onbutton a:hover { text-decoration: none;
     COLOR: #FF6347; /* tomato */ background-color: #5151FF;
	 } 


	 
.counter { 
      background-color: #5151FF;
	  height: 34px;
      width: 240px;
	  vertical-align: middle;
	  text-align: center;
	    font-size: 10px; font-weight: bold;
		color: #F0FFFF;
       }
	 
.counter a:link {color: #F0FFFF; text-decoration: none; background-color: inherit;}
.counter a:visited {color: #F0FFFF;  text-decoration: none; background-color: inherit;}
.counter a:active {color: #F0FFFF;  text-decoration: none; background-color: inherit;}
.counter a:hover {color: #FF6347;  text-decoration: none; background-color: inherit;}

 
.copyright { 
      background-color: #5151FF;
	  height: 34px;
      width: 240px;
	  font-size: 10px;
	  color: #F0FFFF;  /* azure */
	  vertical-align: top;
	  text-align: left;
	 /* padding-left: 12px; */
       }
	   
.copyright a:link { text-decoration: none;
     COLOR: #F0FFFF;  /* azure */ background-color: inherit;
	 } 
.copyright a:visited { text-decoration: none;
     COLOR: #F0FFFF;  /* azure */ background-color: inherit;
	 } 
.copyright a:active { text-decoration: none;
     COLOR: #F0FFFF;  /* azure */ background-color: inherit;
	 } 
.copyright a:hover { text-decoration: none;
     COLOR: #FF6347; /* tomato */ background-color: inherit;

	 } 
.hosting { 
      background-color: #5151FF;
	  height: 34px;
      width: 240px;
	  font-size: 10px;
	  color: #F0FFFF;  /* azure */
	  vertical-align: top;
	  text-align: right;
	 /* padding-right: 12px; */
       }
	   
.hosting a:link { text-decoration: none;
     COLOR: #F0FFFF;  /* azure */ background-color: inherit;
	 } 
.hosting a:visited { text-decoration: none;
     COLOR: #F0FFFF;  /* azure */ background-color: inherit;
	 } 
.hosting a:active { text-decoration: none;
     COLOR: #F0FFFF;  /* azure */ background-color: inherit;
	 } 
.hosting a:hover { text-decoration: none;
     COLOR: #FF6347; /* tomato */ background-color: inherit;
	 } 
.topstuff { 
	   height: 100px;
	   background-color: #5151FF;
	   color: #F0FFFF;  /* azure */
     }	   


 
.image_in_left {
 float: left; /* positionning of the drop cap line within the container*/
 margin: 0px;
 padding: 5px; 
   }

.image_in_right {
 float: right; /* positionning of the drop cap line within the container*/
 margin: 0px;
 padding: 5px; 
  }
  
.avatars { 
width: 130px;
text-align: center;
font-size: 9px;
font-weight: normal;
color: #000099; background-color: inherit;
   }
   
.avatars a:link { text-decoration: none;
width: 130px;
text-align: center;
font-size: 9px;
font-weight: normal;
color: #000099; background-color: inherit;
   }
   
.avatars a:visited { text-decoration: none;
width: 130px;
text-align: center;
font-size: 9px;
font-weight: normal;
color: #000099; background-color: inherit;
   }
.avatars a:active { text-decoration: none;
width: 130px;
text-align: center;
font-size: 9px;
font-weight: normal;
color: #000099; background-color: inherit;
   }
.avatars a:hover { text-decoration: none;
width: 130px;
text-align: center;
font-size: 9px;
font-weight: normal;
color: #FF6347; background-color: inherit;
   }
   
   
   
  /* for placement of the webado button at the top of the page in case it is slow loading*/
 #webadodiv { 
z-index:1;
   position:absolute; 
   left: 50%; 
   top: 15px; 
   width: 64px; 
   height: 100px; 
   margin-left: 360px; 
}

/* not used except for halloween */
#spiderdiv {background-image: url(images/spiderdrop2.gif); visibility:hidden; 
   z-index: 1;
   position:absolute; 
   left: 50%; 
   top: 84px;  
   width: 100px; 
   height: 100px; 
   margin-left: 360px; 
}

/* we load this at the end so bots get to ti last */
#translation {z-index: 1; 
      position:absolute; 
	  left: 50%;    
	  top: 137px; 
      margin-left: 292px;
}

.onbutton2 { 
      line-height: 20px;
      margin-top: 1px;  
      background-image: url("images/button.gif");
	  background-position:left; 
	  background-repeat: no-repeat;
      padding-top: 1px;
	  height: 28px;
      width: 129px;
	  font-size: 12px;
	  font-weight: bold;
	  text-align: left;
	  padding-left: 5px; 
       }

.english {
    text-align: center;
	font-size: 16px;  /* was 1em */	
	font-weight : bold;
	font-family: "comic sans ms", verdana, arial, sans-serif;
    color: #FF6347; /* tomato */ background-color: #5151FF;
    }
.english a {
    color: #FF6347; /* tomato */ background-color: #5151FF;
	text-decoration: none;
	}
.english a:hover {
	font-style: italic;
	}
	
.french {
    text-align: center;
	font-size: 16px;  /* was 1em */	
	font-weight : bold;
	font-family: "comic sans ms", verdana, arial, sans-serif;
    color: #00FFFF;  /* cyan */  background-color: inherit;
    }
.french a {
    color: #00FFFF;  /* cyan */  background-color: inherit;
	text-decoration: none;
	}

.french a:hover {
	font-style: italic;
    color: #00FFFF;  /* cyan */  background-color: inherit;
	}

.emailform0 {   /* for the main table in the email form */
                /*border-collapse: collapse;  */
			 border-color: #000000;
/*			 cellpadding: 5px; */
/*			 cellspacing: 1px; */
			 border: 1px;
}
.emailform1 { height: 29px;
            /* background-image: url("form-images/tile_back.gif"); */
             background-color: #5151FF; color: inherit;
            /* border-color: #FFFFFF; */
			 text-align: center;
			 vertical-align: middle;
			 }
			 
.emailform1 h2 { padding-bottom: 0px; color: #FFFFFF; background-color: inherit;}
			 

.emailform2 { height: 29px;
             background-image: url("form-images/tile_sub.gif");
             background-color: #B5CBEF; color: inherit;
           /*  border-color: #FFFFFF; */
			 text-align: center;
			 vertical-align: middle;
			 }

.emailform3 { height: 29px;
             background-color: #D6DFEF; color: inherit;
           /*  border-color: #FFFFFF; */
			 text-align: left;
			 vertical-align: middle;
			 }

.emailform4 {
             height: 29px;
             background-color: #EFF3F7; color: inherit;
          /*   border-color: #FFFFFF; */
			 text-align: left;
			 vertical-align: middle;
			 }
.marquee {
          /* background-color: #5151FF; */
          /* WIDTH: 99%; HEIGHT: 23px; */
		   font-family: "Comic Sans MS",helvetica, sans-serif;
		   font-size: 12px;
		   font-weight: bold;
		   color: #FF6347; background-color: inherit;
         }	 		 
		 
.jukebox { width: 95%;
           background-color: #5151FF;
		   text-align: center; 
		   vertical-align: middle;
		   font-family: "Comic Sans MS", helvetica, sans-serif;
		   font-size: 12px;
		   font-weight: bold;
		   color: #FF6347;
         }	 

.song {color: #FF6347; background-color: inherit;}

.llheader1 {background-color: #009999; color: #ffffff;}
.llheader2 {background-color: #CCCCCC; color: #000000;}

.badges { padding-left: 12px;padding-top:50px;}