/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menu0 {float:left; width:10px; z-index: 100;  vertical-align: middle; }
#menu1 {float:left; width:60px; z-index: 100;}
#menu2 {float:left; width:140px; z-index: 100;}
#menu3 {float:left; width:94px; z-index: 100;}
#menu4 {float:left; width:86px; z-index: 100;}
#menu5 {float:left; width:137px; z-index: 100;}
#menu6 {float:left; width:68px; z-index: 100;}
#menu7 {float:left; width:100px; z-index: 100;}
#menu8 {float:left; width:105px; z-index: 100;}
#menu9 {float:left; width:70px; z-index: 100;}

/* common styling */
.menu1 ul,
.menu2 ul,
.menu3 ul,
.menu4 ul,
.menu5 ul,
.menu6 ul,
.menu7 ul,
.menu8 ul,
.menu9 ul
{ padding:0; margin:0; list-style: none; }

.menu1 ul li,
.menu2 ul .li2,
.menu3 ul .li2,
.menu4 ul .li2,
.menu5 ul .li2,
.menu6 ul .li2,
.menu7 ul .li2,
.menu8 ul .li2,
.menu9 ul .li2
{ float:left; position:relative; height: 31px; }

.menu1 ul li,
.menu2 ul li,
.menu3 ul li,
.menu4 ul li,
.menu5 ul li,
.menu6 ul li,
.menu7 ul li,
.menu8 ul li,
.menu9 ul li
{ float:left; position:relative; }

.menu1 ul li ul,
.menu2 ul li ul,
.menu3 ul li ul,
.menu4 ul li ul,
.menu5 ul li ul,
.menu6 ul li ul,
.menu7 ul li ul,
.menu8 ul li ul,
.menu9 ul li ul
{ display: none; }

