#main {
/* Creates background area for secondary navigation */
	border: 1px solid #666666;
	clear: both;
	background: #0033FF;
	padding-top: 2em;
}

#contents {
/* Formats the content area */
	padding: 1.5em;
	background: #FFFDF3;
	min-height: 300px;
}

#contentheader {
	border: 1px solid #000000;
	position: relative;
	background-color: #FFFFFF;
	top: -10px;
	bottom: -10px;
	height: 20px;
	vertical-align: middle;
	padding: 3px;
}

p.pagenavtext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	display: inline;	
}

#header {
/* Creates header space--adjust the width to make more or less room for tabs */
	position: relative;
	width: 100%;
	height: 3em;
	width: 770px; /* was width: 45em; can be adjusted for more tab space */
}

#header ul#primary {
/* Defines space for UL */
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 770px; /* was width: 45em; can be adjusted for more tab space */
}

#header ul#primary li  {
/* formats bullets in a straight line */
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
/* Defines the inactive tabs font style and space around text */
    /* width: 8em; in Original -- but by removing that and adding right-left padding the tab sizes to the text */
	display: block;
	float: left;
	padding: 4px 4px;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-decoration: none;
	color: #000000;
}

#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
/* Defines Active Tabs */
	border: 1px solid #666666;
	border-bottom: none;
	background: #0033FF;
	padding-bottom: 6px;
	margin-top: 0;
	color: #FFFFFF;
	font-weight: bold;
}

#header ul#primary a {
/* Defines the Tab style for Inactive Tabs */
	background: #E4E4E4;
	border: 1px solid #AAA;
	border-bottom: none;
}

#header ul#primary a:hover {
/* Describes the Hover properties used for inactive tabs */
	margin-top: 0;
	border-color: #666;
	background: #999999;
	padding-bottom: 5px;
	color: #FFFFFF;
}

#header ul#secondary {
/* Positioning the secondary navigation.  Puts it one space lower than the primary navigation */
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em;
}

#header ul#secondary li a,#header ul#secondary li span {
/* Formats the secondary tabs, giving them their individual, dotted-line separated formatting */
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #FFFFFF;
	background: none;
}

#header ul#secondary li a {
/* Gives secondary navigation its font color and text decoration */
	color: #FFFFFF;
	text-decoration: underline;
}

#header ul#secondary li a:hover {
/* Secondary navigation hover link properties */
	color: #CCCCCC;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #FFFFFF;
}

#header ul#secondary li a:active {
/* Secondary navigation active link properties - doesn't seem to make much of a difference */
	color: #CCCCCC;
	background: transparent;
	text-decoration: none;
}

#header ul#secondary span,#header ul#secondary a.current,#header ul#secondary a.current:hover {
/* Defines Active Tabs */
	border: 1px solid #000000;
	border-bottom: none;
	background: #CC0000;
	padding-bottom: 6px;
	margin-top: 0;
	color: #FFFFFF;
	font-weight: normal;
}

#header ul#secondary li:last-child a { border: none; }