/* ================================================================ 
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/flyoutt.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.
=================================================================== */
/* common styling */
/*
.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:0px 0;}
.menu ul li a, .menu ul li a:visited {display:block; overflow: auto; text-decoration:none; color:#000000; width:104px; height:20px; text-align:center; border:1px solid #000099; border-width:1px 1px 0 0; background:#6699ff; line-height:19px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
*/
/* specific to non IE browsers */
/*
.menu ul li:hover a {color:#ffff00; background:#3366ff;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#6699ff; color:#000000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#6699ff; color:#000000; width:150px;}
.menu ul li:hover ul li a:hover {background:#3366ff; color:#ffff00;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#6699ff; color:#000000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#3366ff; color:#ffff00;}

*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.menu {font-family: arial, sans-serif; width:106px; height:200px; position:relative; margin:0; font-size:11px; margin:0px 0;}

.menu ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 105px; /* Width of Menu Items */
/*border-bottom: 1px solid #ccc; */
border:1px solid #000099;
}
	
.menu ul li{
position: relative;
}
	
/*Sub level menu items */
.menu ul li ul{
position: absolute;
width: 150px; /*sub menu width*/
top: 0;
left:105px;
visibility: hidden;
}
.menu ul ul li ul {
position: absolute;
width: 150px; /*sub menu width*/
top: 0;
left:150px;
visibility: hidden;
display:none;
}
/* Sub level menu links style */
.menu ul li a, .menu ul li a:visited{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-align:center;
text-decoration: none;
/*background: #fff;
padding: 1px 5px;*/
height:20px;
border: 1px solid #000099;
/*border-bottom: 0;*/
border-width:1px 1px 0 0; background:#6699ff; line-height:19px; font-size:11px;
}

/*.menu ul li a:visited{
color: black;
}
*/
.menu ul li a:hover{
background:#3366ff; color:#ffff00;
}
.menu ul li:hover ul,
.menu ul li.hover ul {
	visibility: visible;
	display:block;
}
.menu ul li:hover ul ul,
.menu ul li.hover ul ul {
	visibility: hidden;
	display: none;
}
.menu ul ul li:hover ul,
.menu ul ul li.hover ul {
	visibility: visible;
	display:block;
}
/*
.menu .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}
*/
/* Holly Hack for IE \*/
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }
/* End */