/*
Image Cache (preloads mouseover graphics to avoid delay)
--------------------------------------------------------
*/

.menuCache {
	display:none;
}


/*
Tab elements
-------------------------
*/

#tabArea {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 500px;
	height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#tab1 {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 62px;
	height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#tab2 {
	display: block;
	position: absolute;
	top: 0px;
	left: 72px;
	width: 103px;
	height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#tab3 {
	display: block;
	position: absolute;
	top: 0px;
	left: 184px;
	width: 184px;
	height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#tab1 a.tabOff {
	display: block;
	width: 62px;
	height: 19px;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab1_off.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab1 a.tabOff:visited {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab1_off.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab1 a.tabOff:hover {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab1_over.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab1 a.tabOn {
	display: block;
	width: 62px;
	height: 19px;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab1_on.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab1 a.tabOn:visited {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab1_on.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab1 a.tabOn:hover {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab1_on.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab2 a.tabOff {
	display: block;
	width: 103px;
	height: 19px;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab2_off.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab2 a.tabOff:visited {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab2_off.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab2 a.tabOff:hover {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab2_over.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab2 a.tabOn {
	display: block;
	width: 103px;
	height: 19px;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab2_on.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab2 a.tabOn:visited {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab2_on.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab2 a.tabOn:hover {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab2_on.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab3 a.tabOff {
	display: block;
	width: 184px;
	height: 19px;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab3_off.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab3 a.tabOff:visited {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab3_off.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab3 a.tabOff:hover {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab3_over.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab3 a.tabOn {
	display: block;
	width: 184px;
	height: 19px;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab3_on.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab3 a.tabOn:visited {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab3_on.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#tab3 a.tabOn:hover {
	color: #ffffff;
	background-image: url("/images/common/header/tabs/tab3_on.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}


/*
Menu Button elements
-------------------------
*/

#menuStrip {
	display: block;
	position: relative;
	width: 740px;
	height: 20px;
	margin: 0px 0px 12px 0px;
	background-color: #000000;
}

#menuArea {
	display: block;
	position: absolute;
	top: 2px;
	left: 11px;
	width: 750px;
	height: 18px;
	z-index: 90;
	overflow: hidden;
}

.menuDivider {
	display: block;
	float: left;
	margin: 1px 9px 0px 9px;
	height: 14px;
	width: 1px;
	background-color: #ffffff;
	overflow: hidden;
}

#menuArea a {
	display: block;
	float: left;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#menuArea dl {
	display: none;
}

#menuArea a.MenuOn {
	color: #ffffff;
}

#menuArea a.MenuOff {
	color: #ffffff;
}

#menuArea a.MenuOver {
	color: #ffffff;
}

/*
Drop-down menu elements
-----------------------
*/

#DropDownMenu {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 200px;
	left: 0px;
	top: 135px;
	z-index: 100;
	visibility: hidden;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background-color: #000000;
}
#DropDownMenu dl {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	background-color: #000000;
}
#DropDownMenu dd {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#DropDownMenu .DropDownSpacer {
	display: block;
	margin: 2px 8px 3px 8px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background-color: #949698;
	overflow: hidden;
}
#DropDownMenu dd a {
	display: block;
	position: relative;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 3px 11px 3px 11px;
	color: #ffffff;
	text-decoration: none;
}
#DropDownMenu dd a:visited {
	background-color: transparent;
	padding: 3px 11px 3px 11px;
	color: #ffffff;
	text-decoration: none;
}
#DropDownMenu dd a:hover {
	padding: 3px 11px 3px 11px;
	background-color: #d72d27;
	color: #ffffff;
	text-decoration: none;
}

#menuArea2 ul {padding:0;margin:0 0 0 0;list-style-type:none; z-index: 99;}

#menuArea2 ul li ul {width:120px; margin:0 0 0 0px; list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* if you want to fix width of items, do it here */
#menuArea2 li {
	float:left;
	margin:0 3px 0 0;
	position:relative;
	list-style-type: none;
}
/* style the links for the top level */
#menuArea2 a, #menuArea2 a:visited {display:block;font-size:12px;text-decoration:none; color:#ffffff;  height:30px; padding-left:2px; line-height:24px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menuArea2 a, * html #menuArea2 a:visited {width:140px; w\idth:130px;}

/* style the second level background */
#menuArea2 ul li ul a.drop, #menuArea2 ul ul a.drop:visited {background:#55565a 130px center;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
#menuArea2 ul li ul {visibility:hidden;position:absolute;height:0;top:24px;left:0; width:129px;}
/* another hack for IE5.5 */
* html #menuArea2 ul li ul {top:30px;t\op:31px;}


/* style the table so that it takes no part in the layout - required for IE to work */
#menuArea2 table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#menuArea2 ul li ul a, #menuArea2 ul ul a:visited {background:#464648; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
#menuArea2 ul li ul a:hover {background:#ABC634; color:#ffffff;}


/* yet another hack for IE5.5 */
* html #menuArea2 ul li ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#menuArea2 a:hover, #menuArea2 ul a:hover{color:#ffffff;}
#menuArea2 :hover > a, #menuArea2 ul :hover > a {color:#FFFFFF;}

/* make the second level visible when hover on first level list OR link */
#menuArea2 ul li:hover ul,
#menuArea2 ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menuArea2 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menuArea2 ul :hover ul :hover ul{ visibility:visible;}