/**
 * Basic styling for toplevel and sublevel menu items
 */
li {
margin:0px;
padding:0px;
}

ul.NAV1,
ul.NAV1 ul {
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

/**
 * Use absolute positioning for the submenu, this makes sure IE does 
 * not resize the container DIV
 */
ul.NAV1 ul {
    position: absolute;
}

/**
 * Position list items relative to the menu it is in,
 * required to keep absolute positioned elements inside the list item
 */
ul.NAV1 li {
    position: relative;
    float: left;
}

/**
 * Styling of links used in the menu
 * Change colors, padding and text-decoration as you like
 */
ul.NAV1 li a {
    color: #FFFFFF;
}

ul.NAV1 li a,
ul.NAV1 li a.hover,
ul.NAV1 li a.active {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:29px;
	padding-left:20px;
	text-decoration:none;
}

/**
 * This block describes styling of hovered menu items
 * Change colors or text-decoration as you like
 */
ul.NAV1 a.hover,
ul.NAV1 a.active {
color: #FFCCCC;
 }

/**
 * This block describes styling of active menu items
 */
ul.NAV1 a.active {

}

/**
 * The next two blocks style the submenu positioning inside a list-item
 * One block for W3C browsers, one for IE6.
 * adjust top and left to change spacing
 */
ul.NAV1 li > ul {
    display: none;
	background-color:#B10232;
	margin-left:10px;
	padding-bottom:5px;
}
* html ul.NAV1 ul {
    display: none;
	background-color:#B10232;
	margin-left:20px;
	padding-bottom:5px;
}

ul.NAV11 li > ul {
    display: none;
    position: absolute;
    left: 149px;
    top: 5px;
}
* html ul.NAV11 ul {
    display: none;
    position: absolute;
    left: 149px;
    top: 5px;
}

/**
 * This will open the submenu when hovered
 */
ul.NAV1 ul.hover {
    display: block;
}

ul.NAV11 li {
    position: relative;
	float:none;
	border-bottom:1px dashed #FFFFFF;
	margin:0px 10px;
	
	
}

/**
 * Styling of links used in the menu
 * Change colors, padding and text-decoration as you like
 */
ul.NAV11 li a {
    color: #FFFFFF;
}
ul.NAV11 li a,
ul.NAV11 li a.hover,
ul.NAV11 li a.active {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	padding:3px 10px;
	text-decoration:none;
	
}

/**
 * This block describes styling of hovered menu items
 * Change colors or text-decoration as you like
 */
ul.NAV11 a.hover,
ul.NAV11 a.active {
color: #FFCCCC;
}

/**
 * This block describes styling of active menu items
 */
ul.NAV11 a.active {

}

