ul.topmain{
  list-style: none;
  padding:0;
  margin:0;
  width:180px;
  display:block;
}
a.topmain{
  font-family: Arial; 
  font-size: 16px;
  padding:1px;
  margin:0;
  display:block;
  width: 180px;
  color: #ffffff;
  text-decoration:none; 
  font-weight:bold;
  text-align:center;
  background: transparent;
}

ul.topmain li a:hover{
  color: #ffffff;
  background: #7F7FAF;
}

ul.subul{
  list-style: none;
  padding:0;
  margin:0;
  width: 180px;
  position:relative;
  overflow:visible; 
  z-index:99;
}
a.subul a,.subul a:link,.subul a:visited,.subul a:active {
  text-decoration:none; 
  color:#FFFFFF;
  font-size: 12px;
  margin:0;
  padding:2px;
  width: 180px; 
  display:block;
  background: #7F7FAF;
}

.subul a:hover{
  color: #cdcdcd;
}
 
#nav{
  margin:0;
  padding:0;
  list-style: none;
  -moz-box-sizing: border-box;
}

#cnav{
  position:absolute;
  z-index:101;
}

#nav li,#nav ul li { 
  padding:0;
  margin:0;
  position: relative; 
  float:left;
  width: 180px;
}

#nav li a:hover { 
  background: #7F7FAF;
  color: #ffffff;
}

#nav ul{
  display:none;
}

#nav ul ul, #nav ul ul ul{
  display:none; 
  position:absolute; 
  padding:0;
  margin-top:-1.8em; 
  margin-left:100px;
	width:180px; 
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
 display:none;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
 display:block;
}

@media screen, projection {
/* This next rule exploits a parsing bug in MacIE5 so @media rules will be applied on screen*/
.BeNiceToMacIE5 {        /* next 2 lines are known as the "box model hack" */
  font-family: "\"}\"";
  font-family: inherit;
}
/* WinIE5 hoses the selector following a box model hack, 
   so a dummy selector here will resync it */
.resyncWinIE5 {
}


body {
	font-size: 100%;     /* prevent weird scaling in WinIE */
}








#vert-menu {
	float: left;
	width: 100%;
}

#vert-menu ul,
#vert-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	overflow: hidden;
}
/* hide from MacIE \*/
div#vert-menu ul,
div#vert-menu li {
	overflow: visible;
} /* end hack */

/* default list styles are for the disappearing submenu lists */
#vert-menu ul {
	background-color: transparent;
	color: #ffffff;
	width: 100%;
}

/* the default styles for submenu links */
#vert-menu li a, #vert-menu li a:link, #vert-menu li a:visited  {
	padding-top: 2px;
	padding-bottom: 3px;
	color: #FFE060;
	background-color: transparent;
	display: block;
	margin: 0;
	text-decoration: none;
	position: relative; /* prevent WinIE weirdness */
}
/* the colors here are the same as links embedded in the content area, but don't have to be */

#vert-menu li a:hover {
	color: #FFE060;
	background-color: transparent;
	text-decoration: underline;
}

/* the main menu link, styled as a 'CSS button' */
#vert-menu a.mainmenu {
	text-decoration: none;
	text-align: left;
	display: block;
	margin: 0;
	visibility: visible;
	background: transparent;
	color: #FFE060;
}

/* the main menu link, styled as a 'CSS button' */
#vert-menu a.submenu {
	text-decoration: none;
	text-align: left;
	display: block;
	padding-left: 12px;
	visibility: visible;
	background: transparent;
	color: #FFE060;
	font-size: 11px;
}

#vert-menu a.mainmenu:visited, #vert-menu a.mainmenu:hover {
	color: #FFE060;    /* for top-level links, unvisited and visited are same color */
	background-color: transparent;
}

/* hack to prevent excessive spacing in WinIE */
* html #vert-menu ul.mainmenu li {
	display: inline;
} /* end hack */
/* hack to prevent weird widths in WinIE5 \*/
* html #vert-menu ul.mainmenu li a {
	height: 1%;
} /* end hack */

} /* end screen rules */