/*	Tabs
----------------------------------------------- */
#tabs ul {
	float: left;
	width: 100%;
	margin: 0 0 0 6px;
	padding: 0;
	list-style: none;
}
#tabs li {
	display: inline;
	margin:0; 
	padding:0;
}
#tabs a {
	/* this float determines if tabs are right or left justified */
	float: left;
	/* margin affects tab spacing */
	margin: 0 10px 0 0;
	padding: 0 0 0 8px;
	text-decoration: none;
	background: url(../../v1/image/header/tab-left.gif) no-repeat left top;
}
#tabs a span {
	display: block;
	margin: 0;
	/* determines the size of the tab */
	padding: 8px 10px 4px 2px;
	background: url(../../v1/image/header/tab-right.gif) no-repeat right top;
	white-space: nowrap;
	/* tabs font color */
	color: #302b54;
	font-size: 90%;
}
/*	Tabs - hovering
----------------------------------------------- */
/* This moves the image up when hovering and sets the text color */
#tabs a:hover, #tabs a:hover span {
	background: url(../../v1/image/header/tab-left.gif) no-repeat 0% -150px;
	color: #fff;
}
/* This moves the image up when hovering */
#tabs a:hover span {
	background: url(../../v1/image/header/tab-right.gif) no-repeat 100% -150px;
	color: #fff;
}
/*	Tabs - selected page
----------------------------------------------- */
/* This moves the image up when selected */
#menutab1 #tabs-menutab1 a,
#menutab2 #tabs-menutab2 a,
#menutab3 #tabs-menutab3 a,
#menutab4 #tabs-menutab4 a,
#menutab5 #tabs-menutab5 a,
#menutab6 #tabs-menutab6 a,
#menutab7 #tabs-menutab7 a,
#menutab8 #tabs-menutab8 a,
#menutab9 #tabs-menutab9 a,
#menutab10 #tabs-menutab10 a,
#menutab11 #tabs-menutab11 a,
#menutab12 #tabs-menutab12 a,
#menutab13 #tabs-menutab13 a {
	background: url(../../v1/image/header/tab-left.gif) no-repeat 0% -150px;
	color: #fff;
}
/* This moves the image up when selected */
#menutab1 #tabs-menutab1 span,
#menutab2 #tabs-menutab2 span,
#menutab3 #tabs-menutab3 span,
#menutab4 #tabs-menutab4 span,
#menutab5 #tabs-menutab5 span,
#menutab6 #tabs-menutab6 span,
#menutab7 #tabs-menutab7 span,
#menutab8 #tabs-menutab8 span,
#menutab9 #tabs-menutab9 span,
#menutab10 #tabs-menutab10 span,
#menutab11 #tabs-menutab11 span,
#menutab12 #tabs-menutab12 span,
#menutab13 #tabs-menutab13 span {
	background: url(../../v1/image/header/tab-right.gif) no-repeat 100% -150px;
	color: #fff;
}
/*	Navagation
----------------------------------------------- */
#nav ul, #nreg ul {
	float: left;
	width: 100%;
	/* this controls the height of the gap between the nav and tabs */
	margin: 1px 0 0 0; 
	padding: 0 0 0 0;
	list-style: none;
}
#nav li, #nreg li {
	display: inline;
	margin: 0; 
	padding:0;
}
#nav a, #nreg a {
	/* this float determines if nav are right or left justified */
	float: left;
	/* controls the gap between nav items */
	margin: 0 4px 0 0;
	/* left padding must be as wide as background image */
	padding: 0 0 0 2px;
	text-decoration: none;
	color: #fff;
}
#nav a span, #nreg a span {
	display: block;
	margin: 0;
	/* controls the width of the background, the right padding must equal left padding + image width for symmetry */
	padding: 1px 9px 3px 7px;
	white-space: nowrap;
}
#nreg ul {margin:0;}
#nreg a {margin: 0 2px 0 0;}
#nreg a span {	padding: 1px 9px 3px 7px;}
/*	Navagation - hovering
----------------------------------------------- */
/* This changes the background when hoving and selected */
#nav a:hover, #nreg a:hover {
	/* originally was left background */
	background: #299BB8 url(../../v1/image/header/nav-corner-left.gif) no-repeat left top;
}
#nav a:hover span, #nreg a:hover span {
	/* originally was right background */
	background: #299BB8 url(../../v1/image/header/nav-corner-right.gif) no-repeat right top;
}
/*	Navagation - selected page
----------------------------------------------- */
/* This changes the background color when selected */
#menunav1 #nav-menunav1 a,
#menunav2 #nav-menunav2 a,
#menunav3 #nav-menunav3 a,
#menunav4 #nav-menunav4 a,
#menunav5 #nav-menunav5 a,
#menunav6 #nav-menunav6 a,
#menunav7 #nav-menunav7 a,
#menunav8 #nav-menunav8 a,
#menunav9 #nav-menunav9 a,
#menunav10 #nav-menunav10 a,
#menunav11 #nav-menunav11 a,
#menunav12 #nav-menunav12 a,
#menunav13 #nav-menunav13 a,
#menunreg1 #nreg-menunav1 a,
#menunreg2 #nreg-menunav2 a,
#menunreg3 #nreg-menunav3 a,
#menunreg4 #nreg-menunav4 a,
#menunreg5 #nreg-menunav5 a,
#menunreg6 #nreg-menunav6 a,
#menunreg7 #nreg-menunav7 a,
#menunreg8 #nreg-menunav8 a,
#menunreg9 #nreg-menunav9 a,
#menunreg10 #nreg-menunav10 a,
#menunreg11 #nreg-menunav11 a,
#menunreg12 #nreg-menunav12 a,
#menunreg13 #nreg-menunav13 a {
	/* originally was left background */
	background: #302b54 url(../../v1/image/header/nav-corner-left.gif) no-repeat left top;
	color:#fff;
}
/* This changes the background color when selected */
#menunav1 #nav-menunav1 span,
#menunav2 #nav-menunav2 span,
#menunav3 #nav-menunav3 span,
#menunav4 #nav-menunav4 span,
#menunav5 #nav-menunav5 span,
#menunav6 #nav-menunav6 span,
#menunav7 #nav-menunav7 span,
#menunav8 #nav-menunav8 span,
#menunav9 #nav-menunav9 span,
#menunav10 #nav-menunav10 span,
#menunav11 #nav-menunav11 span,
#menunav12 #nav-menunav12 span,
#menunav13 #nav-menunav13 span,
#menunreg1 #nreg-menunav1 span,
#menunreg2 #nreg-menunav2 span,
#menunreg3 #nreg-menunav3 span,
#menunreg4 #nreg-menunav4 span,
#menunreg5 #nreg-menunav5 span,
#menunreg6 #nreg-menunav6 span,
#menunreg7 #nreg-menunav7 span,
#menunreg8 #nreg-menunav8 span,
#menunreg9 #nreg-menunav9 span,
#menunreg10 #nreg-menunav10 span,
#menunreg11 #nreg-menunav11 span,
#menunreg12 #nreg-menunav12 span,
#menunreg13 #nreg-menunav13 span {
	/* originally was right background */
	background: #302b54 url(../../v1/image/header/nav-corner-right.gif) no-repeat right top;
	color:#fff;
}