#menu
{
    color: #e95910;
    display: block;
    height: 33px;
    padding: 0 1%;
    position: relative;
    width: 98%;
    font-size:1.1em;
    float:left;
    z-index:200;
    font-style: normal;
    font-weight: 400;
	/*text-transform:uppercase;
	-webkit-box-shadow: inset 0px 5px 4px 0px rgba(0,0,0,0.60);
	-moz-box-shadow: inset 0px 5px 4px 0px rgba(0,0,0,0.60);
	box-shadow: inset 0px 5px 4px 0px rgba(0,0,0,0.60);*/
 
}

#nav #first
{
    width:0px;
    border-left: solid #000000 0px;

}

#nav #last
{
    width:0px;

}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#nav, #nav ul
{
    list-style: none outside none;
    position: relative;
    z-index: 100;
	float:right;
}

#nav
{
    height: 33px;
    padding: 0px;
    margin: 0;
}

#nav li
{
    text-align: center;
    height: 33px;
    float: left;
    /*background-color: #fff;
    border-left: solid #000000 0px;
    border-bottom: solid #000000 0px;*/
}

#nav li li
{
    background-image: none;
    border: none;
    float: none;
    height: 21px;
    /*padding: 3px 10px 2px 2px;*/
  	margin-left: -5px;
}

/* a hack for IE5.x and IE6 */
#nav li a li
{
  float: left;
}

#nav li a
{
    color: #e95910;
    display: block;
    float: left;
    line-height: 36px;
    text-decoration: none;
    white-space: nowrap;
    
}

#nav li li a
{
    float: none;
    height: 21px;
    line-height: 20px;
    text-align: left;
    padding: 0 5px;
    width:100%;
}

#nav li:hover > a .leftDiv
{
  width: 0px;
  height: 33px;
  display: inline-block;
  background-color:#5261aa;
  color: #fff;
	
}
#nav li:hover > a .middleDiv
{
  display: inline-block;
  height: 33px;
  background-color:#fff;
  color: #5261aa;
	-webkit-box-shadow: inset 0px 5px 4px -4px rgba(0,0,0,0.60);
	-moz-box-shadow: inset 0px 5px 4px -4px rgba(0,0,0,0.60);
	box-shadow: inset 0px 5px 4px -4px rgba(0,0,0,0.60);
	border-radius:5px 5px 0 0;
	padding: 0 10px;
}

#nav li:hover > a .rightDiv
{
  width: 0px;
  height: 33px;
  display: inline-block;
  background-color:#5261aa;
  color: #fff;
}

#nav .active a .leftDiv
{
  width: 0px;
  height: 33px;
  display: inline-block;
  background-color:#e95910;
  color: #fff;
}

#nav .active a  .middleDiv
{
  display: inline-block;
  height: 33px;
  background-color:#e95910;
  color: #fff;
		-webkit-box-shadow: inset 0px 5px 4px -4px rgba(0,0,0,0.60);
	-moz-box-shadow: inset 0px 5px 4px -4px rgba(0,0,0,0.60);
	box-shadow: inset 0px 5px 4px -4px rgba(0,0,0,0.60);
	border-radius:0 0 5px 5px ;
	padding: 0 10px;
}

#nav .active a  .rightDiv
{
  width: 0px;
  height: 33px;
  display: inline-block;
  background-color:#e95910;
  color: #fff;
}

#nav li a span.rightDiv, #nav li a span.leftDiv
{
    height: 33px;
    width: 10px;
}

#nav li a span.rightDiv, #nav li a span.leftDiv, #nav li a span.middleDiv
{
    display: inline-block;
}

#nav li:hover
{
  position: relative;
  z-index: 100;
}

#nav a:hover
{
  position: relative;
  z-index: 100;
}

#nav li:hover > a
{

}

#nav li:hover  ul
{  
  border:0px solid #e4e4e4;
  border-top: none;
  left: 0;
  top: 33px;
  z-index: 300;
  padding: 0 5px;
	

}


#nav ul
{
  position:absolute;
  left:-9999px;
  top:-9999px;
}

/* it could have been this simple if all browsers understood */
/* show next level */

#nav li:hover li:hover > ul
{
  left:0;
  margin-left:100%;
  top:0;
}

/* keep further levels hidden */
#nav li:hover > ul ul
{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:auto;
}

/* show path followed */

#nav li:hover li > a
{
  background-color:#fff;
  color: #5261aa;
}

/* show path followed */

#nav li:hover li:hover > a
{
  background-color:#e95910;
  color: #fff;
}

/* show path followed */

#nav li:hover li:hover
{
  background-color:#e95910;
  color: #fff;
}

#nav li a:hover ul li a:hover {background:#8b0715;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */

#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

.level-4 {display:none;}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */