@charset "utf-8";

/*  Main Navigation  */
/*********************/

/* Styles shared with sectionNav */
#mainNav, #sectionNav {
	position: absolute;
	list-style-type: none;
	/*right: 35px; /*How far the whole meni is from the right of the scrren or div (if inside div)*/
	width:430px;
	color: #333333;
	font-family:Arial;
	font-size: 11px;
	font-weight:bold;
	letter-spacing:0px;
	line-height:11px;
	text-align:center;
	top: 82px;
	left: -20px;
}

#mainNav {
	/*top: 72px; height from top of page*/
	height: 24px;
	float: left;
	/*background-repeat:repeat-x;*/
	/*background-image: url(mainBg.jpg);*/
	z-index: 99;
}

/* Fix for Firefox, Safari and IE7, hidden from IE6 */
html>body #mainNav, html>body #sectionNav {
	margin-top: 0;
}

#mainNav li{
/*	position: relative;*/
	float: left;
	padding-left:10px;/*Allows left menu tab to be seen - also should be same as left tab width*/
	background-repeat: no-repeat;
	background-image: url(../images/tableft_off.gif);
}
#mainNav li a{
/*	position: relative;*/
	display:block;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left:0px; /*padding space to the left of the actual menu item text or graphic*/
	padding-right:15px;/*padding space to the right of the actual menu item text or graphic*/
	background-repeat: no-repeat;
	background-position: right top;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/tabright_off.gif);
}
#mainNav li a:hover{
	color: #FF6633;
}
#mainNav #mn11 a{
	/* a little addition to make the two nav bars line-up */
	padding-left:11px;
}
/*  Sub Navigation  */
#sectionNav{
	top: 100px; /*position / space from the top main nav. Increase for bigger gap or decrease for smaller gap*/
	height: 24px;
	background-repeat: no-repeat;
	background-image: url(../images/subbg.jpg);
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	z-index: 98;
}
#sectionNav li{
	/*	position: relative;*/
	float: left;
	padding-left:5px;
	background-repeat: no-repeat;
	background-position: 0px;
	background-image: url(../images/tableft_on.gif);
	height: 24px;
}
#sectionNav li a{
	display:block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	padding-right:7px;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
}
#sectionNav li a:hover{
	color: #FF6633;
}
/*Blank subnav*/
#sectionNavBlank {
	position: absolute;
	right: 33px;
	top: 100px;
	/*width: 786px;*/
	height: 35px;
	background-image: url(../images/subbg.jpg);
	background-repeat:repeat-x;
	background-position: left;
}


/*---------------------------------------------------------*/
/*main nav*/
.m1 #mn1,
.m2 #mn2,
.m3 #mn3,
.m4 #mn4,
.m5 #mn5,
.m6 #mn6,
.m7 #mn7,
.m8 #mn8,
.m9 #mn9,
.m10 #mn10,
.m11 #mn11{
	background-image: url(../images/tablefttop_on.gif);
	background-repeat:no-repeat;
}

/*-*/
.m1 #mn1 a,
.m2 #mn2 a,
.m3 #mn3 a,
.m4 #mn4 a,
.m5 #mn5 a,
.m6 #mn6 a,
.m7 #mn7 a,
.m8 #mn8 a,
.m9 #mn9 a,
.m10 #mn10 a,
.m11 #mn11 a{
	background-image: url(../images/tabrighttop_on.gif);
	background-repeat:no-repeat;
	color: #ffffff;
}
/*---------------------------------------------------------*/
/*sub nav*/
.s1 #sn1,
.s2 #sn2,
.s3 #sn3,
.s4 #sn4,
.s5 #sn5,
.s6 #sn6,
.s7 #sn7,
.s8 #sn8,
.s9 #sn9,
.s10 #sn10,
.s11 #sn11{color: #FF6633;}