/* This stylesheet is interesting in that; it takes a picture 
			and it attempts to make that picture the background of the entire
			page. With some creative graphic work, and some transparent gif's
			this can make the process of creating a new website skin really easy.
			Essentially you could take any picture, and drop it into a single spot,
			and you are done with design work, and the whole things is good to go
			(maybe change some colors around)
		*/
	
	body{
	/* Some generic HTML overrides for how I like to design my pages */
	margin:4px;
	padding:0px;
	text-align:center;
	background-color: #EEEEEE;
}
	table tr td{
		vertical-align:top;
		font-family:arial;
		font-size:12px;
	}
	a{
		text-decoration:underline;
	}
	a:hover{
		text-decoration:none;
	}
	
	
	.ahem{/* The hidden upgrade element at the top of every page */
		border:2px solid #FF0000;
		width:600px;
		margin:8px;			
		display:none;
	}				
	
	.layoutTable{
	/* The "Whole" container (table) */
	border:1px solid #000000;
	border-top-width:1px;
	background-color:#FFFFFF;
	margin:0px auto;
	text-align:left;
	width:760px;

}
	
	.headerMenu{/* Bar with aerial or some other graphics in it */
		margin-top: 5px;
		background:url('images/back.jpg') 100% 0% no-repeat;
		background-color:#494949;
		padding:0px;		
		padding-top: 2px;				
		font-size:10px;		
	}
	
	.mainMenu{/* Text navigation bar */
		/*border:1px solid #65B3D8;*/
		/* background:url('images/cssBack.gif') 100% -74px no-repeat; */
		background-color:#004d73;
		padding:1px;
		

	}
	.mainMenu a{/* Links within navigation bar */
		font-size:11px;
		color:#ffffff;					

	} 
	.memberMenu{
	/* Members text navigation bar */
	/* background:url('images/cssBack.gif') 100% -93px no-repeat;
	*/
	background-color:#BBDDEE;
	padding:2px;
	color : White;
	}
	.memberMenu a{/* Links within navigation bar */
		font-size:11px;
		color:#000000;
	}
	
	.footerMenu{/* Combined small text links from above bars */
		padding:1px;
		font-size:9px;
		text-align:center;
		color:#000000;
		background-color:#004d73;
	}
	.footerMenu a{/* The link declarations for the tiny text links */
		font-size:11px;
		color:#ffffff;
	}
	
	.contactMenu{/* Style for the description of the contact info on each page */
		padding:2px;
		font-size:10px;
		text-align:center;
		color:#FFFFFF;
		background-color:#000000;				
	}
	
	.contentHolder{/* Unused container to control every element in the non menu areas */
		height : 290px;
	}
	.vertLinkBar{/* Contains links and other clickable items on a side of the content panel */
		text-align:right;
		float:left;
		margin:4px;
		width:120px;
		background-color:transparent;
	}
	.links{/* In the vertLinkBar to show other interesting links to the user */
		text-align:center;
	}
	.replaceMe{/* These are the placeholders for linkable affiliate banners etc. */
		border:1px solid #000000;
		height:25px;
		width:65px;
		margin:2px;
		background-color:#FFFFFF;
	}
	.pageTitle{/* The text description of the pages information */
		text-align:right;
		margin:2px;
	}
	.crumbList{/* The text based representation of where in the site map the surfer is currently at*/
		padding:2px;
	}
	/*
		Start: Login Information
	*/
	.login{
	background-color:#578dd0;
	width: 100px;
	padding:0px;
	margin-right : 5px;
}
	
	.login .header{
	padding:3px;
	width: 70%;
	background-color:#4f84c6;
	margin:4px;
	float:right;
	color : #ffffff;
	font-weight : bold;
}
	
	.login .headerblank{
		background-color:#ffffff;	
		width: 30%;
	}
	.login .content{
		padding:2px;	
		width: 100%;	
		border: 1px solid #4f84c6;		
		background-color:#ffffff;	
	}
		
	.login .text{/* Input fields are so large and cumbersome */
		height:20px;
		width:70px;
	}
	/*
		End: Login Information
	*/
	
	.content{/* The actual content area */
		float:left;
		width:620px;
		padding:8px;
	}
	.copyrightMenu{/* Some small light print about legal site stuff */
		padding:2px;
		font-size:9px;
		text-align:center;
		color:#000000;
		font-family:arial;
	}