/* ------------------------------------------------Created By----------------------------------------------------------
-------------------------------------------------Jeremiah Skurtu-------------------------------------------------------
---------------------------------------------------5/5/2010-------------------------------------------------------- */		
* {
	margin: 0;
	padding: 0;
}

		/* --------------------------------------------------------------------------
		-------------------------------- Javascript presets -------------------------
		-------------------------------------------------------------------------- */
		/* div.collapseblock {left:-9999px;} 
		div.expandblock {left:auto;} The other method */
	 	div.collapseblock {display:none;} /* none to hide */
		div.expandblock {display:block;}       
		/* --------------------------------------------------------------------------
		------------------------------ End Javascript presets -----------------------
		-------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
---------------------------------- Body variables ---------------------------
-------------------------------------------------------------------------- */
html, body {
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
}
	body{
		background:#000 url(../images/nbbg.jpg) no-repeat center top ;
	}
p{
	color:#CCC;
	font-size: 15px;
}
a{
	color: #a6252a;
}
	a:hover{
		color:#009;	
	}
#block01, #block02, #block03, #block04, #block05 {
	position: absolute;	
}	
/* --------------------------------------------------------------------------
-------------------------------End Body variables ---------------------------
-------------------------------------------------------------------------- */

		/* --------------------------------------------------------------------------
		----------------------------------    Headers     ---------------------------
		-------------------------------------------------------------------------- */
		/* h1 - image replacment */
		h1 a{
				display: block;
				background:url(../images/logo.gif) no-repeat 0px 0px;
				width: 320px;
				height: 0px;
				padding: 160px 0 0 0;
				overflow: hidden;	
				}
		/* End h1 - image replacment */
		
		h2{
			color: #a6252a;
			font-weight: 100;
			}
		
		
		h3{
			color: #a6252a;
			font-size: 24px;
			text-align: center;
	
		}
		#title1{
			margin: 10px 0 0 0;
			Background:url(../images/membersban.gif) no-repeat ;	
			width: 900px;
			Height: 230px;
		}
				#title1 h3{
						text-indent: -9000px;
				}
	
		#title2{
			margin: 10px 0 0 0;
			Background:url(../images/bookban.gif) no-repeat ;	
			width: 900px;
			Height: 230px;
		}
				#title2 h3{
					text-indent: -9000px;
				}
		
		#title3{
			margin: 10px 0 0 0;
			Background:url(../images/galleryban.gif) no-repeat ;	
			width: 900px;
			Height: 230px;
		}
			#title3 h3{
							text-indent: -9000px;
		}
		
		#title4{
			margin: 10px 0 0 0;
			Background:url(../images/shopban.gif) no-repeat ;	
			width: 900px;
			Height: 230px;
		}
			#title4 h3{
				text-indent: -9000px;
	
			}
		/* --------------------------------------------------------------------------
		----------------------------------End Replacement-----------------------------
		-------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
------------------------------------- Containers-----------------------------
-------------------------------------------------------------------------- */
#cont1{
	position: relative;
	margin: 0 auto;
	width: 900px;
	
	 
}

		#cont2{
			position: relative;
			margin: 0 auto;
			width: 900px;	 
		}


.cont3{
	width: 690px;
	padding: 10px 0 0 0;
	min-height: 689px;
}
	

		.mem1{
			width: 670px;
			padding: 10px 10px 0 15px;
		}
		
		
		.mems{
			width: 320px;
			padding: 20px 0 20px 20px;
			float:left;
		}
		

#subcont1{
	clear: both;
	top:160px;
	left: 0px;

}

		.more a{
			margin: 5px 0 0 0;
			border: none;
			text-decoration: none;
			display: block;
			background: #000;
			color: #a6252a;
			padding: 4px 6px 3px 5px;
			float: right;
		}
				.more a:hover{
					background: #a6252a;
					color: #000;
				}
	
.headline{
	padding-top: 20px;
	width: 550px;
	height:150px;
}
	.headline img{
		float: left;
		border: none;
	}
		.headline h2{
			padding: 35px 0 0 0;
		}
			.headline p{
				padding: 0 0 0 20px;
			}

	.shop img{
		float: left;
		border: none;
	}
			.shop p{
				color:#CCC;
				padding: 0 0 20px 20px;
			}
		.boxt{
			background: url(../images/boxt.gif) no-repeat center top;
			height: 20px;
			
		}

.boxm{
	position: relative;
	background: url(../images/boxm.gif) repeat-y center top;
	padding:  0 20px;
}
	.boxm img{
		border: none;
	}
.box{
	position:absolute;
	left: 285px;
	top: 5px;
	width: 55px;
}
.sn a{
	width: 50px;
}
.sn a:hover{
	padding: 0 0 0 5px;
}

		.boxb{
			background: url(../images/boxb.gif) no-repeat center top;
			height: 20px;
			
		}	
.mbt{
			background: url(../images/mbt.gif) no-repeat center top;
			height: 20px;
			
		}
	.mbm{
		background: url(../images/mbm.gif) repeat-y center top;
		padding:  0 20px;
	}
