/*keep this file for reference before updating and also change iecss*/

ul#cssmw {
/*change the height from 30 to 23 and comment out background image properties*/
/*  background-image: url("../cssmw_images/bg.jpg");
  background-repeat: repeat-x;*/
  cursor: default;
  height: 23px;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
ul#cssmw ul {
  cursor: default;
  font-size: 0;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
ul#cssmw ul li {
  background-image: none;
  float: none;
}
ul#cssmw li {
  background-image: none;
  float: left;
  padding: 0 0 0 0;
  position: relative;
  white-space: nowrap;
}
ul#cssmw li ul {
  display: none;
  top: 0;
}
ul#cssmw li:hover > ul {
  display: block;
  position: absolute;
}
ul#cssmw > li {
  background-image: none;
}
ul#cssmw > li > span {
  background-image: none;
  display: block;
}
ul#cssmw > li > span > a {
/*add line height of 22px to move text down towards the middle of the button*/
  background-image: url("../cssmw_images/button.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  border-style: none;
  color: #1D3C74;
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  line-height: 22px;
  height: 23px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  text-decoration: none;
  width: 150px;
}
ul#cssmw > li > span > a:active {
/*add line height of 22px to move text down towards the middle of the button*/
  background-image: url("../cssmw_images/button.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  color: #1D3C74;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 22px;
  text-decoration: none;
}
ul#cssmw > li:hover > span {
  display: block;
}
ul#cssmw > li:hover > span > a {
/*add line height of 22px to move text down towards the middle of the button*/
  background-image: url("../cssmw_images/hover.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  color: #990000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 22px;
  text-decoration: none;
}
ul#cssmw ul.level-1 {
  left: 0px;
  top: 100%;
}
ul#cssmw ul.level-1 > li {
  background-image: none;
}
ul#cssmw ul.level-1 > li > span {
  background-image: none;
  display: block;
}
ul#cssmw ul.level-1 > li > span > a {
	/*change text align to centre for sub menu text*/
	/*add line height of 22 to centre the text into the middle of the button
add a border of white to the bottom and light grey to the others
add a background colour of white*/
  background-image: url(../cssmw_images/subbutton.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	color: #1D3C74;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 23px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 150px;
	background-color: #FFFFFF;
	line-height: 22px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	font-weight: bold;
}
ul#cssmw ul.level-1 > li > span > a:active {
	/*add line height of 22 to centre the text into the middle of the button
add a border of white to the bottom and light grey to the others
add a background colour of white*/
	background-image: url(../cssmw_images/subbutton.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	color: #1D3C74;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: center;
	line-height: 22px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	font-weight: bold;
}
ul#cssmw ul.level-1 > li:hover > span {
  display: block;
}
ul#cssmw ul.level-1 > li:hover > span > a {
	/*add line height of 22 to centre the text into the middle of the button
add a border of white to the bottom and light grey to the others
add a background colour of white*/
	background-image: url(../cssmw_images/subhover.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: center;
	line-height: 22px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	font-weight: bold;
}
/*ul#cssmw ul.level-2 {
  left: 150px;
}
ul#cssmw ul.level-2 > li {
  background-image: none;
}
ul#cssmw ul.level-2 > li > a {
  background-color: #DD545E;
  background-image: none;
  border-bottom: dotted 1px #F1F4BE;
  border-left: solid 1px #F1F4BE;
  border-right: solid 1px #667F45;
  color: #fff;
  display: block;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 5px 5px 5px 5px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px;
}
ul#cssmw ul.level-2 > li > a:active {
  background-color: #F1F4BE;
  border-bottom: dotted 1px #DD545E;
  border-right: solid 1px #F1F4BE;
  color: #481B1C;
  font-weight: bold;
  text-decoration: none;
}
ul#cssmw ul.level-2 > li:hover > a {
  background-color: #F1F4BE;
  border-bottom: dotted 1px #DD545E;
  border-right: solid 1px #F1F4BE;
  color: #481B1C;
  font-weight: bold;
  text-decoration: none;
}
*/