html {

}

body{ 
color:#FFFFFF;
	
}
	



.style1 {

    color: #FFFFFF;

    font-style: italic;

    font-weight: bold;

}

.style2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#00FFFF; margin-left:5px; margin-right:5px;}

.style3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #FFFF99; margin-left:5px; margin-right:5px;}

.style4 {font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 18px;  margin-left:5px; margin-right:5px;}

.style5 {color: #FF9999}
.style6 {color: #0000CC;
background-image:url('videos.JPG');
font-size:18px;
color:#FFFFFF;
font-style:normal; font-variant:normal; font-weight:normal


}
.style8 {color: #FFFFFF;
background-image:url('videos.JPG');
font-size:15px;
color:#FFFFFF;
font-style:normal; font-variant:normal; font-weight:normal}



.style25 {    color: #FFFF99;
    font-family: "Comic Sans MS", Sans-Serif, Arial;
}


.main_menu ul {
  list-style: none;    /* no list bullets                        */
  margin: 0px;         /* don't try to indent lists              */
  padding: 0px;        /* don't try to indent lists              */
  background:  #3B0100;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;

  height:30px;
  vertical-align:middle;

  
  
}

/* top level menu items */
.main_menu li {
  padding-top:5px;
  position: relative;  /* makes this a containing block          */
  float: left;         /* align menu horizontally                */
  width:105px;          /* make each item the same width          */
  background: #3B0100 url(bg_menu.gif) no-repeat ;
  height:28px;

}

/* second level menu container */
.main_menu ul ul {
  border: 1px solid black;
  display: none;       /* don't show this menu by default        */
  position: absolute;  /* use absolute positioning for submenu   */
  top: 100%;           /* display directly under menu bar        */
  background: #990000;
  text-align:left;
  vertical-align:middle;  

}

/* second level menu items */
.main_menu li li {
  background: #EA6855;
  float: none;            /* makes this list a vertical one      */
  width: 8em;             /* our second level menus are wider    */
  padding:1px;

  
}

/* position third level menu container */
.main_menu ul ul ul { top: 0px; left: 100%; }

/* make the anchor fill the li */
.main_menu li a, a:visited { padding: 3px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold;}

/* highlight effect on hover */
.main_menu li a:hover {color: #FFFF00; text-decoration:none;  font-size:12px; font-weight:bold;}

/*
 * The magic which shows the menus. The > selector selects only an
 * immediate child. So this selector says 'The ul directly below the
 * li being hovered over'.
 */
.main_menu li:hover > ul { display: block; }

/* clear the floated elements */
.main_menu ul:after { 
  content: ".";
  display: block;
  height: 0;
  clear: both; 
  visibility: hidden;
}

.main_menu li { behavior: url('/IEmenus.htc'); }
/* END MAIN MENU*/




#footer_menu{ background:url(footer2.jpg) repeat-x; width:100%; height:62px; color:#FF6633; text-align:center; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; margin-top:10px; font-size:14px; font-weight: normal; padding-top:10px;}

#footer_menu a{ padding:4px; font-size:14px; font-weight:normal;}
#footer_menu a,a:visited{ color:#FFFFFF; text-decoration:none;}
#footer_menu a:hover{ color:#FFFF00; text-decoration: underline;}


#g_search{ padding:20px; z-index:1000; float:right;}

p a:visited{ color:#000099; text-decoration:underline;}

#new-table a{ color:#FFFFFF;}
td #new-table , #new-table { color:#FFFFFF;}

