/* Look at me, im a css document. i make things pretty. you love me. you want to marry me...and have my children. i feel bad when i trick IE into seeing the box model my way, even tho the way IE sees it kind of makes more sense.  */



		body, p, ul, li, h1, h2, h3, h4, h5, h6 { margin:0;	padding:0; }
		
		body { background:#ffffff url(../imagery/tilenew.jpg) repeat; }
		


/*---------- Containers ----------*/




	#rapper { margin:30px auto 0 auto; width:808px; }
	
	/*---------- Background white with drop shadow ----------*/
	#jenga { padding:0 14px 0 14px; background:url(../imagery/interfaceMain.png) repeat-y; }
	
	#poppichulo { z-index:0; }
	
	/*---------- clear left is for the degraded navigation----------*/
	#masterShake {
	
		clear:left;
		padding: 10px 0;
		font:.9em/1.5em "Times New Roman", Times, serif;
		color:#333;
		}



/*---------- Sidebar ----------*/

	
	
	#chuckNorris { width:230px; float:left;	}
	
	#module {
	
		padding:0 10px 0;
		background:#fff url(../imagery/interfaceModule_bk.jpg) repeat-y center;
		border-top:10px #00254A solid;
		border-bottom:10px #00254A solid;
		margin-bottom:10px;
		}
	
	#module h4 { margin-top:-3px; font:18px/24px normal normal inherit; color:#00254A; }
	#module p { font:12px/16px normal normal inherit; padding:10px 0; }
	
		#module a:link { font:14px/16px normal normal inherit; color:#930; border-bottom:1px #930 dashed; text-decoration:none; }
		#module a:active { font:14px/16px normal normal inherit; color:#930; border-bottom:1px #930 dashed; text-decoration:none; }
		#module a:visited { font:14px/16px normal normal inherit; color:#930; border-bottom:1px #930 dashed; text-decoration:none; }
		#module a:hover { font:14px/16px normal normal inherit; color:#00254A; border-bottom:1px #00254A dashed; text-decoration:none; }
		
		.hfirstltr:first-letter { font-size:30px; }
		.item { border-bottom:1px #00254A dashed; }
		.date { color:#930; border-right:1px #000 solid; margin-right:5px; padding-right:5px; }
		
		.jsclass body .randomcontent { /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/ display: none; }



/*---------- Content section ----------*/



	#content { margin-left:240px; background:#fff url(../imagery/interface_folder.jpg) no-repeat top right; }
	
	#content h1 { padding:10px 0 0 270px; font-size:24px; font-weight:lighter; }
	
	#content h3 {
	
		font:1.2em/1em normal normal inherit;
		color:#930;
		padding:10px 10px 10px 30px;
		background:transparent url(../imagery/dad.png) no-repeat left center;
		margin-bottom:10px;
		}
	
	#content h2 { height:120px;	background:transparent url(../imagery/interface_folder_hole.png) no-repeat center; }
	
	#content h4 { border-bottom:#930 2px dashed; }
	
	#content p { padding-bottom:1.5em; }
	
	#words { width:430px; margin:40px auto 0 auto;  }
	
	#words ul { font:12px/16px normal normal inherit;
				color:#960;
				padding:20px 10px;
				border-top:2px #960 dashed;
				border-bottom:2px #960 dashed;
				margin-bottom:10px; }
	
	
	
	
		.firstltr:first-letter { font:2em/1em bold italic; }
		.oath { color:#630; font-size:1.2em; line-height:1.5em; font-style:italic; }
		.subscript { font:11px/11px normal normal inherit; color:#333; }
		.redbrown { color:#930; }
		
		#words a:link { color:#930; border-bottom:1px #930 dashed; text-decoration:none; }
		#words a:active { color:#930; border-bottom:1px #930 dashed; text-decoration:none; }
		#words a:visited { color:#930; border-bottom:1px #930 dashed; text-decoration:none; }
		#words a:hover { color:#00254A; border-bottom:1px #00254A dashed; text-decoration:none; }



/*---------- Gallery thumbs ----------*/



	#thumb { width:95px; float:left; margin:5px; border:1px #963 solid; }
	
	h6 { clear:left; }
	
	
	
		#thumb a:link { border:none; text-decoration:none; }
		#thumb a:active { border:none; text-decoration:none; }
		#thumb a:visited { border:none; text-decoration:none; }
		#thumb a:hover { border:none; text-decoration:none; }
		
	
	
/*---------- Pointing hand button ----------*/



	#btn { height:60px; background:transparent url(../imagery/btn_nextHvr.png) no-repeat; }
	
	#btn span {	display:none; }	
	
	#btn a:link { display:block; height:60px; border-bottom:hidden; }
	#btn a:active {	display:block; height:60px; border-bottom:hidden; }
	#btn a:visited { display:block; height:60px; border-bottom:hidden; }
	#btn a:hover { display:block; height:60px; background:none; border-bottom:hidden; }
	
	.btnNext { background:transparent url(../imagery/btn_next.png) no-repeat; width:117px; }



/*---------- Footer Section ----------*/




#whaleEye {

	height:60px;
	clear:left;
	background:#fff url(../imagery/interfaceFooter.jpg) no-repeat center;
	padding:0 20px;
	color:#fff;
	}