/*
	layout.css
	
	This stylesheet controls the layout of the site pages.
	Colors are in another stylesheet.  This allows us to
	change the look of the page without accidentally affecting
	the layout.

*/

#body {
	/*
	This gives us a nice border around the content
	*/	
	margin: 9px 9px 0 9px;
	/*	background: #FFFFFF; */	
}

/* Debug - gives all divs a border */
div {
	/* border: 3px solid black; */	
}

/* 
	Establishes the color of the left column
*/
#level0 {
	width:100%;
	height:100%;
}

/*
	Establishes the separator between the left column
	and main content by specifying a margin and padding
	to push the content pane to the right
*/
#level1 {
	margin-left: 2em;		
}

/*
	Establishes a box for positioning the right-hand column
*/
#level2 {
	/*position:relative;*/
	width: inherit;
	height: inherit;
	padding-right: 2em;
}

#header {			
	margin:0px;
        padding:0px;
	height:100px;
}

#navBar {
	/*padding: 3px 3px 0 3px;*/
	text-align:center;	
	clear:both;
}

#navBar span {
	/*margin:2px;*/
	padding-right:4px;
	padding-left:4px;	
}

#navBar span.selected {
	/*margin:2px;*/
	padding-right:4px;
	padding-left: 4px;		
}

#content {	
	padding: 1em 3em 3em 3em;
}
#footer {
	padding: 7px 50px 7px 50px;
}