/* CSS Document */
<!--

/*
	Position Elements
	
	Basically the page is wired fairly simply.  There is a constant background image
	that establishes the drop shadow.  Then we use a header and a footer element to 
	write over the drop shadow at the correct junctures.   A tent pole element is
	introduced to keep a short page from showing it's slip at the bottom of the page.
*/

#header {
	/*
		Establishes a 990px by 40px buffer at the top center of the page.  Base
		positioning area.
	*/
	text-transform: capitalize;
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
	width: 990px;
	height:60px;
	
	}
	#header_fill {
	/*
		Although the header is 990px wide to cover up the drop shadows, we actually want a 
		970px area for the text to fill in here.  I'm wondering if this shouldn't actually
		be 990px with a 20px right padding to keep the global menu items in line.
	*/
	width: 970px;
	height: 1px;
	float: left;	
	
	
	
	}
#contentsheet {
	/*
		Eastablishes the content area.  This area is delibrately 20px shorter than
		the header and footer element.  This is to allow the drop shadow on the background
		image to come through on the left and right of this container element.
		
		*/
	position: relative;
	width:970px;
	padding: 0px;
	margin: 0px;
	
}
#centercontent {
	/*
		The herospot can be an image or flash element cut to any of the ways shown in the 
		webstandards.	
	*/
	width: 970px;
	float: left;
	padding: 0px;
	margin: 0px;
	}
#dropshadow_bottom {
	/*
		Establishes a 990px buffer at the bottom of the page.  I'd like to see this 
		be 100px tall instead of 10px and I've requested the images to make that happen.
	*/
	height: 150px;
	width: 990px;
	padding: 0px;
	margin: 0px;
	
	}

#footer {			
	padding-left:30px;
	height: 90px;
	float:left;}


body {
	background-image: url("/frontNav/pagebackground.png");	
  	background-attachment:fixed;
	background-position: 50% 0;	
	color: #333333; }
	
#header {
	background-image: url("/frontNav/topgr60.png");
	}
#dropshadow_bottom {
	background-image: url("/frontNav/bottom.png");}	

* {
	/*
		Going for the universal with IE.
	*/
	/*
	padding: 0px;
	margin: 0px;
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
body {
	/*
		And here is the attempt for Firefox.
	*/
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	}


hr{
	/*
		Universal Horzontal Rule height set.
	*/
	height:1px;}
/*
	Sub Anchor text styles.
*/


table {
	border: 0px;
	border-spacing: 0px;
	}
td {
	padding: 0px;
	vertical-align: top; 
	}
#headred {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #ca151c;
	}

-->