/* imports */
@import url(../Scripts/greybox/gb_styles.css);

/* standard shell template */
html, body 
{
	margin: 15px 0px 15px 0px;
	padding:0;
	border:0;
}

body
{		
	font-family: Arial;
	font-size: 70%;
	background: #EBEBEB;
	text-align: center;	
	line-height: 18px;
	color: #404040;
}

.clear{
	clear:both;		
	height: 0px;	
	overflow: hidden;
}

/* redefine */
form 
{
	padding: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Arial;
	font-size: 100%;
	color: #404040;
}

a 
{
	color: #302C2D;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 100%;		
}

	/* Header */
	#wrapper #headercontainer 
	{
		width: 100%;
		float: left;
		background: #010101;
	}
	
		#wrapper #headercontainer h1 
		{
			width: 960px;
			margin: 0px auto 0px auto;
			padding: 0px;
		}
		
			#wrapper #headercontainer h1 a 
			{
				background: url(../Images/shellGraphics_03.gif) no-repeat top left;
				display: block;
				width: 348px;
				height: 90px;	
			}
			
				#wrapper #headercontainer h1 a span 
				{
					display: none;					
				}
				
	/* Navigation */
	#wrapper #navigationcontainer 
	{
		width: 100%;
		float: left;
		background: #404040;
	}
	
		#wrapper #navigationcontainer ul 
		{
			width: 960px;
			margin: 0px auto 0px auto;
			padding: 0px;
			height: 28px;
			line-height: 28px;
			padding-left: 14px;
		}
		
			#wrapper #navigationcontainer ul li 
			{
				display: inline;
				list-style-type: none;
				padding-left: 8px;
				padding-right: 5px;
			}
			
				#wrapper #navigationcontainer ul li.spacer 
				{
					background: url(../Images/TopNavSpacer.gif) no-repeat top left;
				}
			
				#wrapper #navigationcontainer ul li a 
				{
					color: #FFF;					
					text-decoration: none;					
				}
				
					#wrapper #navigationcontainer ul li a:hover 
					{
						text-decoration: underline;	
					}
					
	/* Content */
	#wrapper #contentcontainer 
	{
		width: 100%;
		float: left;		
	}
	
		#wrapper #contentcontainer #content 
		{
			margin-left: auto;
			margin-right: auto;
			background: #FFF;
			border-left: solid 1px #858383;
			border-right: solid 1px #858383;
			width: 930px;	
			min-height: 300px;
			padding: 14px;
		}
		
			#wrapper #contentcontainer #content h2 
			{
				margin: 0px;
				padding: 0px;
				font-size: 140%;				
			}
			
			#wrapper #contentcontainer #content h3 
			{
				margin: 0px;
				padding: 0px;
				font-size: 130%;				
			}
			
			#wrapper #contentcontainer #content .becomememberbtn 
			{
				width: 221px;
				height: 50px;	
				background: url(../Images/JoinButton.gif) no-repeat top left;
				display: block;			
			}
			
				#wrapper #contentcontainer #content .becomememberbtn span 
				{
					display: none;
				}
				
				#wrapper #contentcontainer #content .becomememberbtn:hover 
				{
					background-position: bottom left;
				}
			
			#wrapper #contentcontainer #content .newsarticle 
			{
				width: 910px;
				background: #FBF3E3;	
				padding: 10px;						
			}
			
			#wrapper #contentcontainer #content .membergallery 
			{
				float: left;
				margin-right: 20px;
			}
			
				#wrapper #contentcontainer #content .membergallery .galleryimage 
				{
					width: 200px;
					height: 150px;	
					overflow: hidden;				
				}	
				
				#wrapper #contentcontainer #content .membergallery .gallerymembername 
				{
					width: 200px;
					text-align: center;
					background: #000;
				}
				
					#wrapper #contentcontainer #content .membergallery .gallerymembername a 
					{
						color: #FFF;
						text-decoration: none;
						height: 23px;
						line-height: 23px;
					}
					
						#wrapper #contentcontainer #content .membergallery .gallerymembername a:hover
						{							
							text-decoration: underline;
						}
						
			#wrapper #contentcontainer #content .gallerycontainer 
			{
				float: right;
				margin: 0px 0px 10px 10px;
				text-align: center;
			}
			
				#wrapper #contentcontainer #content .gallerycontainer .galleryviewimage 
				{
					margin-bottom: 10px;
				}
				
			/* Home Layout */
			#wrapper #contentcontainer #content #homecontainer 
			{
				width: 930px;
				float: left;
			}
			
				#wrapper #contentcontainer #content #homecontainer #homeintro 
				{
					width: 771px;
					float: left;
					height: 412px;
				}
				
				#wrapper #contentcontainer #content #homecontainer #rightcolumn 
				{
					width: 153px;
					float: left;
					background: #020000;
					padding: 3px;
					height: 406px;
				}
				
					#wrapper #contentcontainer #content #homecontainer #rightcolumn #randomgallery 
					{
						width: 153px;
						float: left;
					}
					
						#wrapper #contentcontainer #content #homecontainer #rightcolumn #randomgallery #galleryimage 
						{
							width: 153px;
							height: 115px;
							overflow: hidden;
							float: left;
						}
						
						#randomgallery #gallerylink 
						{							
							float: left;
							width: 153px;													
						}
						
							#wrapper #contentcontainer #content #homecontainer #rightcolumn #randomgallery #gallerylink a 
							{
								padding-left: 10px;		
								width: 143px;
								height: 33px;
								line-height: 33px;
								text-decoration: none;
								background: #404040;
								display: block;
								color: #CFCFCF;
							}
							
								#wrapper #contentcontainer #content #homecontainer #rightcolumn #randomgallery #gallerylink a:hover 
								{
									background: #5E5E5E;
								}
								
						#wrapper #contentcontainer #content #homecontainer #rightcolumn #membersgallery 
						{
							margin-top: 3px;							
							float: left;
						}
						
							#wrapper #contentcontainer #content #homecontainer #rightcolumn #membersgallery a 
							{
								width: 143px;
								height: 40px;
								line-height: 40px;
								color: #CFCFCF;
								display: block;
								text-decoration: none;
								padding-left: 10px;		
								background: #404040;
								font-size: 110%;
								font-weight: bold;
							}
							
								#wrapper #contentcontainer #content #homecontainer #rightcolumn #membersgallery a:hover 
								{
									background: #5E5E5E;
								}
								
						#wrapper #contentcontainer #content #homecontainer #rightcolumn #memberjoin 
						{
							margin-top: 3px;							
							float: left;
						}
						
							#wrapper #contentcontainer #content #homecontainer #rightcolumn #memberjoin a 
							{
								width: 133px;	
								color: #CFCFCF;
								display: block;
								text-decoration: none;
								padding: 10px;	
								background: #404040;
								font-size: 110%;
								font-weight: bold;
								height: 192px;
								line-height: 22px;
							}
							
								#wrapper #contentcontainer #content #homecontainer #rightcolumn #memberjoin a .becomemember 
								{
									color: #FBDF00;
									font-size: 220%;
									line-height: 140%;
								}
							
								#wrapper #contentcontainer #content #homecontainer #rightcolumn #memberjoin a:hover 
								{
									background: #5E5E5E;
								}

	/* Footer */
	#wrapper #footercontainer 
	{
		width: 100%;
		float: left;
		background: #404040;
	}
	
		#wrapper #footercontainer ul 
		{
			width: 960px;
			margin: 0px auto 0px auto;
			padding: 0px;
			height: 25px;
			line-height: 25px;
			padding-left: 14px;
		}
		
			#wrapper #footercontainer ul li 
			{
				display: inline;
				list-style-type: none;
				color: #969696;
				padding-left: 8px;				
				padding-right: 5px;				
			}
			
				#wrapper #footercontainer ul li.spacer 
				{
					background: url(../Images/FooterNavSpacer.gif) no-repeat top left;
				}
			
				#wrapper #footercontainer ul li a 
				{
					color: #969696;					
				}