/* ================================================================ 
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: 97px; height: 20px; z-index: 10;  margin: 0;  padding-top: 4px;  padding-bottom: 4px;}
#menu1 {float:left; width: 50px; z-index: 10;}
#menu2 {float:left; width: 100px; z-index: 10;}
#menu3 {float:left; width: 70px; z-index: 10;}
#menu4 {float:left; width: 90px; z-index: 10;}
#menu5 {float:left; width: 76px; z-index: 10;}
#menu6 {float:left; width: 90px; z-index: 10;}
#menu7 {float:left; width: 50px; z-index: 10;}
#menu8 {float:left; width: 66px; z-index: 10;}
#menu9 {float:left; width: 150px; z-index: 10;}
#menu10 {float:left; width: 50px; z-index: 10;}

/* common styling */
.menu1 {font-family: Verdana; width:50px; position:relative; font-size:12px; z-index:11;}
.menu1 ul li a, .menu1 ul li a:visited {display:block; text-decoration:none; width:50px; height:20px; text-indent:4px; text-align:left; color:#666666; border:0px solid #f8f8f8; background:#f8f8f8; line-height:20px; font-size:12px; overflow:hidden;}
.menu1 ul {padding:0; margin:0; list-style: none;}
.menu1 ul li {float:left; position:relative;}
.menu1 ul li ul {display: none;}

/* specific to non IE browsers */
.menu1 ul li:hover a {color:#003a80; background:#FFFFFF; }
.menu1 ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:50px;}
.menu1 ul li:hover ul li a.hide {background:#FFFFFF; color:#666666;}
.menu1 ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#666666;}
.menu1 ul li:hover ul li ul {display: none;}
.menu1 ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#666666;}
.menu1 ul li:hover ul li a:hover {background:#FFFFFF; color:#003a80;}
.menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu1 ul li:hover ul li:hover ul.left {left:-105px;}


.menu2 {font-family: Verdana; width:100px; position:relative; font-size:12px; z-index:11;}
.menu2 ul li a, .menu2 ul li a:visited {display:block; text-decoration:none; color:#666666 ;width:100px; height:20px; text-indent:4px; text-align:left; color:#666666; border:0px solid #f8f8f8; background:#f8f8f8; line-height:20px; font-size:12px; overflow:hidden;}
.menu2 ul {padding:0; margin:0; list-style: none;}
.menu2 ul li {float:left; position:relative;}
.menu2 ul li ul {display: none;}

/* specific to non IE browsers */
.menu2 ul li:hover a {color:#003a80; background:#FFFFFF;}
.menu2 ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:100px;}
.menu2 ul li:hover ul li a.hide {background:#FFFFFF; color:#666666;}
.menu2 ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#666666;}
.menu2 ul li:hover ul li ul {display: none;}
.menu2 ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#666666;}
.menu2 ul li:hover ul li a:hover {background:#FFFFFF; color:#003a80;}
.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;}


.menu3 {font-family: Verdana; width:80px; position:relative; font-size:12px; z-index:11;}
.menu3 ul li a, .menu3 ul li a:visited {display:block; text-decoration:none; color:#666666 ;width:90px; height:20px; text-indent:4px; text-align:left; color:#666666; border:0px solid #f8f8f8; background:#f8f8f8; line-height:20px; font-size:12px; overflow:hidden;}
.menu3 ul {padding:0; margin:0; list-style: none;}
.menu3 ul li {float:left; position:relative;}
.menu3 ul li ul {display: none;}

/* specific to non IE browsers */
.menu3 ul li:hover a {color:#003a80; background:#FFFFFF; }
.menu3 ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:90px;}
.menu3 ul li:hover ul li a.hide {background:#FFFFFF; color:#666666;}
.menu3 ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#666666;}
.menu3 ul li:hover ul li ul {display: none;}
.menu3 ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#666666;}
.menu3 ul li:hover ul li a:hover {background:#FFFFFF; color:#003a80;}
.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;}


.menu4 {font-family: Verdana; width:90px; position:relative; font-size:12px; z-index:11;}
.menu4 ul li a, .menu4 ul li a:visited {display:block; text-decoration:none; color:#666666 ;width:90px; height:20px; text-indent:4px; text-align:left; color:#666666; border:0px solid #f8f8f8; background:#f8f8f8; line-height:20px; font-size:12px; overflow:hidden;}
.menu4 ul {padding:0; margin:0; list-style: none;}
.menu4 ul li {float:left; position:relative;}
.menu4 ul li ul {display: none;}

/* specific to non IE browsers */
.menu4 ul li:hover a {color:#003a80; background:#FFFFFF; }
.menu4 ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:90px;}
.menu4 ul li:hover ul li a.hide {background:#FFFFFF; color:#666666;}
.menu4 ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#666666;}
.menu4 ul li:hover ul li ul {display: none;}
.menu4 ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#666666;}
.menu4 ul li:hover ul li a:hover {background:#FFFFFF; color:#003a80;}
.menu4 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu4 ul li:hover ul li:hover ul.left {left:-105px;}


.menu5 {font-family: Verdana; width:80px; position:relative; font-size:12px; z-index:11;}
.menu5 ul li a, .menu5 ul li a:visited {display:block; text-decoration:none; color:#666666 ;width:80px; height:20px; text-indent:4px; text-align:left; color:#666666; border:0px solid #f8f8f8; background:#f8f8f8; line-height:20px; font-size:12px; overflow:hidden;}
.menu5 ul {padding:0; margin:0; list-style: none;}
.menu5 ul li {float:left; position:relative;}
.menu5 ul li ul {display: none;}

/* specific to non IE browsers */
.menu5 ul li:hover a {color:#003a80; background:#FFFFFF; }
.menu5 ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:80px;}
.menu5 ul li:hover ul li a.hide {background:#FFFFFF; color:#666666;}
.menu5 ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#666666;}
.menu5 ul li:hover ul li ul {display: none;}
.menu5 ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#666666;}
.menu5 ul li:hover ul li a:hover {background:#FFFFFF; color:#003a80;}
.menu5 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu5 ul li:hover ul li:hover ul.left {left:-105px;}


.menu6 {font-family: Verdana; width:90px; position:relative; font-size:12px; z-index:11;}
.menu6 ul li a, .menu6 ul li a:visited {display:block; text-decoration:none; color:#666666 ;width:90px; height:20px; text-indent:4px; text-align:left; color:#666666; border:0px solid #f8f8f8; background:#f8f8f8; line-height:20px; font-size:12px; overflow:hidden;}
.menu6 ul {padding:0; margin:0; list-style: none;}
.menu6 ul li {float:left; position:relative;}
.menu6 ul li ul {display: none;}

/* specific to non IE browsers */
.menu6 ul li:hover a {color:#003a80; background:#FFFFFF; }
.menu6 ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:90px;}
.menu6 ul li:hover ul li a.hide {background:#FFFFFF; color:#666666;}
.menu6 ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#666666;}
.menu6 ul li:hover ul li ul {display: none;}
.menu6 ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#666666;}
.menu6 ul li:hover ul li a:hover {background:#FFFFFF; color:#003a80;}
.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;}


.menu7 {font-family: Verdana; width:50px; position:relative; font-size:12px; z-index:11;}
.menu7 ul li a, .menu7 ul li a:visited {display:block; text-decoration:none; color:#666666 ;width:50px; height:20px; text-indent:4px; text-align:left; color:#666666; border:0px solid #f8f8f8; background:#f8f8f8; line-height:20px; font-size:12px; overflow:hidden;}
.menu7 ul {padding:0; margin:0; list-style: none;}
.menu7 ul li {float:left; position:relative;}
.menu7 ul li ul {display: none;}

/* specific to non IE browsers */
.menu7 ul li:hover a {color:#003a80; background:#FFFFFF; }
.menu7 ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:50px;}
.menu7 ul li:hover ul li a.hide {background:#FFFFFF; color:#666666;}
.menu7 ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#666666;}
.menu7 ul li:hover ul li ul {display: none;}
.menu7 ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#666666;}
.menu7 ul li:hover ul li a:hover {background:#FFFFFF; color:#003a80;}
.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;}


.menu8 {font-family: Verdana; width:60px; position:relative; font-size:12px; z-index:11;}
.menu8 ul li a, .menu8 ul li a:visited {display:block; text-decoration:none; color:#666666 ;width:60px; height:20px; text-indent:4px; text-align:left; color:#666666; border:0px solid #f8f8f8; background:#f8f8f8; line-height:20px; font-size:12px; overflow:hidden;}
.menu8 ul {padding:0; margin:0; list-style: none;}
.menu8 ul li {float:left; position:relative;}
.menu8 ul li ul {display: none;}

/* specific to non IE browsers */
.menu8 ul li:hover a {color:#003a80; background:#FFFFFF; }
.menu8 ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:60px;}
.menu8 ul li:hover ul li a.hide {background:#FFFFFF; color:#666666;}
.menu8 ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#666666;}
.menu8 ul li:hover ul li ul {display: none;}
.menu8 ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#666666;}
.menu8 ul li:hover ul li a:hover {background:#FFFFFF; color:#003a80;}
.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;}


.menu9 {font-family: Verdana; width:80px; position:relative; font-size:12px; z-index:11;}
.menu9 ul li a, .menu9 ul li a:visited {display:block; text-decoration:none; color:#666666 ;width:80px; height:20px; text-indent:4px; text-align:left; color:#666666; border:0px solid #f8f8f8; background:#f8f8f8; line-height:20px; font-size:12px; overflow:hidden;}
.menu9 ul {padding:0; margin:0; list-style: none;}
.menu9 ul li {float:left; position:relative;}
.menu9 ul li ul {display: none;}

/* specific to non IE browsers */
.menu9 ul li:hover a {color:#003a80; background:#FFFFFF; }
.menu9 ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:80px;}
.menu9 ul li:hover ul li a.hide {background:#FFFFFF; color:#666666;}
.menu9 ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#666666;}
.menu9 ul li:hover ul li ul {display: none;}
.menu9 ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#666666;}
.menu9 ul li:hover ul li a:hover {background:#FFFFFF; color:#003a80;}
.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;}

.menu10 {font-family: Verdana; width:80px; position:relative; font-size:12px; z-index:11;}
.menu10 ul li a, .menu10 ul li a:visited {display:block; text-decoration:none; color:#666666 ;width:80px; height:20px; text-indent:4px; text-align:left; color:#666666; border:0px solid #f8f8f8; background:#f8f8f8; line-height:20px; font-size:12px; overflow:hidden;}
.menu10 ul {padding:0; margin:0; list-style: none;}
.menu10 ul li {float:left; position:relative;}
.menu10 ul li ul {display: none;}

/* specific to non IE browsers */
.menu10 ul li:hover a {color:#003a80; background:#FFFFFF; }
.menu10 ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:80px;}
.menu10 ul li:hover ul li a.hide {background:#FFFFFF; color:#666666;}
.menu10 ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#666666;}
.menu10 ul li:hover ul li ul {display: none;}
.menu10 ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#666666;}
.menu10 ul li:hover ul li a:hover {background:#FFFFFF; color:#003a80;}
.menu10 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu10 ul li:hover ul li:hover ul.left {left:-105px;}
