/* ######### Drop Down DIVs CSS ######### */
div#ddtopmenubar {
	float:right;
	width:100%;
	height:100%;
}

.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
	font: normal 13px Verdana;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	border-bottom-width: 0;
	visibility: hidden;
	z-index: 100;
	margin:0 0 0 -1px;
}

.ddsubmenustyle ul{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	border: 1px solid #CCCCCC;
}

.ddsubmenustyle li a{
	background: url("/images/bg-top-sub-menu.jpg") repeat-x scroll 0 0 #FFFFFF;
    color: #3F3F3F;
    display: block;
    font: 13px Myriad Pro;
    padding: 12px 14px;
    text-decoration: none;
    width: 151px;
	border-bottom: 1px solid #CCCCCC;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
	text-decoration:none;
	background:#333;
	color:#fff;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
	padding:0 0 0 16px;
	border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
	position: absolute;
	padding-top: 3px;
	left: 100px;
	border: 0;
}

.ddiframeshim{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

.mattblackmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	/*width: 100%;*/
}

.mattblackmenu li{
	margin: 9px 0 0;
	float:left;
	
}

.mattblackmenu li a{
    display: block;
    float: left;
    margin: 0;
    padding: 0px;
    text-align: left;
    text-decoration: none;
}

.mattblackmenu li a.topMenuStyleLast{ }

.mattblackmenu li.topMenuParent div.topMenuContainerBox{
	background: url("/images/img-top-menu-arrow.png") no-repeat scroll right 4px transparent;
    float: left;
    padding: 0 18px 0 0;
}

.mattblackmenu li.topMenuParent:hover div.topMenuContainerBox{
	background: url("/images/img-top-menu-arrow-active-ornage.png") no-repeat scroll right 4px transparent;
}

.mattblackmenu li a:visited{}

.mattblackmenu li a:hover{
	/*background: url("/images/bg-top-menu-selected.jpg") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
	text-decoration:none;*/
}

.mattblackmenu a.topMenuStyleSelected{
	/*background: url('/images/bg-top-menu-selected.jpg') repeat-x;*/ /* background of tabs for selected */
	color:green;
	
}
.mattblackmenu a.topMenuStyleSelected:hover{
	/*background: #30271C;*/ /* background of tabs for selected */
	/*color:#C6BCAE;*/
	text-decoration:underline;
}


.ddsubmenustyle li a.topMenuStyleSecSelected{
	color:#92845F;
	/*width:160px;
	padding:5px 15px;*/
}
.ddsubmenustyle li a.topMenuStyleSecSelected:hover{
	color:#C6BCAE;
	/*width:160px;
	padding:5px 15px;*/
	text-decoration:underline;
}

a.topMenuStyle img{
	float: right;
    margin: 8px 0 0 8px;
}

a.topMenuStyle:link, a.topMenuStyle:visited, a.topMenuStyle:active  { font:bold 18px Myriad Pro; text-decoration:none; color:#333;}
a.topMenuStyle:hover, .mattblackmenu a.selected {text-decoration:none; color:#F69522;}

a.topMenuStyleSelected:link, a.topMenuStyleSelected:visited, a.topMenuStyleSelected:active  {color:#F69522;} 


span.topmenu{
	font:normal 14px Myriad Pro;
	color: #525252;
}

a.topMenuStyleSelected span.topmenu, a.topMenuStyle:hover span.topmenu{color:#000;} 

a.topMenuStyle:hover span,.mattblackmenu a.selected span {color:#404040}
a.selected < div {background:red}

li.topmenudivider {
	height:52px;
	width:1px;
	background:#BBBBBB;
	margin:0 22px;
}


div#topBarMenu{
	float:left;
	margin:0 0 0 14px;
}
 
div#topBarMenu li{
	margin: 0;
}

div#topBarMenu li a {
	border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    color: #CCCCCC;
    font: bold 12px Arial;
    height: 22px;
    padding: 5px 0 0;
    text-align: center;
    width: 142px;
}

div#topBarMenu li a img{
    margin: 0 0 0 5px;
}

.tbsubmenustyle ul{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
    background:  #E8E8E8;
}

.tbsubmenustyle li a{ 
    background:  #E8E8E8;
    border: medium none;
    color: #333333;
    font: 12px Arial;
    padding: 8px 10px;
	width:123px;
}

.tbsubmenustyle li a:hover {
	background:#919191;
	color:#fff;
}

li.tbsubmenuDivider{
	width:123px;
	height:1px;
	background:#fff;
	margin: 0 10px;
}