/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

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

/* Miscelleneous CSS notes:
   padding = top right bottom left
   #000000 = black, #ffffff = white
*/

.preload1 {
   /*background: url(three_1.gif);*/
   background: url(gradient_blue_1.png);

}
.preload2 {
   /*background: url(three_1a.gif);*/
   background: url(gradient_blue_1.png);
}

#nav {
   padding:0; 
   margin:0; 
   list-style:none; 
   height:38px; 
   /*background:#fff url(three_0.gif) repeat-x; */
   background:#fff url(gradient_blue_1.png) repeat-x;
   position:relative; 
   z-index:500;
   /*font-family:arial, verdana, sans-serif*/;
}
#nav li.top {
   display:block;
   float:left; 
   height:38px;
}

/* Begin Main/Top Level Menu */
#nav li a.top_link {
   display:block; 
   float:left;
   height:35px; 
   line-height:33px; 
   color:#fff; /* default = #ccc */
   text-decoration:none; 
   /*font-size:11px; */
   font-weight:bold; 
   padding:0 0 0 12px; 
   cursor:pointer;
   background: url(gradient_blue_1.png);   /* default = url(three_0.gif)*/
}
#nav li a.top_link span {
   float:left; 
   display:block; 
   padding:0 24px 0 12px;
   height:35px; 
   background: url(gradient_blue_1.png) right top no-repeat;   /* default = url(three_0.gif) right top no-repeat */
}
#nav li a.top_link span.down {
   float:left; 
   display:block; 
   padding:0 24px 0 12px;
   height:35px;  
   background: url(gradient_blue_1.png) no-repeat right top;   /* default = url(three_0a.gif) no-repeat right top */
}
#nav li:hover a.top_link {border:1px solid #235e82; color:#fff; background: url(gradient_blue_1.png) no-repeat;}   /* default = #nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;} */
#nav li:hover a.top_link span {background:url(gradient_blue_1.png) no-repeat right top;}   /* default = #nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;} */
#nav li:hover a.top_link span.down {background:url(gradient_blue_1.png) no-repeat right top;}  /* default = #nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;} */
/* End Main/Top Level Menu */

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub {               /* drop down level 1 */
   left:1px; 
   top:38px; 
   background: #235e82; /* default = #bbd37e */
   padding:3px; 
   border:1px solid #235e82; /* default = 1px solid #5c731e */
   white-space:nowrap; 
   width:200px; /* default = 90px */
   height:auto; 
   z-index:300;
}
#nav li:hover ul.sub li {            /* drop down level 1 - background */
   display:block; 
   height:20px; 
   position:relative; 
   float:left; 
   width:200px; /* default = 90px */
   font-weight:normal;
}
#nav li:hover ul.sub li a {          /* drop down level 1 - text */
   display:block; 
   font-size:11px; 
   height:18px; 
   width:200px; /* default = 88px */
   line-height:18px; 
   text-indent:5px; 
   color: #fff; /* default = #000 */
   text-decoration:none;
   border:1px solid #235e82;  /* default = 1px solid #bbd37e */
}
#nav li ul.sub li a.fly {
   /*background:#bbd37e url(arrow.gif) 80px 6px no-repeat;*/
   background:#235e82 url(arrow.gif) right no-repeat;
}
#nav li:hover ul.sub li a:hover {     /* drop down level 1 - hover */
   /*background:#6a812c;*/
   background:#286b95; /*235e82;*/
   color:#fff; 
   border-color:#fff;
}
#nav li:hover ul.sub li a.fly:hover {
   /*background:#6a812c url(arrow_over.gif) 80px 6px no-repeat;*/ 
   background:#235e82 url(arrow_over.gif) 80px 6px no-repeat; 
   color:#fff;
}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
   left:90px; 
   top:-4px; 
   /*background: #bbd37e;*/ 
   background: #235e82;
   padding:3px; 
   border:1px solid #5c731e;
   white-space:nowrap; 
   width:200px; /* default = 90px*/
   z-index:400; 
   height:auto;
}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {
   position:absolute; 
   left:-9999px; 
   top:-9999px; 
   width:0; 
   height:0; 
   margin:0; 
   padding:0; 
   list-style:none;
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly {
	/*background: #6a812c url(arrow_over.gif) 80px 6px no-repeat;*/
	background: #235e82 url(arrow_over.gif) right no-repeat;
	color: #fff;
	border-color: #fff;
} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly {
   /*background:#bbd37e url(arrow.gif) 80px 6px no-repeat;*/ 
   background:#235e82 url(arrow.gif) right no-repeat;
   color:#000; 
   border-color:#bbd37e;
}