/*** HORIZONAL MENU ***/
.main_menu, .main_menu * {
    margin:			0;
	padding:		0;
	list-style:		none;
}
.main_menu {
	line-height:	1.0;
}
.main_menu li {
	float:			left;
	position:		relative;
}
.main_menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.main_menu a {
	display:		block;
	position:		relative;
	text-decoration: none;
}
.main_menu>li {
	padding-left: 6px;
	height: 48px;
	font-size: 14px;
	font-weight: bold;
}
.main_menu>li>a {
	padding: 10px 7px 10px 2px;
	height: 28px;
	text-align: center;
	color: #ffffff;
}
.main_menu>li.item1:hover, .main_menu>li.item5:hover,
.main_menu>li.menuItemHighlight.item1, .main_menu>li.menuItemHighlight.item5 {
	background: url('graphics/design/mm_left_bg_green.png') no-repeat top left;
}
.main_menu>.item1:hover>a, .main_menu>li.item5:hover>a,
.main_menu>li.menuItemHighlight.item1>a, .main_menu>li.menuItemHighlight.item5>a {
	background: url('graphics/design/mm_right_bg_green.png') no-repeat top right;
}
.main_menu>.item2:hover, .main_menu>li.item6:hover,
.main_menu>li.menuItemHighlight.item2, .main_menu>li.menuItemHighlight.item6 {
	background: url('graphics/design/mm_left_bg_pink.png') no-repeat top left;
}
.main_menu>.item2:hover>a, .main_menu>li.item6:hover>a,
.main_menu>li.menuItemHighlight.item2>a, .main_menu>li.menuItemHighlight.item6>a {
	background: url('graphics/design/mm_right_bg_pink.png') no-repeat top right;
}
.main_menu>.item3:hover, .main_menu>li.item7:hover,
.main_menu>li.menuItemHighlight.item3, .main_menu>li.menuItemHighlight.item7 {
	background: url('graphics/design/mm_left_bg_orange.png') no-repeat top left;
}
.main_menu>.item3:hover>a, .main_menu>li.item7:hover>a,
.main_menu>li.menuItemHighlight.item3>a, .main_menu>li.menuItemHighlight.item7>a {
	background: url('graphics/design/mm_right_bg_orange.png') no-repeat top right;
}
.main_menu>.item4:hover, .main_menu>li.item8:hover,
.main_menu>li.menuItemHighlight.item4, .main_menu>li.menuItemHighlight.item8 {
	background: url('graphics/design/mm_left_bg_purple.png') no-repeat top left;
}
.main_menu>.item4:hover>a, .main_menu>li.item8:hover>a,
.main_menu>li.menuItemHighlight.item4>a, .main_menu>li.menuItemHighlight.item8>a {
	background: url('graphics/design/mm_right_bg_purple.png') no-repeat top right;
}
.main_menu ul {
    position:		absolute;
	top:			-999em;
	padding: 5px 0px;
	width:			12em; /* left offset of submenus need to match (see below) */
	background-color: #fff;
    box-shadow: 1px 1px 1px #666;
    behavior: url('graphics/css/PIE.htc');
}
.main_menu>li>ul {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	behavior: url('graphics/css/PIE.htc');
}
ul.main_menu>li.item1 li ul,
ul.main_menu>li.item2 li ul,
ul.main_menu>li.item3 li ul,
ul.main_menu>li.item4 li ul {
    -moz-border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 1px 1px 1px #666;
    behavior: url('graphics/css/PIE.htc');
}
ul.main_menu>li.item5 li ul,
ul.main_menu>li.item6 li ul,
ul.main_menu>li.item7 li ul,
ul.main_menu>li.item8 li ul {
    -moz-border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: -1px 1px 1px #666;
    behavior: url('graphics/css/PIE.htc');
}
.main_menu ul li {
	width:			100%;
    font-weight: normal;
}
.main_menu ul a {
	padding: 8px 0px 8px 8px;
	color: #000;
}
.main_menu ul li:hover {
	background-color: #999999;
}
.main_menu ul li:hover>a {
	color: #ffffff;
}
.main_menu li:hover ul,
.main_menu li.sfHover ul {
	left:			0;
	top:			48px; /* match top ul list item height */
	z-index:		99;
}
.main_menu>li:last-child:hover>ul,
.main_menu>li:last-child.sfHover>ul {
    left:			auto;
    right: 0;
}
ul.main_menu li:hover li ul,
ul.main_menu li.sfHover li ul {
	top:			-999em;
}
ul.main_menu li li:hover ul,
ul.main_menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			-5px;
}
ul.main_menu li li:hover li ul,
ul.main_menu li li.sfHover li ul {
	top:			-999em;
}
ul.main_menu li li li:hover ul,
ul.main_menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			-5px;
}
ul.main_menu>li.item5 li:hover ul,
ul.main_menu>li.item6 li:hover ul,
ul.main_menu>li.item7 li:hover ul,
ul.main_menu>li.item8 li:hover ul,
ul.main_menu>li.item5 li.sfHover ul,
ul.main_menu>li.item6 li.sfHover ul,
ul.main_menu>li.item7 li.sfHover ul,
ul.main_menu>li.item8 li.sfHover ul {
    left: -12em;
    top:			-5px;
}
ul.main_menu>li.item5 li:hover ul,
ul.main_menu>li.item5 li.sfHover ul,
ul.main_menu>li.item6 li:hover ul,
ul.main_menu>li.item6 li.sfHover ul,
ul.main_menu>li.item7 li:hover ul,
ul.main_menu>li.item7 li.sfHover ul,
ul.main_menu>li.item8 li:hover ul,
ul.main_menu>li.item8 li.sfHover ul {
    left:    		-12em; /* match ul width */
	top:			-5px;
}
ul.main_menu>li.item5 li li:hover ul,
ul.main_menu>li.item5 li li.sfHover ul,
ul.main_menu>li.item6 li li:hover ul,
ul.main_menu>li.item6 li li.sfHover ul,
ul.main_menu>li.item7 li li:hover ul,
ul.main_menu>li.item7 li li.sfHover ul,
ul.main_menu>li.item8 li li:hover ul,
ul.main_menu>li.item8 li li.sfHover ul {
    left:        	-12em; /* match ul width */
	top:			-5px;
}

