/*
Horizontal 2 level Menu 
*/
	#nav, 
	#nav ul,
	#navright, 
	#navright ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width : 110px;
	}
	#nav li.first, 
	#navright li.first {
	    margin-bottom:10px;
	}
	#nav li, 
	#navright li { /* all list items */
		position : relative;
		float : left;
		width: 110px;	
		z-index:1;
		font-size:100%;
	}
	
	#nav li ul, 
	#navright li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		top:0px;
		margin-left : 122px;
	}
	
	#nav li ul ul,
	#navright li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
  
  #nav li a, 
  #navright li a {
		width: 110px;
		display:block;
		padding:3px 5px 3px 5px;
        border:2px solid #848484;
        text-decoration: none;
        text-align:center;
        color:#346799;
        background-color:white;
        font-style:italic;
        font-weight:bold;
	}
	
    #nav li a:hover , 
    #navright li a:hover {
        color:red; 
        border:3px solid #848D5F; 
        background-color:#1d1c56;
    }
  
  #nav li.thin a, 
  #navright li.thin a {
		width: 110px;
		display:block;
		padding:0px 5px 0px 5px;
        border:2px solid #848484;
        text-decoration: none;
        text-align:center;
        color:#346799;
        background-color:white;
        font-style:italic;
        font-weight:bold;
        font-size:x-small;
	}
	
    #nav li.thin a:hover , 
    #navright li.thin a:hover {
        color:red; 
        padding:3px 5px 3px 5px;
        border:3px solid #848D5F; 
        background-color:#1d1c56;
        font-size:medium;
    }
    
	#nav li:hover ul ul, 
	#nav li:hover ul ul ul, 
	#nav li.sfhover ul ul, 
	#nav li.sfhover ul ul ul, 
	#navright li:hover ul ul, 
	#navright li:hover ul ul ul, 
	#navright li.sfhover ul ul, 
	#navright li.sfhover ul ul ul {
		left: -999em;
	}
	
    #nav li:hover ul, /*position sub list*/
    #nav li li:hover ul, 
    #nav li li li:hover ul, 
    #nav li.sfhover ul, 
    #nav li li.sfhover ul, 
    #nav li li li.sfhover ul{ 
		left: auto;
	}
	#navright li:hover ul, 
	#navright li li:hover ul, 
	#navright li li li:hover ul, 
	#navright li.sfhover ul, 
	#navright li li.sfhover ul, 
	#navright li li li.sfhover ul { 
		top: 0px;
		left: -245px;
	} 
	
	#navright li li:hover ul.second,  
	#navright li li.sfhover ul.second{ 
		top: 0px;
		left: -368px;
	} 
	#navright li li:hover ul.third, 
	#navright li li.sfhover ul.third { 
		top: 0px;
		left: -491px;
	}
        
.dropnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

.dropnav li { /* all list items */
	float: left;
	position: relative;
	width: 130px;
	z-index:1;
	list-style: none;
}

.dropnav li a {
	width: 120px;
	display:block;
	clear:left;
	padding:3px 5px 3px 5px;
    border:2px solid #848484;
    text-decoration: none;
    text-align:center;
    color:#346799;
    background-color:white;
    font-style:italic;
    font-weight:bold;
}
	
.dropnav li a:hover{
    color:#848D5F; 
    border:3px solid #848D5F; 
    background-color:#1d1c56;
}

.dropnav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

.dropnav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

.dropnav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}