/* Main Navigation */


#menu {
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	clear:both;
	padding-top: 5px;
}


ul.nav, ul.nav ul {
float: left;
list-style: none;
/*line-height: 1;     */
padding: 0;
margin: 0;
white-space: nowrap;
}

ul.nav li a {
display: block;
text-decoration: none;
    -webkit-transition:color 0.2s linear, background 0.2s linear; 
    -moz-transition:color 0.2s linear, background 0.2s linear; 
    -o-transition:color 0.2s linear, background 0.2s linear; 
    transition:color 0.2s linear, background 0.2s linear; 

}

ul.nav li {
/*float: left;      */
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;

}

ul.nav > li {
float:left;
position: relative;
}
ul.nav ul {
visibility:hidden;
position:absolute;
display: block;
/* left: -999em; */
height: auto;

/* width: 200px;*/ /* width of submenus */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
    -o-transition:opacity 0.2s linear, visibility 0.2s linear; 
    transition:opacity 0.2s linear, visibility 0.2s linear; 

}

ul.nav ul ul {
left: 100%;
margin-left: -5px; /* same as width of submenus, or -1px if you have borders, to avoid 2 x 1px borders side by side adding up to a 2 px border */
margin-top: -21px; /* adjust to move submenus up/down a bit so the submenu's top border lines up with the parent LI's top border */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
    -o-transition:opacity 0.2s linear, visibility 0.2s linear; 
    transition:opacity 0.2s linear, visibility 0.2s linear; 

}

ul.nav ul li {
/*width: 100%;   */
}

ul.nav ul li a {
width: auto;
}

ul.nav > li {
/*				color: #000000; */
				padding: 4px;
				background: #EFEFEF; /* tab background */
				margin: 0 4px;
}

ul.nav > li > ul {
/*				color: #000000; */
				padding: 4px;
				background: #DFDFDF; /* tab background */
}

ul.nav ul ul  {
/*				color: #000000; */
				padding: 4px;
				background: #CFCFCF; /* tab background */
				z-index: 2;
}


ul.nav li a:hover,
ul.nav li.current_page_item a {
				background: #FFFF66; /* tab hover and current background */
/*				color: #000000; */
}


/* Hide/show submenus */

ul.nav li:hover ul ul, 
ul.nav li:hover ul ul ul, 
ul.nav li.sfhover ul ul, 
ul.nav li.sfhover ul ul ul {
visibility:hidden;
}

ul.nav li:hover ul, 
ul.nav li li:hover ul, 
ul.nav li li li:hover ul, 
ul.nav li.sfhover ul, 
ul.nav li li.sfhover ul, 
ul.nav li li li.sfhover ul {
/*left: auto;  */
visibility:visible;
}

#menu2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	clear:both;
	padding-top: 5px;

}


ul.nav2, ul.nav2 ul {
float: left;
list-style: none;
line-height: 1;
padding: 0;
margin: 0;
}

ul.nav2 li a {
display: block;
text-decoration: none;
}

ul.nav2 li {
float: left;
padding-left: 2px;
padding-right: 2px;
}

ul.nav2 ul {
position: absolute;
visibility:hidden;
height: auto;
width: 150px; /* width of submenus */

}

ul.nav2 ul ul {
margin-left: 149px; /* same as width of submenus, or -1px if you have borders, to avoid 2 x 1px borders side by side adding up to a 2 px border */
margin-top: -28px; /* adjust to move submenus up/down a bit so the submenu's top border lines up with the parent LI's top border */

}

ul.nav2 ul li {
width: 100%;
}

ul.nav2 ul li a {
width: auto;
}

ul.nav2 li a {
/*				color: #0000FF; */
				padding: 4px;
    -webkit-transition:color 0.2s linear, background 0.2s linear; 
    -moz-transition:color 0.2s linear, background 0.2s linear; 
    -o-transition:color 0.2s linear, background 0.2s linear; 
    transition:color 0.2s linear, background 0.2s linear; 

}

ul.nav2 li a:hover,
ul.nav2 li.current_page_item a {
				background: #FFFF66; /* tab hover and current background */
/*				color: #000000; */
}


/* Hide/show submenus */

ul.nav2 li:hover ul ul, 
ul.nav2 li:hover ul ul ul, 
ul.nav2 li.sfhover ul ul, 
ul.nav2 li.sfhover ul ul ul {
visibility:hidden;
/*left: -999em;*/
}

ul.nav2 li:hover ul, 
ul.nav2 li li:hover ul, 
ul.nav2 li li li:hover ul, 
ul.nav2 li.sfhover ul, 
ul.nav2 li li.sfhover ul, 
ul.nav2 li li li.sfhover ul {
left: auto;
visibility:visible;
}

/* second menu */
