#main_menu {
	margin-top : 11px;
}

.menu {
	width:903px;
	height:32px;
	position:relative;
	z-index:100;
	text-transform : uppercase;
	font-family : "Century Gothic", Arial, Helvetica, sans-serif;
	padding-left : 10px;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:926px;
	w\idth:925px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul ul {
	width:149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	/* width:149px;*/
	position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color : #0f4172;
	/* width:138px;*/
	height:32px;

	padding-left:9px;
	padding-right:8px;
	line-height:29px;

	border : 0px;
}

/* a hack so that IE5.5 faulty box model is corrected 
* html .menu a, * html .menu a:visited {
	width:149px;
	w\idth:138px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu_item1 a, * html .menu_item1 a:visited {
	width:188px;
	w\idth:168px;
	background-color : #FFFFFF;
	padding-right:0px;
	padding-left:0px;
	font-size:14px;
	text-align : center;
}
* html .menu_item1 ul li a, * html .menu_item1 ul li a:visited {
	border-right: solid 0px #a85aa9;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu_item2 a, * html .menu_item2 a:visited {
	width:357px;
	w\idth:337px;
	background-color : #FFFFFF;
	padding-right:0px;
	padding-left:0px;
	font-size:14px;
	text-align : center;
}

* html .menu_item2 ul li a, * html .menu_item2 ul li a:visited {
	border-right: solid 0px #a85aa9;
	border-bottom : solid 1px #c0d4e5;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu_item3 a, * html .menu_item3 a:visited {
	width:135px;
	w\idth:115px;
	background-color : #FFFFFF;
	padding-right:0px;
	padding-left:0px;
	font-size:14px;
	text-align : center;
}

* html .menu_item3 ul li a, * html .menu_item3 ul li a:visited {
	border-right: solid 0px #a85aa9;
	border-bottom : solid 1px #c0d4e5;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu_item4 a, * html .menu_item4 a:visited {
	width:122px;
	w\idth:102px;
	background-color : #FFFFFF;
	padding-right:0px;
	padding-left:0px;
	font-size:14px;
	text-align : center;
}

* html .menu_item4 ul li a, * html .menu_item4 ul li a:visited {
	border-right: solid 0px #a85aa9;
	border-bottom : solid 1px #c0d4e5;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu_item5 a, * html .menu_item5 a:visited {
	width:189px;
	w\idth:169px;
	background-color : #FFFFFF;
	padding-right:0px;
	padding-left:0px;
	font-size:14px;
	text-align : center;
}

* html .menu_item5 ul li a, * html .menu_item5 ul li a:visited {
	border-right: solid 0px #a85aa9;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu_item6 a, * html .menu_item6 a:visited {
	width:189px;
	w\idth:169px;
	background-color : #FFFFFF;
	padding-right:0px;
	padding-left:0px;
	font-size:14px;
	text-align : center;
}

* html .menu_item6 ul li a, * html .menu_item6 ul li a:visited {
	border-right: solid 0px #a85aa9;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {

}

/* style the second level hover */
.menu ul ul a.drop:hover{

}

.menu ul ul :hover > a.drop {

}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {

}

/* style the third level hover */
.menu ul ul ul a:hover {

}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:32px;
	left:0;
	width:149px;
}

.menu_item2 ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:32px;
	left:0;
	width:300px;
}


/* another hack for IE5.5 */
* html .menu ul ul {
	top:31px;
	t\op:32px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:149px;
	top:-1px;
	width:149px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	color:#000;
	height:auto;
	line-height:1em;
	font-size : 12px;
}

li.dropend2  {
	background-image : url(images/new_drop_bottom_2.png);
	background-repeat : no-repeat;
	height : 17px;
	width:200px;
	display : block;
	margin-left : 25px;
}

* html li.dropend2 {
	display : none;
}

/* style the second level links */
.menu_item2 ul  li a, .menu_item2 ul li a:visited {
	color:#a85aa9;
	height:auto;
	line-height:1em;
	width:180px;
	font-size : 14px;
	text-align : center;
	background-image : url(images/new_drop_bg.png);
	background-repeat : repeat-y;
	background-position : left;
	padding-top : 5px;
	padding-bottom : 5px;
	margin-left : 25px;
}

/* yet another hack for IE5.5 */
* html .menu_item2 ul  li a, * html .menu_item2 ul  li a:visited {
	width:180px;
	w\idth:200px;
	background-color : #FFFFFF;
	text-align : left;
	padding-left : 10px;
	border-left : 0px;
	margin-left : 0px;
	background-image : none;
}

li.dropend3  {
	background-image : url(images/new_drop_bottom_2.png);
	background-repeat : no-repeat;
	height : 17px;
	width:200px;
	display : block;
	margin-left : -40px;
}

* html li.dropend3 {
	display : none;
}

/* style the second level links */
.menu_item3 ul  li a, .menu_item3 ul li a:visited {
	color:#a85aa9;
	height:auto;
	line-height:1em;
	width:180px;
	font-size : 14px;
	text-align : center;
	background-image : url(images/new_drop_bg.png);
	background-repeat : repeat-y;
	background-position : left;
	padding-top : 5px;
	padding-bottom : 5px;
	margin-left : -40px;
}

/* yet another hack for IE5.5 */
* html .menu_item3 ul  li a, * html .menu_item3 ul  li a:visited {
	width:180px;
	w\idth:200px;
	background-color : #FFFFFF;
	text-align : left;
	padding-left : 10px;
	border-left : 0px;
	margin-left : 0px;
	background-image : none;
}

li.dropend4  {
	background-image : url(images/new_drop_bottom_2.png);
	background-repeat : no-repeat;
	height : 17px;
	width:200px;
	display : block;
	margin-left : -50px;
}

* html li.dropend4 {
	display : none;
}

/* style the second level links */
.menu_item4 ul  li a, .menu_item4 ul li a:visited {
	color:#a85aa9;
	height:auto;
	line-height:1em;
	width:180px;
	font-size : 14px;
	text-align : center;
	background-image : url(images/new_drop_bg.png);
	background-repeat : repeat-y;
	background-position : left;
	padding-top : 5px;
	padding-bottom : 5px;
	margin-left : -50px;
}

/* yet another hack for IE5.5 */
* html .menu_item4 ul  li a, * html .menu_item4 ul  li a:visited {
	width:180px;
	w\idth:200px;
	background-color : #FFFFFF;
	text-align : left;
	padding-left : 10px;
	border-left : 0px;
	margin-left : 0px;
	background-image : none;
}

/* yet another hack for IE5.5
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:150px;
	w\idth:128px;
} */

/* style the top level hover */
.menu a:hover {
	color:#a85aa9;
}

* html .menu a:hover {
	background:#FFFFFF;
}

.menu :hover > a {
	color:#a85aa9;
}

* html .menu :hover > a {
	background:#FFFFFF;
}

/* style the top level hover */
.menu ul ul a:hover{
	color : #0f4172;
	font-size : 14px;
}

.menu ul ul :hover > a {
	color : #0f4172;
	font-size : 14px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
	visibility:visible;
}
li.menu_item1 a, li.menu_item2 a, li.menu_item3 a, li.menu_item4 a, li.menu_item6 a {
	background-image : url(images/menu_devider.gif);
	background-repeat : no-repeat;
	background-position : right;
}