/* The following is common CSS and must not be changed */
.wpEctMenu {display:block;float:left;clear:both;position:relative;width:auto;}
.wpEctMenu UL {list-style:none;padding:0;margin:0;float:left;}
.wpEctMenu LI UL,.wpEctMenu .wpSubMenu {position:absolute;visibility:hidden;}
.wpEctMenu LI ul a,.wpEctMenu LI UL LI,.wpEctMenu LI A{float:none;}
.wpEctMenu A,.wpEctMenu LI{display:block;position:relative;}
.wpEctMenu LI:hover>UL {display:block;visibility:visible}
.wpEctMenu LI:hover{}
.wpEctMenu LI UL {top:0;left:100%;}
.wpEctMenu .horizMenu>LI{float:left;}
.wpEctMenu .horizMenu UL {top:100%;left:0;}
.wpEctMenu .horizMenu LI UL UL {top:0;left:100%;}
.wpEctMenu .horizMenu .horizItem{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;white-space:nowrap !important;vertical-align:middle;}
/* The above is common CSS and must not be changed */

.wpEctMenu UL, .wpEctMenu .horizMenu{
	background-color:#ccc;
	border:1px solid #777; /* Need this, even though if it's 0px to fix an Opera bug */
	padding:2px 2px 3px 2px;
	padding:1px;
	box-shadow: 5px 5px 5px #888;
}
.wpEctMenu UL LI A, .wpEctMenu .horizMenu A {
	color:#000;
	text-decoration:none;
	font-size:75%;
	font-family:Verdana, Tahoma, Arial;
	padding:3px;
}
.wpEctMenu .horizMenu A:hover, .wpEctMenu .horizMenu .activeItem A{
	color:#000099;
}
.wpEctMenu LI:hover, .wpEctMenu .horizMenu .activeItem {
	padding:2px;
	border:1px solid black;
	background-color:#82B6D7;
}
.wpEctMenu .hSubImage{
	position:relative;
	width:10px;
	display:inline-block;
	background-image: url(menu-arrow.gif) !important;
	background-repeat:no-repeat !important;
	background-position:right !important;
	margin:0px 1px 0px 1px !important;
}
.wpEctMenu .activeItem .hSubImage{
	background-image: url(menu-arrow.gif);
}
.wpEctMenu .horizMenu .separator{
	background:#777;
	height:100%;
	width:1px;
	overflow:hidden;
	margin:-2px 2px -2px 2px;
	display:block;
}





.wpEctMenu UL UL, .wpEctMenu .vertMenu{
	background-color:#ccc;
	border:1px solid #999;
	padding:2px; /* Left Offset for sub Menus */
	margin-top:0px; /* Top offset for sub menus*/
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	border-radius: 0.2em; /* w3 */
}
.wpEctMenu  UL UL A, .wpEctMenu .vertMenu A{
	color:#000;
	text-decoration:none;
	font-size:75%;
	
	font-family:Verdana, Tahoma, Arial;
	padding:3px 26px 3px 23px;
	width:auto;
	white-space:nowrap !important;
}
.wpEctMenu UL UL A:hover, .wpEctMenu .vertMenu A:hover, .wpEctMenu .vertMenu .activeItem A{
	color:#000099 !important;

	/*text-decoration:underline;*/
}
.wpEctMenu LI:hover, .wpEctMenu .vertMenu .activeItem {
	/*background-image:url('item-bg.gif') !important;*/
	background-repeat:repeat-x;
	background-color:#82B6D7 !important;
	
	padding:2px 25px 2px 22px;
	border:1px solid #000 !important;	
}
.wpEctMenu .vSubImage{
	position:absolute;
	
	right:0;
	width:10px;
	
	background-image: url(menu-arrow.gif) !important;
	background-repeat:no-repeat !important;
	background-position:right !important;
	margin-right:2px !important;
}

.wpEctMenu .activeItem .vSubImage{
	
	background-image: url(menu-arrow.gif);
	margin-right:1px !important;
}
.wpEctMenu .separator{
	background:#777;
	/*background:url('horizontal_dot_red.gif');*/
	height:1px;
	font-size:0px; /*Fixes a big in IE7 adding space when it should not*/
	overflow:hidden;
	margin:2px -2px 2px -2px;
	display:block;
}


.wpEctMenu LI UL,.wpEctMenu .menu2 A{
	padding:3px 11px 3px 3px;
}
.wpEctMenu LI:hover, .wpEctMenu .menu2 .activeItem {
	padding:2px 10px 2px 2px;
}




.wpEctMenu .wpVerticalParent{
	/*margin-left:-10px;*/
}

.wpEctMenu .wpHorizontalParent{
	/*margin-left:-10px;*/
}






.wpEctMenu .menuItem img{
	margin:-2px 2px -2px -2px;
}

















.underline:hover{
	text-decoration:underline;
}





.wpEctMenu img{
	vertical-align:middle;
	border:0;
}

/*.wpEctMenu .menuIcon1:hover,.wpEctMenu .menuIcon1 .activeItem
{
	background-image:url('baseline_button_off.gif');
}
*/





.wpEctMenu .menuIcon
{
	/*background-image:url('xp_preview.gif');*/
	height:16px;
	width:18px;
	/*border:1px solid black;*/
	display:inline-block;
	vertical-align:middle;
	margin-right:2px;
	background-repeat:no-repeat;
	/*margin:-3px 3px -2px -1px;*/
	
	/*float:left;*/
	
}

.wpEctMenu .icon1{
	background-image:url('xp_preview.gif');
}
.wpEctMenu .activeItem .icon1{
	background-image:url('moz_small.gif') !important;
}


.wpEctMenu .icon2{
	background-image:url('xp_settings.gif');
}
.wpEctMenu .activeItem .icon2{
	background-image:url('nn4_small.gif') !important;
}

.wpEctMenu .icon3{
	background-image:url('xp_width.gif');
}
.wpEctMenu .activeItem .icon3{
	background-image:url('nn6_small.gif') !important;
}


.wpEctMenu .icon4{
	background-image:url('xp_question.gif');
}
.wpEctMenu .activeItem .icon4{
	background-image:url('op_small.gif') !important;
}


.wpEctMenu .icon5{
	background-image:url('xp_search.gif');
}
.wpEctMenu .activeItem .icon5{
	background-image:url('ie_small.gif') !important;
}



/*Over and Sub Image for AJAX Pre Loader*/
.wpEctMenu .wpMenuIconLoading {
	background-image: url(load.gif) !important;
}





.wpEctMenu .pageMatch{
	/*font-style:italic;
	color:#000 !important;
	*/
}
.wpEctMenu .vertMenu .menuItem {
	/*background-image:url('baseline_button_off.gif');*/
	background-repeat:repeat-x;
}





.wpEctMenu .freestyle 
{
	color:yellow;
	background:darkblue;
	visibility:hidden;
	position:absolute !important;
}

.wpEctMenu .freestyle ul{
	padding:10px;
	margin:0;
	background:darkblue;
	border:1px solid yellow;
	/*
	float:left;
	clear:both;
	*/
}

.wpEctMenu .freestyle li{
	font-size:0px;
	margin:0;
	padding:0;
	/*
	float:left;
	width:100px;
	*/
}

.wpEctMenu .freestyle a{
	
	margin:0;
	
	/*
	float:left;
	width:100px;
	*/
}


.wpEctMenu .freestyle a:hover{
	
	margin:0;
	background:green;
	color:yellow;
	/*
	float:left;
	width:100px;
	*/
}

