/****************************************************************************
 =DIV Styles
 ****************************************************************************/

div#primaryNav 
{
  font-family     : Arial;
  font-size       : 12px;
  background-color: #E4E5E7;
  line-height     : 24px;
/*  width           : 100%;*/
  margin          : 0px;
  padding         : 0px;
  border          : 0px;
  height:24px;
  display: inline;
}

div.primaryNav 
{
  display: inline-block;
}

.rightSide,.primaryNav 
{
  background-color: #E4E5E7;
  
}
div#rightSide {
  font-family     : Verdana,Arial,Geneva,Helvetica,sans-serif;
  font-size       : 11px;
  background-color: #898989;
  line-height     : 2em;
/*  width           : 100%;*/
  margin          : 0px;
  padding         : 0px;
  border          : 1px;

}

div#primaryNav div.rightSide {
  float: left;
}
div#primaryNav div.rightSide ul{
  background-color: #6b86a4;
}
div#sideNav {
  font-family     : Verdana,Arial,Geneva,Helvetica,sans-serif;
  font-size       : 11px;
  background-color: #6b86a4;
  border-bottom   : 1px solid #000;
  margin          : 0px;
  padding         : 0px;
  line-height     : 1.636em;  
 list-style-type:none;
}

/****************************************************************************
 =UL and =LI Styles
 ****************************************************************************/

div#primaryNav ul {
  padding    : 0px;
  border     : 0px;
  margin     : 0px;
  list-style-type:none;
  list-style:none;
  z-index    : 2;
}

div#primaryNav li 
{
  line-height:12px;
  float       : left;
  position    : relative;
/*  padding     : 0px 0.6363em;*/
  padding     : 0 15px;
  /*border-left: 1px solid #000;  */
  background-image:url(menuSep.jpg);
  background-repeat:no-repeat;
  background-position:right;
  text-align:left;
/*  padding-left:10px;*/
  z-index     : 2;
 list-style-type:none;
 list-style:none;
}

div#primaryNav ul li
{
  height:27px;
}

div#primaryNav ul li a
{
  height:23px;
  display:block;
  _display:inherit;
/*  cursor:default;*/
}

div#primaryNav ul li a,
div#primaryNav ul li a:hover, 
div#primaryNav ul li a:visited, 
div#primaryNav ul li a:active
{
  cursor:pointer;
}

div#primaryNav ul li a:hover
{
  background-image:url(MenuArrow.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  height:23px;
  display:block;
  _display:inherit;
}

div#primaryNav li ul {
  display : none;
  position: absolute;
  right    : 0px;
  background-color:White;
}

div#primaryNav li ul li{
  background-image:none;
}

div#primaryNav li:hover ul,
div#primaryNav li.Over ul {
  display : block;
  position: absolute;
  top     : 2em;
  right    : 0px;
  width   : 120px;
  z-index : 2;
}

div#primaryNav li.dropdownLeft:hover ul,
div#primaryNav li.dropdownLeftOver ul {
  display : block;
  position: absolute;
  right    : auto;
  left   : 0px;
  top     : 22px;
  width   : auto;
  z-index : 2;
}

div#primaryNav li:hover ul li,
div#primaryNav li:hover ul li.flyoutLeft, 
div#primaryNav li:hover ul li.flyoutRight,
div#primaryNav li.Over ul li,
div#primaryNav li.Over ul li.flyoutLeft,
div#primaryNav li.Over ul li.flyoutRight {
  background-color: #e6e6e6;
  width           : 120px;
  /*border-bottom   : 1px solid #b3bdc9;*/
  line-height     : 20px;  
  z-index         : 2;
  padding-left:10px;
   padding-left:5px;
   
}

div#primaryNav li.dropdownLeft:hover ul li,
div#primaryNav li.dropdownLeft:hover ul li.flyoutLeft,
div#primaryNav li.dropdownLeftOver ul li,
div#primaryNav li.dropdownLeftOver ul li.flyoutLeft {
  background-color: #FFF;
  width           : 120px;
  /*border-bottom   : 1px solid #b3bdc9;*/
  line-height     : 1.636em;  
  padding         : 0px 0px 0px 0px;
  z-index         : 2;
   padding-left:5px;
     border-right-style:none;
}

div#primaryNav li:hover ul li:hover,
div#primaryNav li:hover ul li.flyoutLeft:hover,
div#primaryNav li:hover ul li.flyoutRight:hover,
div#primaryNav li.Over ul li.Over,
div#primaryNav li.Over ul li.flyoutLeftOver,
div#primaryNav li.Over ul li.flyoutRightOver,
div#primaryNav li.dropdownLeftOver ul li.Over,
div#primaryNav li.dropdownLeftOver ul li.flyoutLeftOver,
div#primaryNav li.dropdownLeftOver ul li.flyoutRightOver
{
  background-color: #919191;
  z-index         : 2;
}
div#primaryNav  ul li ul li a:hover
{
  color:#FFF;
  background-color: #919191;
  background-image:none;
}

