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

div#primaryNav {
  font-family     : Arial;
  font-size       : 11px;
  background-color: transparent;
  background-position:center top;
  height:20px;
  background-repeat:repeat-x;
  line-height     : 20px;
  width           : 100%;
  margin          : 0px;
  padding         : 0px;
  border          : 0px;
  vertical-align:top;
}
.rightSide,.primaryNav 
{

}
div#rightSide {
  font-family     : Arial;
  font-size       : 11px;
  background-color: white;
  background-image:url(menuBg.gif);
  background-repeat:repeat-x;
  line-height     : 20px;
  width           : 100%;
  margin          : 0px;
  padding         : 0px;
  border          : 0px;
vertical-align:top;
}

div#primaryNav div.rightSide {
  float: right;
}
div#primaryNav div.rightSide ul{
  
}


/****************************************************************************
 =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 {
  float       : right;
  position    : relative;
  padding     : 0px 0px;
  text-align:right;
  padding-right:5px;
  z-index     : 2;
 list-style-type:none;
 list-style:none;
}

div#primaryNav li ul {
  display : none;
  position: absolute;
  left    : 0px;
}



/*
div#primaryNav li:hover ul,
div#primaryNav li.Over ul {
  position: absolute;
  top     : 10;
  left    : 0px;
  width   : 15.045em;
  z-index : 2;
}

div#primaryNav li.dropdownLeft:hover ul,
div#primaryNav li.dropdownLeftOver ul {
  display : block;
  position: absolute;
  left    : -100%;
  top     : 20px;
  width   : 150px;
  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 {
  width           : 15.045em;
  border-bottom   : 1px solid #D9E3EC;
  line-height     : 20px;  
  z-index         : 2;
  padding-right: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: #1D6EAD;
  width           : 15.045em;
  line-height     : 20px;  
  padding         : 0px 0px 0px 1.2727em;
  z-index         : 2;
  padding-right:5px;
  border-right: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: #FA9F1B;
  z-index         : 2;
  padding-right:5px;
}

div#primaryNav li:hover ul li:hover a,
div#primaryNav li:hover ul li.flyoutLeft:hover a,
div#primaryNav li:hover ul li.flyoutRight:hover a,
div#primaryNav li.Over ul li.Over a,
div#primaryNav li.Over ul li.flyoutLeftOver a,
div#primaryNav li.Over ul li.flyoutRightOver a,
div#primaryNav li.dropdownLeftOver ul li.Over a,
div#primaryNav li.dropdownLeftOver ul li.flyoutLeftOver a,
div#primaryNav li.dropdownLeftOver ul li.flyoutRightOver a 
{
  width:13.35em;
}

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;
  left    : 0px;
  width   : 15.045em;
}

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;
  left    : 15.2727em;
  top     : 0px;
  width   : 15.045em;
  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;
  left    : 16.8181em;
  top     : 0px;
  width   : 15.045em;
  z-index : 2;
}

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

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

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

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


/****************************************************************************
 =A styles
 ****************************************************************************/
div#primaryNav a.dropDown {
  font-weight    : bold;
  color          : white;
  text-decoration: none;
  font-size:12px;
}

div#primaryNav a.dropDown:hover {
  font-weight    : bold;
  color          : #FFD200;
  text-decoration: none;
  font-size:12px;
}

div#primaryNav a {/*  color of text in sub menues*/
  color          :  black;
  text-decoration: none;
}

div#primaryNav a:hover { /* hover color of text in sub menues*/
  color          : black;
  text-decoration: none;
}

div#primaryNav li  ul li a, div#primaryNav li  ul li a:hover, div#primaryNav li  ul li a:visited
{
  color:White;
}

.TopMenuTable
{
  background-image:url(top-bg.gif);
  background-repeat:repeat-x;
}

.BottomMenuTable
{
  background-image:url(bottom-bg.gif);
  background-repeat:repeat-x;
}

.MiddleMenuTable
{
  background-image:url(vertical-bg.gif);
  background-repeat:repeat-x;
}

div#primaryNav A.MSubMenuItem, div#primaryNav A.MSubMenuItem:link, div#primaryNav A.MSubMenuItem:visited
{
  font-family:Arial;
  font-size:12px;
  white-space:nowrap;
  color:white;
   font-weight:normal;
}

div#primaryNav A.MSubMenuItem:hover
{
  color:#FFD200;
  font-weight:normal;
}