﻿.pageMenu a:link,
.pageMenu a:active,
.pageMenu a:visited,
.pageMenu a:hover { 
	font-family: Arial; 
	font-size: 11px; 
	font-weight: bold; 
	color: #6a6a6a; 
	text-decoration: none;
	font-style: normal; 
	line-height: 1.0; 
	font-variant: normal; 
	text-transform: uppercase; 
	text-decoration: none;
}

/*** MENU BAR ***/

div.pageMenuHolder {
	position: relative;
	z-index: 2;
	height: 34px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #6a6a6a;
	_zoom: 1;
}
span.pageMenuCornerLeft { height: 34px; width: 10px; display: block; position: absolute; top: 0px; left: 0px; z-index: 6; }
span.pageMenuCornerRight { height: 34px; width: 9px; display: block; position: absolute; top: 0px; right: 0px; _right: -1px; z-index: 6; }


/*** ESSENTIANL ELEMENT STYLES ***/

.pageMenu, .pageMenu * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold !important;
	font-family: Arial !important;
}
.pageMenu {
	line-height: 1.0;
}
.pageMenu ul {
	position: absolute;
	top:	-999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.pageMenu ul li {
	width: 100%;
}
.pageMenu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.pageMenu li {
	float: left;
	position: relative;
}
.pageMenu a {
	display:	block;
	position: relative;
}
.pageMenu li:hover ul,
.pageMenu li.pageMenuNodeHovered ul {
	left: 0px;
	top:	30px; /* match top ul list item height */
	z-index: 100;
}
ul.pageMenu li:hover li ul,
ul.pageMenu li.pageMenuNodeHovered li ul {
	top:	-999em;
}
ul.pageMenu li li:hover ul,
ul.pageMenu li li.pageMenuNodeHovered ul {
	left: 10em; /* match ul width */
	top:	0;
}
ul.pageMenu li li:hover li ul,
ul.pageMenu li li.pageMenuNodeHovered li ul {
	top: -999em;
}
ul.pageMenu li li li:hover ul,
ul.pageMenu li li li.pageMenuNodeHovered ul {
	left: 10em; /* match ul width */
	top:	0;
}


/*** PAGE MENU SKIN ***/

.pageMenu {
	float: left;
	display: inline;
	margin: 0 0 0 8px;
}
.pageMenu .pageMenuNodeHovered { z-index: 210; }

.pageMenu li {
	margin: 0 2px;
	background: url(../images/page-menu-separator.png) 100% 12px no-repeat;
}
.pageMenu a { /* main links */
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #6a6a6a;
	padding: 0 0 0 10px;
}
.pageMenu a span {
	display: block;
	padding: 14px 16px 9px 0;
}
.pageMenu li li a { /* popup links */
	padding: 4px 10px 4px;
	border-bottom: solid 1px #c2c2c2;
	text-decoration: none;
}
.pageMenu a, .pageMenu a:visited, .pageMenu a:active, .pageMenu a:focus  { /* visited pseudo selector so IE6 applies text colour*/
	color: #6a6a6a;
}


/*** SHADOWS ***/

.pageMenu li.pageMenuShadowLeft, .pageMenu li.pageMenuShadowLeft:hover  {
	display: none;
	position: absolute;
	top: 0px;
	left: -11px;
	height: 100%;
	width: 21px !important;
	margin: 0 0 0 -10px;
	background: url(../images/page-menu-shadow-left.png) no-repeat bottom left;
}
.pageMenu li.pageMenuShadowLeft span.pageMenuShadowTopLeft {
	display: none;
}
.pageMenu li li li.pageMenuShadowLeft span.pageMenuShadowTopLeft {
	display: none;
	width: 21px !important;
	height: 18px;
	position: absolute;
	top: -18px;
	padding: 0;
	background: url(../images/page-menu-shadow-left.png) no-repeat top left;
}
ul.pageMenu li.pageMenuTop, ul.pageMenu li.pageMenuTop:hover {
	display: block;
	height: 11px;
	overflow: hidden;
	background: url(../images/page-menu-popup-bg.png) top left repeat-x;
}
.pageMenu li li li.pageMenuTop, .pageMenu li li li.pageMenuTop:hover {
	display: block;
	margin: 0;
	position: absolute;
	top: -18px;
	left: 0px;
	height: 18px;
	padding: 0;
	background: url(../images/page-menu-shadow-right.png) no-repeat top right;
}

/*** NODE BACKGROUNDS ***/

.pageMenu li li {
	border-left: solid 1px #c2c2c2;
	border-right: solid 1px #c2c2c2;
	background: url(../images/page-menu-popup-node-bg.png) top left repeat;
}
.pageMenu li.pageMenuNodeWithChildren a {
	background: url(../images/page-menu-node-with-children.gif) right 7px no-repeat;
}
.pageMenu li.pageMenuNodeWithNoChildren a {
	background: url(../images/page-menu-popup-node-bg.png) top left repeat;
}


/*** LIST HOVERS ***/

.pageMenu li:hover, .pageMenu li.pageMenuNodeHovered,
.pageMenu a:focus, .pageMenu a:hover, .pageMenu a:active { /* main menu hover */
	outline: 0;
	text-decoration: none;
}
.pageMenu li:hover span, .pageMenu li.pageMenuNodeHovered span,
.pageMenu a:focus span, .pageMenu a:hover span, .pageMenu a:active span { /* main menu hover */
	text-decoration: none;
}
.pageMenu li li.pageMenuNodeWithChildren:hover, .pageMenu li li.pageMenuNodeWithChildren.pageMenuNodeHovered,
.pageMenu li li.pageMenuNodeWithChildren a:focus, .pageMenu li li.pageMenuNodeWithChildren a:hover, .pageMenu li li.pageMenuNodeWithChildren a:active { /* popup links width children hover */
	background: #cccccc url(../images/page-menu-node-with-children.gif) right 7px no-repeat;
	color: #ffffff;
	outline: 0;
	text-decoration: none;
}
.pageMenu li li.pageMenuNodeWithChildren a:focus, .pageMenu li li.pageMenuNodeWithChildren a:hover, .pageMenu li li.pageMenuNodeWithNoChildren a:active, .pageMenu li li.pageMenuNodeWithNoChildren a:focus, .pageMenu li li.pageMenuNodeWithNoChildren a:hover, .pageMenu li li.pageMenuNodeWithNoChildren a:active {
	border-bottom: solid 1px #c2c2c2 !important;
}
.pageMenu li li.pageMenuNodeWithNoChildren:hover, .pageMenu li li.pageMenuNodeWithNoChildren.pageMenuNodeHovered,
.pageMenu li li.pageMenuNodeWithNoChildren a:focus, .pageMenu li li.pageMenuNodeWithNoChildren a:hover, .pageMenu li li.pageMenuNodeWithNoChildren a:active { /* popup links hover */
	background: #cccccc;
	color: #ffffff;
	outline:	0;
	text-decoration: none;
}


/*** SHADOWS FOR MODERN BROWSERS ***/

.pageMenuShadow li li {
	border-left: none !important;
	border-right: none !important;
}
.pageMenuShadow ul {
	background: url(../images/page-menu-shadow-right.png) no-repeat bottom right;
	padding: 0 10px 20px 0;
	border: none;
}
ul.pageMenuShadow ul li.pageMenuShadowLeft, 
ul.pageMenuShadow li.pageMenuShadowLeft:hover, 
ul.pageMenuShadow li li li.pageMenuTop, 
ul.pageMenuShadow li li li.pageMenuTop:hover {
	display: block !important;
}
ul.pageMenuShadow li li li.pageMenuShadowLeft span.pageMenuShadowTopLeft {
	display: block;
}
.pageMenuShadow ul.sf-shadow-off {
	background: transparent;
}
.pageMenuShadow li.pageMenuNodeHovered ul { left: 11px; }
.pageMenuShadow li li.pageMenuNodeWithNoChildren, .pageMenuShadow li li.pageMenuNodeWithChildren, .pageMenuShadow li li.pageMenuTop { margin: 0 0 0 -11px; }


/*** FOR QUIRCKS MODE ***/

.pageMenu li li { margin: 0; }

/*** Default theme ***/

div.pageMenuHolder {
	background: url(../images/page-menu-bg.png) top left repeat-x;
}
span.pageMenuCornerLeft { background: url(../images/page-menu-corner-left.png) top left no-repeat; }
span.pageMenuCornerRight { background: url(../images/page-menu-corner-right.png) top right no-repeat; }

.pageMenu li:hover, .pageMenu li.pageMenuNodeHovered,
.pageMenu a:focus, .pageMenu a:hover, .pageMenu a:active { /* main menu hover */
	background: url(../images/page-menu-hover.png) bottom left no-repeat;
}
.pageMenu li:hover span, .pageMenu li.pageMenuNodeHovered span,
.pageMenu a:focus span, .pageMenu a:hover span, .pageMenu a:active span { /* main menu hover */
	background: url(../images/page-menu-hover.png) bottom right no-repeat;
}



/*** Inline menu (fake <select>) ***/
.inlineMenu
{
	zoom:1;
	vertical-align:middle;
}

.inlineMenu div.pageMenuHolder {
	background: none !important;
	height: 19px;
}
.inlineMenu span.pageMenuCornerLeft { display: none; width: 0px; height: 0px; }
.inlineMenu span.pageMenuCornerRight { display: none; width: 0px; height: 0px; }


.inlineMenu iframe {
	border: solid 1px #cdcdcd;
}
.inlineMenu .pageMenu li li {
	border-left: solid 1px #cdcdcd;
	border-right: solid 1px #cdcdcd;
}
.inlineMenu .pageMenu ul li {
	margin: 0px;
}

.inlineMenu {
	display: inline-block;
	*display: inline;
}
.inlineMenu .pageMenu {
	margin: 0;
}
.inlineMenu .pageMenu li {
	background: url(../images/page-menu-separator.png) 100% 12px no-repeat;
}
.inlineMenu .pageMenu li.pageMenuShadowLeft, 
.inlineMenu .pageMenu li.pageMenuShadowLeft:hover  {
	background: url(../images/inline-menu-shadow-left.png) no-repeat bottom left;
	top: 0px;
	left: -4px;
	height: 100%;
	width: 4px !important;
	margin: 0;
}
.inlineMenu .pageMenu li.pageMenuTop, 
.inlineMenu .pageMenu li.pageMenuTop:hover {
	display: none;
}
.inlineMenu .pageMenu li li li.pageMenuTop, 
.inlineMenu .pageMenu li li li.pageMenuTop:hover {
	display: block;
	top: -1px;
	background: url(../images/inline-menu-shadow-right.png) no-repeat top right;
}
.inlineMenu .pageMenu li li li.pageMenuShadowLeft span.pageMenuShadowTopLeft {
	height: 1px;
	width: 4px;
	top: -1px;
	background: url(../images/inline-menu-shadow-left.png) no-repeat top left;
}
.inlineMenu .pageMenuShadow ul {
	background: url(../images/inline-menu-shadow-right.png) no-repeat bottom right;
}
.inlineMenu .pageMenu li li {
	background: #ffffff;
}
.inlineMenu .pageMenu li.pageMenuNodeWithChildren a {
	background: #ffffff url(../images/inline-menu-node-with-child.gif) right top no-repeat;
}
div.inlineMenu .pageMenu li.pageMenuNodeWithNoChildren a {
	background: #ffffff;
}
.inlineMenu .pageMenu li li.pageMenuNodeWithChildren:hover, 
.inlineMenu .pageMenu li li.pageMenuNodeWithChildren.pageMenuNodeHovered,
.inlineMenu .pageMenu li li.pageMenuNodeWithChildren a:focus, 
.inlineMenu .pageMenu li li.pageMenuNodeWithChildren a:hover, 
.inlineMenu .pageMenu li li.pageMenuNodeWithChildren a:active { /* popup links width children hover */
	background: #2988c5 url(../images/inline-menu-node-with-child.gif) right bottom no-repeat; /* blue bg */
}
.inlineMenu .pageMenu li li.pageMenuNodeWithChildren a:focus, 
.inlineMenu .pageMenu li li.pageMenuNodeWithChildren a:hover, 
.inlineMenu .pageMenu li li.pageMenuNodeWithNoChildren a:active, 
.inlineMenu .pageMenu li li.pageMenuNodeWithNoChildren a:focus, 
.inlineMenu .pageMenu li li.pageMenuNodeWithNoChildren a:hover, 
.inlineMenu .pageMenu li li.pageMenuNodeWithNoChildren a:active {
	border-bottom: none !important;
}
.inlineMenu .pageMenu li li.pageMenuNodeWithNoChildren:hover, 
.inlineMenu .pageMenu li li.pageMenuNodeWithNoChildren.pageMenuNodeHovered,
.inlineMenu .pageMenu li li.pageMenuNodeWithNoChildren a:focus, 
.inlineMenu .pageMenu li li.pageMenuNodeWithNoChildren a:hover, 
.inlineMenu .pageMenu li li.pageMenuNodeWithNoChildren a:active { /* popup links hover */
	background: #2988c5;
}
.inlineMenu .pageMenu li:hover, 
.inlineMenu .pageMenu li.pageMenuNodeHovered,
.inlineMenu .pageMenu a:focus, 
.inlineMenu .pageMenu a:hover, 
.inlineMenu .pageMenu a:active { /* main menu hover */
	background: url(../images/inline-menu-bg.gif) bottom left no-repeat;
}
.inlineMenu .pageMenu li:hover span, 
.inlineMenu .pageMenu li.pageMenuNodeHovered span,
.inlineMenu .pageMenu a:focus span, 
.inlineMenu .pageMenu a:hover span, 
.inlineMenu .pageMenu a:active span { /* main menu hover */
	background: url(../images/inline-menu-bg.gif) bottom right no-repeat;
}
.inlineMenu .pageMenu a:link,
.inlineMenu .pageMenu a:active,
.inlineMenu .pageMenu a:visited,
.inlineMenu .pageMenu a:hover { 
	font-family: Arial; 
	font-size: 10px; 
	font-weight: bold; 
	color: #1e1e1e; 
	text-decoration: none;
	font-style: normal; 
	line-height: 1.0; 
	font-variant: normal; 
	text-transform: capitalize; 
	text-decoration: none;
}
.inlineMenu .pageMenu, 
.inlineMenu .pageMenu * {
	font-weight: normal !important;
}
.inlineMenu .pageMenu {
	margin: 0;
}
.inlineMenu .pageMenu li {
	margin: 0 2px;
	background: url(../images/inline-menu-bg.gif) top left no-repeat;
}
.inlineMenu .pageMenu a { /* main links */
	display: block;
	font-size: 10px;
	padding: 0 0 0 6px;
}
.inlineMenu .pageMenu a span {
	display: block;
	padding: 4px 32px 5px 0;
	background: url(../images/inline-menu-bg.gif) top right no-repeat;
}
.inlineMenu .pageMenu li li a { /* popup links */
	padding: 3px 10px;
	border-bottom: none;
	text-decoration: none;
}

.inlineMenu .pageMenu li:hover ul,
.inlineMenu .pageMenu li.pageMenuNodeHovered ul {
	left: 0px;
	_left: 1px;
	top: 19px;
}
.inlineMenu ul.pageMenu li li:hover ul,
.inlineMenu ul.pageMenu li li.pageMenuNodeHovered ul {
	left: 0;
	_left: 1px;
	top: 0;
}
.inlineMenu ul.pageMenu li li li:hover ul,
.inlineMenu ul.pageMenu li li li.pageMenuNodeHovered ul {
	left: 0;
}
.inlineMenu .pageMenuShadow li.pageMenuNodeHovered ul { 
	left: 4px;
}
.inlineMenu .pageMenuShadow li li.pageMenuNodeWithNoChildren, 
.inlineMenu .pageMenuShadow li li.pageMenuNodeWithChildren, 
.inlineMenu .pageMenuShadow li li.pageMenuTop { 
	margin: 0 0 0 -2px; 
}
.inlineMenu .pageMenuShadow ul {
	padding: 0 0 3px 0;
	border: none;
}