/* specific to non IE browsers */
.menu1 ul li:hover a,
.menu2 ul li:hover a,
.menu3 ul li:hover a,
.menu4 ul li:hover a,
.menu5 ul li:hover a,
.menu6 ul li:hover a,
.menu7 ul li:hover a,
.menu8 ul li:hover a,
.menu9 ul li:hover a
{ color: #ffffff; }

.menu1 ul li:hover ul li a.hide,
.menu2 ul li:hover ul li a.hide,
.menu3 ul li:hover ul li a.hide,
.menu4 ul li:hover ul li a.hide,
.menu5 ul li:hover ul li a.hide,
.menu6 ul li:hover ul li a.hide,
.menu7 ul li:hover ul li a.hide,
.menu8 ul li:hover ul li a.hide,
.menu9 ul li:hover ul li a.hide
{ background:#FFFFFF; color:Black; }

.menu1 ul li:hover ul li:hover a.hide,
.menu2 ul li:hover ul li:hover a.hide,
.menu3 ul li:hover ul li:hover a.hide,
.menu4 ul li:hover ul li:hover a.hide,
.menu5 ul li:hover ul li:hover a.hide,
.menu6 ul li:hover ul li:hover a.hide,
.menu7 ul li:hover ul li:hover a.hide,
.menu8 ul li:hover ul li:hover a.hide,
.menu9 ul li:hover ul li:hover a.hide
{ background:#FFFFFF; color:Black; }

.menu1 ul li:hover ul li ul,
.menu2 ul li:hover ul li ul,
.menu3 ul li:hover ul li ul,
.menu4 ul li:hover ul li ul,
.menu5 ul li:hover ul li ul,
.menu6 ul li:hover ul li ul,
.menu7 ul li:hover ul li ul,
.menu8 ul li:hover ul li ul,
.menu9 ul li:hover ul li ul
{ display: none; }

.menu1 ul li:hover ul li a,
.menu2 ul li:hover ul li a,
.menu3 ul li:hover ul li a,
.menu4 ul li:hover ul li a,
.menu5 ul li:hover ul li a,
.menu6 ul li:hover ul li a,
.menu7 ul li:hover ul li a,
.menu8 ul li:hover ul li a,
.menu9 ul li:hover ul li a
{ display:block; background:transparent url(../images/opaque.png); color:Black; }

.menu1 ul li:hover ul li a:hover,
.menu2 ul li:hover ul li a:hover,
.menu3 ul li:hover ul li a:hover,
.menu4 ul li:hover ul li a:hover,
.menu5 ul li:hover ul li a:hover,
.menu6 ul li:hover ul li a:hover,
.menu7 ul li:hover ul li a:hover,
.menu8 ul li:hover ul li a:hover,
.menu9 ul li:hover ul li a:hover
{ background:#FFFFFF; color:Black; }


/* common styling */
.menu1 { width:114px; position:relative; font-family: Arial; top: 8px; font-size:14px; z-index:101; }
.menu1 ul li a, .menu1 ul li a:visited { width:114px; display:block; text-decoration:none; height:21px; text-indent:4px; text-align:left; color: White; border:0px solid #f8f8f8; line-height:20px; font-size:14px; overflow:hidden; }

/* specific to non IE browsers */
.menu1 ul li:hover ul { position:absolute; display:block; top:21px; left:0; width:114px; }
.menu1 ul li:hover ul li:hover ul { position:absolute; display:block; left:105px; top:0; }
.menu1 ul li:hover ul li:hover ul.left { left:-105px; }


/* common styling */
.menu2 { position:relative; width:180px; top: 8px; font-family: Arial; font-size:14px; z-index:101;}
.menu2 ul li a, .menu2 ul li a:visited { width:180px; height:21px; display:block; text-decoration:none; color: White; text-indent:4px; text-align:left; border:0px solid #f8f8f8; line-height:20px; font-size:14px; overflow:hidden;}

/* specific to non IE browsers */
.menu2 ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:180px;}
.menu2 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0; }
.menu2 ul li:hover ul li:hover ul.left {left:-105px;}


/* common styling */
.menu3 { position:relative; width:160px; top: 8px; font-family: Arial; font-size:14px; z-index:101; }
.menu3 ul li a, .menu3 ul li a:visited { width:160px; height:21px; display:block; text-decoration:none; color: White; text-indent:4px; text-align:left; border:0px solid #f8f8f8; line-height:20px; font-size:14px; overflow:hidden;}

/* specific to non IE browsers */
.menu3 ul li:hover ul { position:absolute; width:160px; top:31px; left:0; display:block; }
.menu3 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu3 ul li:hover ul li:hover ul.left {left:-105px;}


/* common styling */
.menu4 { position:relative; width:100px; top: 8px; font-family: Arial; font-size:14px; z-index:101; }
.menu4 ul li a, .menu4 ul li a:visited { width:210px; height:21px; display:block; text-decoration:none; color: White; text-indent:4px; text-align:left; border:0px solid #f8f8f8; line-height:20px; font-size:14px; overflow:hidden;}

/* specific to non IE browsers */
.menu4 ul li:hover ul { position:absolute; top:31px; left:0; width:210px; display:block; }
.menu4 ul li:hover ul li:hover ul { position:absolute; left:105px; top:0; display:block; }
.menu4 ul li:hover ul li:hover ul.left { left:-105px; }


/* common styling */
.menu5 { position:relative; width:150px; top: 8px; font-family: Arial; font-size:14px; z-index:101; }
.menu5 ul li a, .menu5 ul li a:visited { width:150px; height:21px; display:block; text-decoration:none; color: White; text-indent:4px; text-align:left; border:0px solid #f8f8f8; line-height:20px; font-size:14px; overflow:hidden;}

/* specific to non IE browsers */
.menu5 ul li:hover ul { position:absolute; top:31px; left:0; width:150px; display:block; }
.menu5 ul li:hover ul li:hover ul { position:absolute; left:105px; top:0; display:block; }
.menu5 ul li:hover ul li:hover ul.left {left:-105px;}


/* common styling */
.menu6 {font-family: Arial; width:120px; top: 8px; position:relative; font-size:14px; z-index:101;}
.menu6 ul li a, .menu6 ul li a:visited {display:block; text-decoration:none; color: White; width:120px; height:21px; text-indent:4px; text-align:left; border:0px solid #f8f8f8; line-height:20px; font-size:14px; overflow:hidden;}

/* specific to non IE browsers */
.menu6 ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:120px;}
.menu6 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu6 ul li:hover ul li:hover ul.left {left:-105px;}


/* common styling */
.menu7 {font-family: Arial; width:220px; top: 8px; position:relative; font-size:14px; z-index:101;}
.menu7 ul li a, .menu7 ul li a:visited {display:block; text-decoration:none; color: White; width:220px; height:21px; text-indent:4px; text-align:left; border:0px solid #f8f8f8; line-height:20px; font-size:14px; overflow:hidden;}

/* specific to non IE browsers */
.menu7 ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:220px;}
.menu7 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu7 ul li:hover ul li:hover ul.left {left:-105px;}


/* common styling */
.menu8 {font-family: Arial; width:200px; top: 8px; position:relative; font-size:14px; z-index:101;}
.menu8 ul li a, .menu8 ul li a:visited {display:block; text-decoration:none; color: White; width:200px; height:21px; text-indent:4px; text-align:left; border:0px solid #f8f8f8; line-height:20px; font-size:14px; overflow:hidden;}

/* specific to non IE browsers */
.menu8 ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:200px;}
.menu8 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu8 ul li:hover ul li:hover ul.left {left:-105px;}


/* common styling */
.menu9 {font-family: Arial; width:70px; top: 8px; position:relative; font-size:14px; z-index:101;}
.menu9 ul li a, .menu9 ul li a:visited {display:block; text-decoration:none; color: White; width:70px; height:21px; text-indent:4px; text-align:left; border:0px solid #f8f8f8; line-height:20px; font-size:14px; overflow:hidden;}

/* specific to non IE browsers */
.menu9 ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:70px;}
.menu9 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu9 ul li:hover ul li:hover ul.left {left:-105px;}