body
{

	/*
		Base font size and family values 
	*/		


	font-size:75%; 
	font-family:Arial, Helvetica, sans-serif, Verdana;

	/*
		These margin values set the outside border that frame 
		the main page content
	*/		
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;	

	/*
		This is the color value for the background outside
		of the main page content
	*/
	background: #665 url('images/background.jpg') top center repeat-y;
		
	
}


div.content
{

	text-align: left;
	padding-left: 11.5em;
	
}

div.content li
{
	padding: 0;
	padding-top: .5em;

}

div.footer
{
	
	width: 100%;
	
	text-align: center;
	
	clear: both;
	
	padding-top: 10em;
}	

div.menu
{

	width: 11em;
	padding: .5em;
	
}

div.menu a
{

	text-decoration: none;
	color: #000;
	width: 100%;
	padding-left: .5em;

}

div.menu li
{

	text-align: left;
	font-weight: bold;

}

div.menu ul
{

	padding: 0;
	padding-left: .5em;
	margin: 0;

}

div.menu a:link, div.menu a:visited
{
	
	text-decoration: none;
}


/*
	This code controls the appearance of the menu mouse overs and 
	the current page look
*/

div.menu a:hover, div.menu a.current
{


	background-color: #665;
	color: #fff;	
	text-decoration: none;
  	background: transparent url('images/menuGradient.jpg') top left repeat-x;	
	
}



div.middle
{

	padding: .5em;
	padding-top: 0em;
	margin: 0;
	width: 50%;
	text-align: left;

}

	
/*

	div.pageContainer is the main content holder for the entire site
	changing the background color here will change the background for 
	the entire site, but not the background color that frame the main
	content area

*/

div.pageContainer
{

	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 700px;
	background: #f5f5f5;
	
	
	
}

div.shadowUnder
{


	background: transparent url('images/gradient.jpg') bottom left no-repeat;
	height: 110px;

}


h1.logo 
{
    
    height: 100px;
    background: url('images/headerImage.jpg') repeat-x;

    margin-right: 	0;
    margin-bottom: 	0;
    margin-left: 	0;
    margin-top: 	0;
    
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    

}


h3, h4
{
	padding: 0;
	margin: 0;

}

h4
{

	padding-top: .5em;

}


ul
{
	/*
		Values for lists, mainly for the menu
	*/

	list-style-type: none;
	
}


.spiffy *
{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#666655;  
}

.spiffy1
{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #bdbdb5;
	border-right:1px solid #bdbdb5;
	background:#8c8c7f;
}

.spiffy2
{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #efefee;
	border-right:1px solid #efefee;
	background:#838375;
}

.spiffy3
{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #838375;
	border-right:1px solid #838375;
}

.spiffy4
{
	border-left:1px solid #bdbdb5;
	border-right:1px solid #bdbdb5;
}

.spiffy5
{
	border-left:1px solid #8c8c7f;
	border-right:1px solid #8c8c7f;
}

.spiffyfg
{
	background:#666655;
	color: #fff;
	padding-left: .5em;
	background: transparent url('images/menuGradient.jpg') top left repeat-x;
}

.spiffyItem
{

	margin-top: .15em;
	
}



.left
{

	float: left;

}

.right
{

	float: right;

}