/* ================================================================ 
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*/
.menu table {position:absolute; top:0; left:0;}/* style the table so that it takes no part in the layout - required for IE to work */
.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:117px; text-align: center; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase;}
#navigation2 .center ul #last {height:83px; border-right:none; border-bottom: 7px solid #ccc; background:#FFF; width:120px; text-align: center; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase;}
#navigation2 .center ul li a:link,
#navigation2 .center ul li a:visited{color:#006699; padding: 30px 1em; text-decoration:none; }
#navigation2 .center ul li a:hover,
#navigation2 .center ul li a:active{
	color: #fff;
	background-color: #396;
	background-image: url(images/nav-bar.gif);
	background-repeat: repeat-x;
	background-position: 0 83px;
}

/*Submenu*/
#navigation2 .center ul ul {height:170px; background:#424242; width:117px; }
#navigation2 .center ul #last ul {height:170px; background:#424242; width:120px; }
#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: 108px;}
#navigation2 .center ul #last ul li a:hover,
#navigation2 .center ul #last ul li a:active{background:#339966; border-right:none;}