/*** arrows **/
.main_menu ul a.sf-with-ul {
	padding-right: 	2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
ul.main_menu .sf-sub-indicator {
    position:		absolute;
	display:		block;
	right:			0em;
	top:			0.5em; /* IE6 only */
	width:			13px;
	height:			13px;
	text-indent: 	-999em;
	overflow:		hidden;
}
ul.main_menu>li.item1 ul .sf-sub-indicator, ul.main_menu>li.item5 ul .sf-sub-indicator {
	background:		url('graphics/design/submenu_arrow_green.png') no-repeat;
}
ul.main_menu>li.item2 ul .sf-sub-indicator, ul.main_menu>li.item6 ul .sf-sub-indicator {
	background:		url('graphics/design/submenu_arrow_pink.png') no-repeat;
}
ul.main_menu>li.item3 ul .sf-sub-indicator, ul.main_menu>li.item7 ul .sf-sub-indicator {
	background:		url('graphics/design/submenu_arrow_orange.png') no-repeat;
}
ul.main_menu>li.item4 ul .sf-sub-indicator, ul.main_menu>li.item8 ul .sf-sub-indicator {
	background:		url('graphics/design/submenu_arrow_purple.png') no-repeat;
}


/*** VERTICAL MENU ***/
.side_menu, .side_menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.side_menu {
	line-height:	1.0;
}
.side_menu li {
	float:			left;
	position:		relative;
    background: url('graphics/design/side_menu_item_bg_top.png') no-repeat top center;
    padding-top: 3px;
    font-size: 14px;
}
.side_menu li:hover, .side_menu li.menuItemHighlight {
    background: url('graphics/design/side_menu_current_item_bg_top.png') no-repeat top center;
}
.side_menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.side_menu a {
	display:		block;
	position:		relative;
    background: url('graphics/design/side_menu_item_bg_bottom.png') no-repeat bottom center;
    padding: 10px 8px;
    color: #333333;
    text-decoration: none;
}
.side_menu a:hover, .side_menu li.menuItemHighlight>a {
    background: url('graphics/design/side_menu_current_item_bg_bottom.png') no-repeat bottom center;
}
.side_menu ul {
	position:		absolute;
	top:			-999em;
	width:			170px; /* left offset of submenus need to match (see below) */
}
.side_menu ul li {
	width:			100%;
}
.side_menu, .side_menu li {
	width:	170px;
}
.side_menu li:hover ul,
.side_menu li.sfHover ul {
	left:			-170px; /* match ul width */
	top:			0;
	z-index:		99;
}
ul.side_menu li:hover li ul,
ul.side_menu li.sfHover li ul {
	top:			-999em;
}
ul.side_menu li li:hover ul,
ul.side_menu li li.sfHover ul {
	left:			-170px; /* match ul width */
	top:			0;
}
ul.side_menu li li:hover li ul,
ul.side_menu li li.sfHover li ul {
	top:			-999em;
}
ul.side_menu li li li:hover ul,
ul.side_menu li li li.sfHover ul {
	left:			-170px; /* match ul width */
	top:			0;
}

.side_menu ul.menuItemHighlight li {
    background: none;
    text-indent: -5px;
    margin-left: 5px;
}
.side_menu ul.menuItemHighlight a {
    background: none;
    padding: 5px 8px 5px 16px;
}
.side_menu ul.menuItemHighlight li:hover ul {
    background: #eee;
    box-shadow: -1px 1px 1px #666;
    behavior: url('graphics/css/PIE.htc');
}
.side_menu ul.menuItemHighlight a:hover {
    text-decoration: underline;
}
.side_menu ul a.current {
    background: url('graphics/design/side_menu_current_dot.png') no-repeat left center;
}
ul.side_menu ul.menuItemHighlight,
ul.side_menu li:hover ul.menuItemHighlight, ul.side_menu li.sfHover ul.menuItemHighlight {
    position: static;
}