/*----------------------
layout setup
------------------------*/
    html{
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}


	body {
		background:#CCCCCC;
		margin:0;
		padding:0;
		text-align:center;
	    	}

	div.frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		border:1px solid #000000;		
		}
	
	div.content {
	
		width:800px;
		padding:0px;
		background:#99cccc;
		border-top:1px solid #000000;
		border-bottom:1px solid #000000;
		}
		
	
	
	div.header {
		
		width:800px;
		height:100px;
		padding:0px;
		background:#99cccc url(banner.gif);
	
		}
		
	div.nav_bar {
		
		width:800px;
		height:40px;
		padding:0px;
		background:#663366;
		border-top:1px solid #000000;
		
		}
		
	div.footer {
	
		width:800px;
		height:40px;
		padding:0px;
		background:#663366;
		
		}

		


/*----------------------
rollovers
------------------------*/

	
		
	a.nav_bar {
	
		font:12px arial, georgia;
		color:#ffffff;
		text-align:center;
		letter-spacing:1px;
		text-decoration:none;
		}
		
	a.nav_bar:hover {
	
		font:12px arial, georgia;
		color:#99FFFF;
		text-align:center;
		letter-spacing:1px;
		text-decoration:none;
		}
		




/*----------------------
image setup
------------------------*/

	img.header {
		float:left;
		}
		

	img.roll {
		border:1px solid #000000;
		position:center;
		padding:0px;
		}



/*----------------------
font setup
------------------------*/



	p.nav {
		padding:1em;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		font:12px arial, georgia;
		color:#ffffff;
		text-align:center;
		letter-spacing:1px;
		text-decoration:none;
		}

	p.content {
		padding:1em;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		font:11px arial, georgia;
		color:#333333;
		text-align:left;
		letter-spacing:1px;
		}
		
	p.content_form {
		padding:1em;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		font:11px arial, georgia;
		color:#333333;
		text-align:center;
		letter-spacing:1px;
		}
		
	p.content_center {
		padding:1em;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		font:11px arial, georgia;
		color:#333333;
		text-align:center;
		letter-spacing:1px;
		}
		
	p.links {
		padding:1em;
		margin-top:1px;
		margin-bottom:1px;
		margin-left:20px;
		margin-right:20px;
		font:10px arial, georgia;
		color:#333333;
		text-align:center;
		letter-spacing:1px;
		}
		
	p.page {
		padding:1em;
		margin-top:1px;
		margin-bottom:1px;
		margin-left:20px;
		margin-right:20px;
		font:10px arial, georgia;
		color:#333333;
		text-align:center;
		letter-spacing:1px;
		}
		
	p.title {
		height:18px;
		padding:0.5em;
		border-top:1px solid #404040;
		border-bottom:1px solid #404040;
		margin-top:1px;
		margin-bottom:1px;
		margin-left:0px;
		margin-right:0px;
		font:12px arial, georgia;
		color:#ffffff;
		text-align:left;
		letter-spacing:2px;
		background:#996699;
		}
				
	p.copyright {
		padding:1em;
		margin-top:0px;
		margin-bottom:0px;
		font:12px arial, georgia;
		color:#ffffff;
		text-align:center;
		letter-spacing:2px;
		}

	a.content {
		color:#333333;
		font: 12px arial, georgia;
		text-decoration:none;
		}
	a.content:hover {
		color:#ffcc00;
		}