/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

Modified by Joel Friesen, March 31st, July 12th, 2007, August 7th, 2007
=================================================================== */

/*for IE6 -  style the table so that it takes no part in the layout - required for IE to work */
/* REMOVE THIS SINCE IE6 support "tables" have been removed from the menu
.menu table {position:absolute; top:0; left:0;}
.menu table,
.menu td {float:left; padding:0;margin:0;border:0;border-collapse:collapse;}
*/

/*for the rest*/
.menu a:link,
.menu a:visited, 
.menu a:hover,
.menu a:active {display:block; text-decoration:none; }/* style the links for the top level */
.menu ul, 
.menu li{ padding:0; margin:0; list-style-type:none; height:auto;}/* remove all the bullets, borders and padding from the default list styling */
.menu li {float:left; position:relative;}/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}/* make the third level visible when you hover over second level list OR link */
.menu ul ul {visibility:hidden; position:absolute; left:0; top:90px;}/* hide the sub levels and give them a positon absolute so that they take up no room */

/* ================================================================ 
In Layout
=================================================================== */

/*Menu*/
#navigation2 {}
#navigation2 .center {}

/*Menu*/
#navigation2 .center ul li {height:83px; border-right:1px solid #666; border-bottom: 7px solid #ccc; background:#FFF; width:136px; /*text-align: center; */ font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; /* text-transform: uppercase;*/}
#navigation2 .center ul #last {border-right:none;}
#navigation2 .center ul #first {width:63px;}


#navigation2 .center .menu>ul>li>a:link, #navigation2 .center .menu>ul>li>a:visited {position:relative; height:90px; color:#069; padding: 0 10px; text-decoration:none; }

#navigation2 .center .menu>ul>li>a:hover, #navigation2 .center .menu>ul>li>a:active{
	color: #fff;
	background-color: #396;
	background-image: url(images/nav-bar.gif);
	background-repeat: repeat-x;
	background-position: 0 83px;
}

#navigation2 .center ul li a span { position:relative; top:30px;}

/*Submenu*/
#navigation2 .center ul ul {height:170px; background:#424242; width:136px; }
#navigation2 .center ul #last ul { }
#navigation2 .center ul ul li {height:auto; border-right:none; border-bottom:0px; background:#FFF; font-weight: normal; text-transform: none}
#navigation2 .center ul ul li a:link, #navigation2 .center ul ul li a:visited{color:#FFFFFF; padding:.5em; text-decoration:none; background:#424242 ;}
#navigation2 .center ul ul li a:hover, #navigation2 .center ul ul li a:active {background:#339966; border-right:none;}

#navigation2 .center ul #last ul li a:link,
#navigation2 .center ul #last ul li a:visited{color:#FFFFFF; padding:.5em; text-decoration:none; background:#424242 ; width: 126px;}
#navigation2 .center ul #last ul li a:hover,
#navigation2 .center ul #last ul li a:active{background:#339966; border-right:none;}