.mbb{
	background: url(../images/mbb.gif) no-repeat center top;
	height: 20px;
}
.mbb2{
	background: url(../images/mbb.gif) no-repeat center top;
	height: 20px;
	margin-bottom: 20px;
}

	.booklist{
		color: #CCC;
		list-style: none;
	}
		.booklist a{
			color:#CCC;
			text-decoration: none;
		}
			.booklist a:hover{
				color: #a6252a;
				text-decoration: underline;
			}
				.booklist p{
					padding: 0 0 0 20px;
				}
				
#padd{
	min-height: 580px;
}
/* --------------------------------------------------------------------------
----------------------------------End Containers-----------------------------
-------------------------------------------------------------------------- */

		/* --------------------------------------------------------------------------
		------------------------------------ Main Nav -------------------------------
		-------------------------------------------------------------------------- */
		/* mainnav settings */
		#mainnav{
			position: absolute;
			top: 120px;
			left: 350px;
		}
				#mainnav ul li{
					list-style: none;
					float: left;
				}
						#mainnav ul li a{
							float: left;
							display: block;
							height: 0px;
							padding: 50px 0 0 0;
							overflow: hidden;
						}
		/* End mainnav settings */


		/* ----------------------------Nav Image Replacement */

		/* Nav 1 - home */
		#nav1 a{
			 background: url(../images/home.gif)  no-repeat;	
			 width: 135px;
		}
			#nav1 a:hover, #nav1.selected{
				 background: url(../images/homes.gif) no-repeat;
			}	
		/* End 1 - home */	



				/* Nav 2 - Members */
				#nav2 a{
					 background: url(../images/member.gif)  no-repeat;
					 width: 125px;
				}
					#nav2 a:hover, #nav2.selected{
						 background: url(../images/members.gif) no-repeat;
					}
				/* End 2 - Members */	



		/* Nav 3 - book */
		#nav3 a{
			 background: url(../images/book.gif) no-repeat;
			 width: 90px;
		}
			#nav3 a:hover, #nav3.selected{
				 background: url(../images/books.gif) no-repeat;
			}
		/* End 3 - book */	
		
		

				/* Nav 4 - gallery */
				#nav4 a{
					 background: url(../images/gallery.gif) no-repeat;
					 width: 100px;
				}
					#nav4 a:hover, #nav4.selected{
						 background: url(../images/gallerys.gif) no-repeat;
					}
				/* End 4 - gallery */
				

		/*  Nav 5 - shop */
		#nav5 a{
			 background: url(../images/shop.gif) no-repeat;
			 width: 80px;
		}
			#nav5 a:hover, #nav5.selected{
				 background: url(../images/shops.gif) no-repeat;
			}
		/*  End 5 - shop */
		
		/* ------------------------End Nav Image Replacement */
		
		/* --------------------------------------------------------------------------
		----------------------------------End Main Nav-------------------------------
		-------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
------------------------------------ Banner ---------------------------------
-------------------------------------------------------------------------- */

#banner a{
	display: block;
	background:url(../images/banner.gif) no-repeat;
	width: 900px;
	height: 0px;
	margin: 10px 0 0 0;
	padding: 230px 0 0 0;
	overflow: hidden;
	text-indent: -9000px;
}


	.bantext{
		position: absolute;
		top: -10px;
		left: 630px;
		width: 230px;
		padding: 40px 30px 30px 30px;
		margin: 20px 0 0 0;
	}
/* --------------------------------------------------------------------------
-------------------------------- End Banner ---------------------------------
-------------------------------------------------------------------------- */
		
		/* --------------------------------------------------------------------------
		--------------------------------  Gallery   ---------------------------------
		-------------------------------------------------------------------------- */
			
			.gallery{
				height: 300px;
				width:200px;
				padding: 5px 0 0 5px;
				float: left;
				border: none;
			}


		/* --------------------------------------------------------------------------
		------------------------------ End Gallery  ---------------------------------
		-------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
--------------------------------  Sidebar   ---------------------------------
-------------------------------------------------------------------------- */
#sidebar{
	position: absolute;
	top: 420px;
	left: 700px;
	width: 190px;
}
		#sidebar p{
			color: #CCC;
		}
			#sidebar img{
				border: none;
				padding: 10px 3px 0 3px;
			}
				#sidebar a{
					text-decoration: none;
					color: #CCC;
					
				}
						#sidebar a:hover{
					text-decoration: underline;
					color: #a6252a;
					
				}

#sidebar .form a{
	background: #000;
	color: #a6252a;
	margin: 5px 0;
	padding: 4px 6px 3px 5px;
	display: block;
	border: none;
	width: 115px;
	text-decoration: none;
}	
			#sidebar .form a:hover{
				background: #a6252a;
				color: #000;
				}
	#mic{
		position: absolute;
		top: 180px;
		left: 595px;
		width: 102px;
		height: 780px;
		background: url(../images/mic.gif)
	}
/* --------------------------------------------------------------------------
------------------------------ End Sidebar  ---------------------------------
-------------------------------------------------------------------------- */

		/* --------------------------------------------------------------------------
		--------------------------------  Footer    ---------------------------------
		-------------------------------------------------------------------------- */
		.footer{
			background: url(../images/footer.gif) no-repeat;
			clear: both;
			margin: 20px 0 0 0;
			padding: 5px;
			color:#CCC;
			width: 900px;
			height: 40px;
			text-align: center;
		}
		/* --------------------------------------------------------------------------
		-------------------------------- End Footer ---------------------------------
		-------------------------------------------------------------------------- */