body {
				height: 100%;
				color: #333333;
				background-image:url('images/hat35.gif');
				background-repeat:no-repeat;
				background-attachment:fixed;
				background-position: 30% 10%;
				width: 1000px;
	}
	
.pagewrapper

	{
		margin-left: 40px;
		margin-top: 40px;
		background-image:url('images/hat50.gif');
		background-repeat:no-repeat;
		background-attachment: scroll;
		background-position: 90% 0%;
		width: 1000px;	
	}

.maincontent

	{
		margin-right: 200px;
			
	}
		
			
.header
	{
				width: 100%;
				height: 140px;
				margin: 20px;
				margin-left: 50px;
				text-align: left;
	}
.menubar
	{
				width: 100%;
				height: 70px;
				margin: 0px auto;
				text-align: left;
			
	}
.maintext
	{
				width: 100%;
				min-height: 400px;
				margin: 0px auto;
				text-align: left;
				
	}
	
/* for IE*/
/*\*/
* html .maintext {
	height: 400px;
}

.footer
	{
				background-color: #003366;
				width: 100%;
				height: 2em;
      			line-height: 2em;
      			margin: 0px auto;
				text-align: center;
				text-decoration:none;
				color:#ffffff;
				font-family:Georgia, serif;
				font-size: 1em;
					}	
.footer a 
	{
				text-decoration:none;
				color:#ffffff;
				font-family:Georgia, serif;
				font-size: 1em;
	}			
				
.rightpic {
  float: right;
  border: none;
   margin: 30px; 
}				

.leftpic {
  float: left;
  border: none;
   margin: 30px;
  
}	
p
		{
				font: 12pt Georgia, Times, serif;
		}
		
		
ol
		{
				font: 12pt Georgia, Times, serif;
		}
		
h2
		{
				font: 14pt Georgia, Times, serif;
				color:#003366;
				font-weight:bold;
		}
		
.gallery
{
	border-collapse:separate;
	border-spacing:35px;
	font: 12pt Georgia, Times, serif;
	color:#003366;
	text-align: center;
	}

.hats
{
	border-collapse:separate;
	border-spacing:5px;
	border: 1px;
}


/* -------------------------------------------------- */
	/* talltabs-black fb2966 - pink 003366 - blue*/
	/* -------------------------------------------------- */
	#talltabs-black {
		clear:left;
		float:left;
		padding:0;
		border-top:6px solid #003366;
		width:100%;
		overflow:hidden;
		font-family:Georgia, serif;
		font-size: 0.9em;
	}
	#talltabs-black ul {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		left:50%;
		text-align:center;
	}
	#talltabs-black ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
	}
	#talltabs-black ul li a {
		display:block;
		float:left;
		margin:0 10px 0 0;
		padding:10px 10px 6px 10px;
		background:#cc0066;
		text-decoration:none;
		color:#ffffff;
	}
	#talltabs-black ul li a:hover {
		padding:25px 10px 6px 10px;
	}
	#talltabs-black ul li.active a,
	#talltabs-black ul li.active a:hover {
		padding:30px 10px 6px 10px;
	}

		
/* This specifies the formating used for the Gallery*/			
#leftimg {
	width:600px; 
	height:550px;
	}
#leftimg ul {
	list-style:none; 
	padding:0; 
	margin:0; 
	margin-left: 10px;
	width:150px; 
	position:relative; 
	float:left;
	}
#leftimg ul li {
	display:inline; 
	width:50px; 
	height:50px; 
	float:left; 
	margin:3px 3px 3px 3px;
	}
#leftimg ul li a {
	display:block; 
	width:50px; 
	height:50px; 
	text-decoration:none; 
	border:1px solid #ffffff;
	}
#leftimg ul li a img {
	display:block; 
	width:48px; 
	height:48px; 
	border:0;
	}
#leftimg ul li a:hover {
	white-space:normal; 
	border-color:#dddddd;
	}
#leftimg ul li a:hover img {
	position:absolute; 
	left:230px; 
	top:30px;
	width:300px; 
	height:auto; 
	border:none;}
	
#leftimg span
{ /*CSS for enlarged image*/
		position: absolute;
		left: -1000px;
		visibility: hidden;
		color: black;
		text-decoration: none;
		text-align: center;
		font: 13pt Georgia, Times, serif;
		color:#003366;
		font-weight:bold;		
}


#leftimg ul li a:hover span{ /*CSS for enlarged image text*/
visibility: visible;
width:270px; 
top: 0px;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}