@charset "UTF-8";

@import url('wcag.css');

.left_mod #showmenu {display:none;}

#showmenu ul a { padding: 10px 10px 5px 10px; }

.nav
{
	font-family: PmingLiu, Arial;
	/*font-family: Helvetica Neue, Arial;*/
	font-size:0.9em;
	background-image: url(../image/menu/menu-bg.jpg);
}

.nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav ul li
{
	/*Previous
	float: left;
	*/
	position: relative;
	border-bottom: 1px solid #C7C7C7 !important;
}

/*.nav ul li:hover,*/
.nav ul li.hover
{
	z-index: 100;
}

.nav ul a
{	
	/*Previous
	background: rgb(254,238,191);	
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgb(254,238,191)),color-stop(0.85, rgb(255,246,222)));
	background-image: -moz-linear-gradient(center bottom,rgb(254,238,191) 50%,rgb(255,246,222) 85%);
	color: rgb(153,51,0);
	*/
	color: #fff; /**/
	_color: #ffffff !important;
	text-decoration: none;
	/*background-image: url(menu-subnav-duo-02-off-1.png);*/
	
	padding: 10px;
	display: block;
	_display: inline-block;
	/*Previous
	border: 1px solid rgb(254,203,51);
	*/
	
	position: relative;
	/*Previous
	margin-left: -1px; *//* collapses the left border */
}

/*.nav ul a:hover,
.nav ul a:focus,
.nav ul a:active,*/
.nav ul li.hover a /* <- keeps the tab hover state on as the dropdown gets explored */
{	
	/*Previous
	background: rgb(153,51,0);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgb(153,51,0)),color-stop(0.85, rgb(189,78,23)));
	background-image: -moz-linear-gradient(center bottom,rgb(153,51,0) 50%,rgb(189,78,23) 85%);
	*/
	background-color: #ff7c00; /*#*/
	color: rgb(255,255,255);
	_width: 192px;
	text-decoration: none;
	/*Previous
	border: 1px solid rgb(111,44,10);
	text-shadow: 0 1px 1px rgba(0,0,0,0.7);
	*/
}

.nav ul ul
{
	position: absolute;
	top: 100%;
	left: -1000em;
	width: 212px; /*Original: 180px;*/
}

/*.nav ul li:hover ul,*/
.nav ul li.hover ul
{
	left: 212px;
	top: 1px;
	_left: 212px; 
	_top: 1px;
	/*Previous
	left: 254px;
	top: 1px;
	*/
}

.nav ul ul li
{
	float: none;
	position: static;
	/*border-bottom: 1px solid #C7C7C7 !important;*/
	/*border-width: inherit;*/
}

/*.nav ul li:hover ul a,*/
.nav ul li.hover ul a
{	
	/*Previous
	background: rgb(255,255,255);
	color: rgb(153,51,0);
	border: 1px solid rgb(111,44,10);
	padding: 5px 10px;
	width: 168px;
	text-shadow: none;
	border-bottom: 1px solid #C7C7C7 !important;
	margin-top: -1px; */ /* collapses top border */
	
	background-color: #f0f0f0;
	color: #000000 !important;
	line-height: 1.2em; 
	padding: 7px 47px 7px 15px;
	width: 150px;
	
	text-decoration: none;
	font-family: PmingLiu, Arial;
	/*border-width: 150px;*/
	cursor: pointer;
	border-bottom: 1px thin #C7C7C7 !important;
	/*_border-bottom: 1px solid #C7C7C7 !important;*/
	/*_margin-top: 1px;*/ 
}

/*.nav ul li:hover ul a:hover,
.nav ul li.hover ul a:hover,
.nav ul li.hover ul a:focus,
.nav ul li.hover ul a:active*/
.nav ul li.hover ul li.hover a
{	
	/*Previous
	background: rgb(254,245,220);
	color: rgb(153,51,0);
	*/
	color: #000 !important;
	background-color: #f6b990;
	_width: 150px;
	/*_margin-top: -1px;*/
}

.menu-srpe-link{ background-image:url(../image/srpa-banner-bg.jpg); width:100%; height:91px;}
/*
.ordinance .wcagtag{display:none; visibility:hidden;}
.guidelines .wcagtag{display:none; visibility:hidden;}
.practice-notes .wcagtag{display:none; visibility:hidden;}
.faq-trade .wcagtag{display:none; visibility:hidden;}
.pamphlets .wcagtag{display:none; visibility:hidden;}*/