#menu {
	float: left;
	height: 40px;
	width: 768px;
	margin-top: -67px;
	margin-left: 0px;
}

#menu-wrap {
	width:731px;
	height:40px;
	z-index:100;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: 5px top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 275px;
	padding: 0px;
}

/* hack to correct IE5.5 faulty box model */

* html #menu-wrap {width:100%; w\idth:100%}

/* remove all the bullets, borders and padding from the default list styling */

#menu-wrap ul {
	padding:0;
	list-style-type:none;
	margin: 0;
}

#menu-wrap li, #menu-wrap a, #menu-wrap div {
	padding:0;
	margin: 0px;
	text-align: center;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 15px;
}

#menu-wrap ul ul {}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#menu-wrap ul li {
	float:left;
	position:relative;
	width: 121px;
	background-image: url(../../../../../themes/parchment/images/menu.png);
	background-repeat: no-repeat;
	background-position: -131px 0px;
}

#menu-wrap ul ul li {
	width:100%;
	display: none;
}



/* style the links for the top level */

#menu-wrap ul a, #menu-wrap ul a:visited {
	display:block;
	line-height:41px;
	margin-top: -1px;
}

/* a hack so that IE5.5 faulty box model is corrected */

* html #menu-wrap a, * html #menu-wrap a:visited {width:10px; w\idth:10px;padding-right:20px;white-space:nowrap}



/* style the second level background */

#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    border: 0px;
	display: none !important;
}




/* another hack for IE5.5 */

* html #menu-wrap ul ul {top:30px;t\op:30px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

#menu-wrap table {position:absolute; top:0; left:0; border-collapse:collapse;;}




/* yet another hack for IE5.5 */

* html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {width:150px;w\idth:128px;}

                                  

/* make the second level visible when hover on first level list OR link */

#menu-wrap ul li:hover ul,

#menu-wrap ul a:hover ul{
	display: none;
}




/* style the second level background */

#menu-wrap ul ul a, #menu-wrap ul ul a:visited {

    border: 0px;

}



#menu-wrap li.section{

    line-height:11px;

    padding-left:10px; 

    padding-right: 11px;    

}



/* hide the sub levels and give them a positon absolute so that they take up no room */

#menu-wrap ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:149px;}

/* another hack for IE5.5 */

* html #menu-wrap ul ul {top:30px;t\op:30px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

#menu-wrap table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

#menu-wrap ul ul a, #menu-wrap ul ul a:visited {

    height:auto; line-height:15px; padding:5px 10px; width:150px;

}

/* yet another hack for IE5.5 */

* html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {width:150px;w\idth:128px;}

                                  

/* make the second level visible when hover on first level list OR link */

#menu-wrap ul li:hover ul,

#menu-wrap ul a:hover ul{visibility:visible; }





#menu-wrap li.selected_page{
	line-height:15px;

}

#menu-wrap li.selected_subpage{    

    line-height:25px;

    padding-left:10px; 

    padding-right: 11px;    

}

#menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited{

    padding-right:0; 

    padding-left:0; 

}

#menu-wrap li.selected_page{
	line-height:40px;

}


.cms-nav-clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}