ul.headerMenu {
	float: right;
	padding:20px;
	list-style-type:none;
	display: block;
}

/*** mainMenu Navigation ***/
#mainMenuContainer {
	position:relative;
	height: 28px;
	text-align: center;
	z-index:99;
	background: url(../img/bar.jpg) repeat-x top;
}

/* remove all the bullets, borders and padding from the default list styling */
ul#mainMenu  {
	list-style-type:none;
	display: block;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#mainMenu li {
	position: relative;
	list-style-type:none;
	float: left;
	/*width: 128px;*/
	width: 95px;
	height: 28px;
	line-height: 28px;
	border-left: 1px solid #0e1b8d;
	border-right: 1px solid #0e1b8d;
}

#mainMenu ul li {
	margin-top: -1px;
}

#mainMenu li.last {
	border-right: none;
	width: 98px;
}

#mainMenu li.first {
	border-left: none;
	width: 98px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainMenu ul.menu_branch_level_1, #mainMenu ul ul {
	display: none;
	position:absolute;
	width: 128px;
	top:28px;
	left:-2px;
}
#mainMenu ul.menu_branch_level_1 li, #mainMenu ul ul li {
	width: 128px;
	border: 1px solid #0e1b8d;
}

/* make the second level visible when hover on first level list OR link */
#mainMenu li:hover ul.menu_branch_level_1,
#mainMenu li.over ul.menu_branch_level_1 {
	display: block; 
}

#mainMenu li:hover div,
#mainMenu li.over div {
	display: block; 
}

/* position the third level flyout menu */
#mainMenu ul ul {
	left:128px;
	top:0px;
	text-align: center;
	z-index:101;
}

/* keep the third level hidden when you hover on first level list OR link */
#mainMenu li:hover ul ul,
#mainMenu li.over ul ul {
	display: none;
}

#mainMenu li:hover div ul,
#mainMenu li.over div ul {
	display: block;
}

/* make the third level visible when you hover over second level list OR link */
#mainMenu li ul li:hover ul,
#mainMenu li ul li.over ul { 
	display: block;
}

/* style the links for the top level */
#mainMenu a {
	display:block;
	text-decoration:none;
	color:#0e1b8d;
	height:28px;
	line-height:28px;
	/*font-size: 1.2em;*/
	font-size: 1em;
}

/* style the second level links */
#mainMenu ul a {
	background:#fff; 
	color:#0e1b8d;
	height:28px;
	line-height:28px;
}
#mainMenu ul li a:hover {
  color:#565FAF;
}

/* style the third level background */
#mainMenu ul ul a {
	background:#fff;
}

/* style the third level hover */
#mainMenu ul ul a:hover {
	background:#565FAF;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#mainMenu table {
	position:absolute;
	top:0;
	left:0;
}

/* style the top level hover */
#mainMenu a:hover {
	color:#fff; 
}

#mainMenu li:hover > a,
#mainMenu li.over > a {
	color:#fff;
}

/* pop-up box */
#outerBox {
  position: absolute;
  left:-150px;
  display: none;
  width:692px;
  background-color: #fff;
  border:2px solid #0E1B8D;
  z-index:100;
}

#topList,
#bottomList {
  width:100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  
  display: none;
}


h3 {
  text-align: center;
  color: #595880;
  margin: 6px 0;
}

#topList .mainList,
#bottomList .mainList {
  position: relative;
  list-style:none;
  float: left;
  height: auto;
  width: 160px;
  margin: 5px;  
  border: none;
}

#topList .mainList ul li,
#bottomList .mainList ul li {
  list-style: none;
  border: none;
  
  float: none;
}

#topList .insideList,
#bottomList .insideList {
  position: relative;
  left: 0;
  padding: 0;
  width: 160px;
  heigth: auto;
}

#topList .insideList li,
#bottomList .insideList li {
  white-space: nowrap;
  margin: 0;
  padding: 0;
  left: 0;
  width: 100%;
  height: 1.3em;
  line-height: 1.3em;
  text-align: left;
}

#topList .insideList li a,
#bottomList .insideList li a {
  width: 100%;
  font-size: 1em;
  line-height: 1.3em;
  height: auto;
}

.clear {
  clear:both;
}
/* \pop-up box */