/*-----------------------------------------------------------------------------------------------
Styling
-----------------------------------------------------------------------------------------------*/
sup { line-height: 0; vertical-align: text-top; }

.menuSpacer
{
  background-color: #9eb3c0;
}

.ptMainMenu
{
  margin: 0px 10px 0px 0px;
  height: 27px;
  background-color: #9eb3c0;
  text-align:center;
  width:790px;
  float:left;
}

.ptMainMenu li ul
{
  border-top: 1px solid #9a9a9a;
  background-color: #9eb3c0;
  margin-top: 0px;
}

.ptMainMenu li > ul
{
  margin-top: 0px;  /* this is an optional Firefox hack */
}

.ptMainMenu li ul li a

{
  width: 11.6em;
  text-align:left;
  padding: 3px 0 3px 5px;  
  background-color:#cdcdcd;
  border:solid 1px #9a9a9a;
  border-top:none;



}

.ptMainMenu .iFrameHider
{
  /*width: 10em;*/ /* HAS to be same width as in .ptMainMenu li:hover ul, .ptMainMenu  li.over ul*/
}

.ptMainMenu ul a
{
  font-size:70%;
  line-height:110%;
  font-family:Verdana, Sans-Serif;
  font-weight:bold;
  color: #40474c;
  background-color: #9eb3c0;
  text-decoration: none;	
  padding: 7px 0px 7px 0px;
  width: 9em;
}

.ptMainMenu ul a.rootAncestor 
{
}

.ptMainMenu li ul a:hover
{
  background-color:#99afbd;
}

/*-----------------------------------------------------------------------------------------------
common use. always applies to a menu
-----------------------------------------------------------------------------------------------*/
.ptMainMenu ul,.ptMainMenu li
{
  margin: 0;
	padding: 0;
	list-style: none;
}
.ptMainMenu ul a
{
	display: block;
}

* html .ptMainMenu ul a
{
	display: inline-block;  /* this is an optional IE hack */
}

.ptMainMenu ul li
{
}
.ptMainMenu ul li
{
  position: relative;
	z-index: 300; 
}

.ptMainMenu li ul
{
	visibility: hidden;
  position: absolute;
}

.ptMainMenu li ul li
{
  display: block;
  float: left;
  clear: left;
}

.ptMainMenu li ul li a
{
  font-size:65%;
  color:#515151;
  font-weight:normal;
}

.ptMainMenu li ul li a:hover
{
  font-size:65%;
  color:#fff;
}

/*for compliant browsers*/
.ptMainMenu li.level1:hover ul.level2,
.ptMainMenu li.level2:hover ul.level3,
.ptMainMenu li.level3:hover ul.level4,
.ptMainMenu li.level4:hover ul.level5,
.ptMainMenu li.level5:hover ul.level6,
/*for IE*/
.ptMainMenu li.over1 ul.level2,
.ptMainMenu li.over2 ul.level3,
.ptMainMenu li.over3 ul.level4,
.ptMainMenu li.over4 ul.level5,
.ptMainMenu li.over5 ul.level6,
.ptMainMenu li.over6 ul.level7
{
	visibility: visible;
}
.ptMainMenu div.floatBreak
{
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  clear: both;
}
/*-----------------------------------------------------------------------------------------------
horizontal main menu hover effect
-----------------------------------------------------------------------------------------------*/

.ptMainMenu
{
  clear: both;
}

.ptMainMenu ul li.level1
{
  float: left;
}

.ptMainMenu li ul
{
  top: 100%;
	left: 0;
	z-index: 100;
}

.ptMainMenu li ul.level2
{
}

.ptMainMenu li ul.level3,
.ptMainMenu li ul.level4,
.ptMainMenu li ul.level5,
.ptMainMenu li ul.level6,
.ptMainMenu li ul.level7
{
  top: 0;
	left: 100%;
	z-index: 100;
}

.ptMainMenu .iFrameHider
{
  /* dont edit unless really needed - position of elements */
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

/* seach */

td#menuArea .search
{
  height: 27px;
  padding-top:2px;
  background-color: #9eb3c0;
}


td#menuArea .search a
{
  font-size:70%;
  line-height:100%;
  font-family:Verdana, Sans-Serif;
  font-weight:bold;
  color: #40474c;
  text-decoration: none;	
  text-align: top;
  width: 5em;
  background-color: #9eb3c0;
}

td#menuArea .search input
{
  width:110px;
  height:20px;
}