#header {
	position: relative;
	width: 100%;
	height: 70px;
	overflow: hidden;
}

#header ul {
    display: inline;
    width: 100%;
	list-style: none;
}

#header ul#primary {
    position: absolute;
	margin: 0;
	padding: 0;
}

#header ul#primary li  {
	float:left;
	background-image: url("inactive-tab.gif");
	background-repeat: no-repeat;
	width: 115px;
	height: 41px;
}

body#red #header ul#primary li.current, #header ul#primary li.red:hover {
	background-image: url("red-tab.gif");
}

body#yellow #header ul#primary li.current, #header ul#primary li.yellow:hover {
	background-image: url("yellow-tab.gif");
}

body#orange #header ul#primary li.current, #header ul#primary li.orange:hover {
	background-image: url("orange-tab.gif");
}

body#teal #header ul#primary li.current, #header ul#primary li.teal:hover {
	background-image: url("teal-tab.gif");
}

body#purple #header ul#primary li.current, #header ul#primary li.purple:hover {
	background-image: url("purple-tab.gif");
}

body#blue #header ul#primary li.current, #header ul#primary li.blue:hover {
	background-image: url("blue-tab.gif");
}

body#green #header ul#primary li.current, #header ul#primary li.green:hover {
	background-image: url("green-tab.gif");
}

body#dk-green #header ul#primary li.current, #header ul#primary li.dk-green:hover {
	background-image: url("dk-green-tab.gif");
}

body#blueberry #header ul#primary li.current, #header ul#primary li.blueberry:hover {
	background-image: url("bb-tab.gif");
}

#header ul#primary a {
    background: transparent;
    float: left;
	width: 100%;
	height: 41px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0;
	font-size: 120%;
	text-decoration: none;
	color: #525252;
}

#header ul#primary span, #header ul#primary a.current, #header ul#primary a:hover {
	color: white;
}

#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 38px;
	height: 32px;
    background-image: url("red-bg.gif");
    background-repeat: repeat-x;
}

#header ul#secondary.free {
    top: 10px;
}

body#red #header ul#secondary {
	background-image: url("red-bg.gif");
}

body#yellow #header ul#secondary {
	background-image: url("yellow-bg.gif");
}

body#orange #header ul#secondary {
	background-image: url("orange-bg.gif");
}

body#teal #header ul#secondary {
	background-image: url("teal-bg.gif");
}

body#purple #header ul#secondary {
	background-image: url("purple-bg.gif");
}

body#blue #header ul#secondary {
	background-image: url("blue-bg.gif");
}

body#green #header ul#secondary {
	background-image: url("green-bg.gif");
}

body#dk-green #header ul#secondary {
	background-image: url("dk-green-bg.gif");
}

body#blueberry #header ul#secondary {
	background-image: url("bb-bg.gif");
}

#header ul#secondary li  {
	float: left;
	display: block;
	background-image: none;
	height: 100%;
}

#header ul#secondary li a, #header ul#secondary li span {
    float: left;
	display: block;
	width: auto;
	padding: 6px 10px 0 10px;
	font-size: 120%;
	color: white;
}

#header ul#secondary li a {
    text-decoration: underline;
}

#header ul#secondary li#description {
    float: right;
    width: auto;
    padding-right: 10px;
    white-space: nowrap;
}

#header ul#secondary li#description span {
    font-size: 90%;
    white-space: nowrap;
    padding: 2px;
}