/************************************************************  UL ELEMENTS */
/*Every level*/
#nav, #nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: center;
   float: left;
   cursor: pointer;
}

/*Level 2 and 3*/
#nav ul {
	position: absolute;
   z-index: 100;
	top: -1000px;
   width: 120px;
}

/*On hover of top level, move the drop down nav into position*/
#nav li:hover ul,
#nav li.iehover ul {
  left: 3px;
  top: 25px;
}
/*Move level 3 out of the way*/
#nav li:hover ul ul,
#nav li.iehover ul ul {
  top: -1000px;
}
/*On level 2 hover, move level 3 into position*/
#nav li li:hover ul,
#nav li li.iehover ul {
  left:183px;
  top:1px;
}

/************************************************************  LI ELEMENTS */
/*Every level*/
#nav li {
   text-align: center;
	position: relative;
	float: left;
   padding: 0px;
   margin-right: 4px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   background-color: #003366;
   border: 1px solid #000;
}

/*Level 2 and 3*/
#nav li li{
   height: auto;
	top: -1px;
   margin-top: 0px;
   left: -3px;
   padding: 0px;
   text-align: left;
   width: 180px;
   font-size: 11px;
   background-color: #EEEEEE;
}

/*On hover of level 2 and 3*/
#nav li ul li:hover,
#nav li ul li.iehover {
   background: #003366;
}

/************************************************************  A ELEMENTS */
/*Every level*/
#nav a {
	color: white;
   margin: 0px;
   padding: 5px 15px;
   text-decoration: none;
   display: block;
   text-decoration: none;
   font-weight: bold;
   font-size: 12px;
}

/*Level 2 and 3*/
#nav li.iehover li a, #nav li:hover li a {
   color: black;
   padding-left: 15px;
   padding-top: 6px;
   padding-bottom: 6px;
   font-size: 11px;
   font-family: Verdana;
}

/*On hover of all levels*/
#nav a:hover, #nav li.iehover a, #nav li:hover a, #nav li li.iehover a, #nav li li:hover a {
   color: gold;
}



/* SIDE NAVIGATION STYLE PROPERTIES */

.SideNav, table tr td {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}

.L1 {
   padding-left: 10px;
   padding: 3px 0px 3px 10px;
   background: #49300C;
   color: black;
   height: 24px;
   font-size: 14px;
   font-weight: bold;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   color: #E67233;
   border-left: solid 1px #C7C7C7;
}

.L1 a {
   color: #E67233;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
}

.L2 {
   background-color: #E67233;
   padding: 5px 0px 5px 15px;
   padding-left: 15px;
   color: white;
   height: 18px;
   font-size: 11px;
   font-weight: bold;
   border-top: solid 1px white;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}

.L2 a {
   color: white;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.L2 a:hover {text-decoration: underline;}

.L3 {
   background-color: #E67233;
   padding: 3px 0px 3px 28px;
   color: #FFFFFF;
   height: 15px;
   font-size: 11px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   border-top: solid 1px white;
}

.L3 a {
   color: #FFFFFF;
   font-size: 11px;
   text-decoration: none;
}
.L3 a:hover {text-decoration: underline;}