div#primaryNav  ul li ul
{
  /*border:solid 1px #919191;*/
  background-color: #FFF;
}

div#primaryNav li:hover ul li ul,
div#primaryNav li:hover ul li.flyoutLeft ul,
div#primaryNav li:hover ul li.flyoutRight ul,
div#primaryNav li.Over ul li ul,
div#primaryNav li.Over ul li.flyoutLeft ul,
div#primaryNav li.Over ul li.flyoutRight ul,
div#primaryNav li.dropdownLeftOver ul li ul {
  display : none;
  position: absolute;
  right    : 0px;
  width   : 120px;
}

div#primaryNav li.Over ul li.Over ul,
div#primaryNav li.Over ul li.flyoutLeftOver ul,
div#primaryNav li.Over ul li.flyoutRightOver ul {
  display : block;
  position: absolute;
  right    : 15.2727em;
  top     : 0px;
  width   : 120px;
  z-index : 2;
}

div#primaryNav li:hover ul li:hover ul,
div#primaryNav li:hover ul li.flyoutLeft:hover ul,
div#primaryNav li:hover ul li.flyoutRight:hover ul {
  display : block;
  position: absolute;
  right    : 16.8181em;
  top     : 0px;
  width   : 120px;
  z-index : 2;
  
}

div#primaryNav li.dropdownLeftOver ul li.flyoutLeftOver ul {
  display : block;
  position: absolute;
  right    : -15.045em;
  top     : 0px;
  width   : 120px;
  z-index : 2;
}

div#primaryNav li.dropdownLeft:hover ul li.flyoutLeft:hover ul {
  display : block;
  position: absolute;
  right    : -16.8181em;
  top     : 0px;
  width   : 120px;
  z-index : 2;
}

li.flyoutLeft,
li.flyoutLeftOver {  
  background-image   : url('arrow_right_blue.gif');
  background-repeat  : no-repeat;
  background-position: center right;
}

li.flyoutRight,
li.flyoutRightOver {
  background-image   : url('arrow_left_blue.gif');
  background-repeat  : no-repeat;
  background-position: center left;
}

div#sideNav ul {
  margin    : 0px;
  padding   : 0px;
  list-style: none;
  z-index   : 1;
}

div#sideNav li {
  color           : #fff;
  line-height     : 1.636em;
  border-bottom   : 1px solid #b3bdc9;
  background-color: #6b86a4;  
  margin          : 0px;
  padding         : 0px 5px 0px 5px;
  position        : relative;
  width           : auto;
  z-index         : 1;  
}

div#sideNav li.sideFlyout,
div#sideNav li.sideFlyoutOver {
  background-image   : url('arrow_left_black.gif');
  background-repeat  : no-repeat;
  background-position: center left;
}

div#sideNav li ul {
  display: none;
}

div#sideNav li:hover,
div#sideNav li.Over,
div#sideNav li.sideFlyoutOver {
  color           : #000;  
  background-color: #b3bdc9;
  line-height     : 1.636em;
  margin          : 0px;
  padding         : 0px 5px 0px 5px;
  position        : relative;
}

div#sideNav li.sideFlyoutOver ul {
  display : block;
  position: absolute;
  top     : 0px;
  right    : 153px;
  width   : 158px;
  z-index : 1;
}

div#sideNav li:hover ul {
  display : block;
  position: absolute;
  top     : 0px;
  right    : 158px;
  width   : 158px;
  z-index : 1;
}

div#sideNav li:hover ul li,
div#sideNav li.sideFlyoutOver ul li {
  color           : #000;
  line-height     : 1.636em;
  border-bottom   : 1px solid #6b86a4;
  background-color: #e6e6e6;
  margin          : 0px;
  padding         : 0px 5px 0px 5px;
  position        : relative;
  width           : 158px;
  z-index         : 1;
}

div#sideNav li:hover ul li:hover,
div#sideNav li.sideFlyoutOver ul li.Over {
  background-color: #b3bdc9;
}

/****************************************************************************
 =A styles
 ****************************************************************************/
div#primaryNav a.dropDown {
  font-weight    : normal;
  color          : #000;
  text-decoration: none;
  height:23px;
  vertical-align:middle;
/*  padding-top:4px;*/
  padding-top: 6px;
  background-image:none; 
  font-size: 14px;
}

div#primaryNav a.dropDown:hover {
  font-weight    : normal;
  color          : #000;
  text-decoration: none;
}


div#primaryNav ul li ul li a,
div#primaryNav ul li ul li a:hover, 
div#primaryNav ul li ul li a:visited, 
div#primaryNav ul li ul li a:active
{
  width   : 120px;
  height:27px;
  cursor:pointer;
}

div#primaryNav a {
  color          : #000;
  text-decoration: none;
  background-image:none;
}

div#sideNav a {
  color          : #fff;
  text-decoration: none;
}

div#sideNav li.sideFlyout li a,
div#sideNav li.sideFlyoutOver li a {
  color          : #000;
}