/* --------------------------------------------- 

www.meyerkupferman.com
layout stylesheet

Version:  0
Author: JoyEllen Snellgrove
Last Updated: 25 July 2006

Works in Browsers: IE6

--------------------------------------------- */

/* Set the starting conditions */
/* No padding */
/* Text size so that 1em = approx 5 px at default size */

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-size: 125%;
	height: 100%;
}


/* Add normal left padding to text sections */
/* TODO:  Fix - wrapper shows at right edge of content - check box model and figure out */

#header {
	padding-left: 1.5em;
	padding-right: 1.5em;
}

#content {
	padding-left: 1.5em;
	padding-right: 2em;
}


/* center content wrapper and limit to a good line length */
/* set decorative image */

#wrapper {
	width: 32em;
	position: relative;
	left: 50%;
	margin-left: -16em;
	padding-left: 1.5em;
	padding-right: 0;
	background: white url(../images/score3.jpg) repeat-y top left;
	z-index: 1;
}


/* Positiion utilities horizonally as links in upper right corner */
/* N.B.  child (li) is floated so parent (ul) has no height */

#utilitiesNav {
	list-style: none;
}

#utilitiesNav li {
	float: right;
}

#utilitiesNav a {
	padding: .2em;
}

/* Positiion main navigation horizonally as buttons, offset */
/* TODO:  Fix - the horizontal scroll bar doesn't allow scrolling far enough to the left */

#header {
	height: 4em;
	width: 100%;
	padding-bottom: .5em;
	position: relative; 
	z-index: 2
}

#content {
	width: 100%;
}

#mainNav {
	list-style: none;
	position: absolute;
	left: -3em;
	bottom: -2em;
}

#mainNav li {
	float: left;
	padding-top: 1em;
	padding-bottom: 1em;
}

#mainNav a {
	width: 100%;
	padding: .5em;
	text-decoration: none;
}

#content {
	z-index: 1;
	padding-top: 2.5em;
}

/* Positiion secondary navigation vertically as links, offset */

#secondaryNav {
	list-style: none;
	position: absolute;
	left: -6.8em;
	bottom: -14em;
	width: 6em;
	z-index: 3;
}

#secondaryNav a {
	display: block;
	width: 100%;
	padding: .2em;
	text-decoration: none;
}

/* Position stuff in footer */

#copyright {
	float: left;
}
#lastupdated {
	float: right;
}

/* Clear all floats */
#clear {
	clear: both;
}