body {
	margin: 0px !important;
	background-color: #000000;
	font-family: Verdana, Geneva, sans-serif;	
}

p {
	margin: 0px;
}

a:link {
	color: #555555;
}

a:visited {
	color: #454545;
}

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}

.header {
	background-color: #000000;
	color: #ffffff;
	width: 100%;
	position: relative;
	z-index: 5;
	text-align: center;
}
		
.stretch {
	width: 100%;
	display: inline-block;
}

.nav {
	color: #FFFFFF;
	position: relative;
	z-index: 1;
}

.bioContainer {
	background-color: #7E7E7E;
		
}


.bottomBar {
	background-color: #FEAF1D;
	position: relative;	
	clear: both;	
}

.boisName {
	font-weight: bold;
	margin-bottom: 10px;
}

.redacted {
	background-color: #000000;
	color: #DDDDDD;
	font-style: oblique;
}

.nav {
	color: #FFFFFF;	
}

.nav ul {
	padding: 0px;
	text-align: center;				
}

.nav li {
	display: inline;	
}

.nav a {
	color: #FFFFFF;
}

.boisDescription a {
	color: #000000;
}


/* #Media Queries
================================================== */

	/* 768 and larger */
	@media only screen and (min-width: 768px) {
		
		.header {
			height: 100px;
			padding: 20px 0px 0px 0px;
			box-shadow: 0px 3px 2px #333333;						
		}
		
		div.logo {
		background-image: url('../img/woodBoisLogo200.png');
		background-repeat: no-repeat;
		width: 200px;
		height: 93px;
		float: left;	
		margin: 0px 15px 0px 30px;
		}
			
		.nav {
			margin-bottom: 15%;
			padding: 20px 0px 0px 20px;
		}
		

		.nav li {
			margin-right: 4%;
		}
		
		.pageTitle {
			font-size: 1.5em;
			margin-top: 30px;

		}
		
		.bottomBar {
			height: 10px;
			box-shadow: 0px 3px 2px #333333;				
		}
		
		.leftPic {
			float: left;
			border-right: 1px solid black;
		}
		
		.rightPic {
			float: right;
			border-left: 1px solid black;
		}
		
		.bioPic {
			width: 300px;
			height: 400px;
			display: inline-block;
		}
		
		.bioContent {
			display: inline-block;
			width: 56%;
			height: 385px;
			padding: 15px 0px 0px 15px;
		}
		
		.boisDescription {
			margin-bottom: 8px;
			text-align: justify;
		}		
		
		.blainePic {
			background-image: url('../img/blaine400.png');
			background-repeat: no-repeat;			
		}
		
		.juliusPic {
			background-image: url('../img/juliusFractalTest.png');			
		}
		
		.hitdhitsPic {
			background-image: url('../img/hitdhits400.png');
			background-repeat: no-repeat;			
		}
		
		.shreddiePic {
			background-image: url('../img/shreddie.gif');
			background-repeat: no-repeat;			
		}
		
		.flutePic {
			background-image: url('../img/flute.gif');
			background-repeat: no-repeat;			
		}							

	}

	/* Smaller than 768 */
	@media only screen and (max-width: 767px) {
		
		.header {
			padding: 20px 0px 20px 0px;
			box-shadow: 0px 1px 2px #333333; 
		}
		
		div.logo {
		background-image: url('../img/woodBoisLogo100.png');
		background-repeat: no-repeat;
		width: 100px;
		height: 46px;
		margin: 0 auto;
		}
		
		.nav {
			padding: 20px 0px 0px 20px;
			margin-bottom: 25%;
		}
		
		.nav li {
			margin-right: 4%;
		}
		
		.pageTitle {
			font-size: 1.5em;
			margin: 15px 0px 0px 0px;

		}		
		
		.bottomBar {
			height: 2px;
			box-shadow: 0px 1px 2px #333333;				
		}		
		
		.bioPic {
			width: 150px;
			height: 200px;
			display: inline-block;
			border: 1px solid black;
		}
		
		.bioContainer {
			text-align: center;
			padding: 0px 20px 15px 20px;
		}
		
		.boisDescription {
			margin-bottom: 5px;
			text-align: justify;						
		}	
		
		.blainePic {
			background-image: url('../img/blaine200.png');
			background-repeat: no-repeat;			
		}
		
		.juliusPic {
			background-image: url('../img/juliusFractalTest.png');			
		}
		
		.hitdhitsPic {
			background-image: url('../img/hitdhits200.png');
			background-repeat: no-repeat;			
		}
		
		.shreddiePic {
			background-image: url('../img/shreddie200.gif');
			background-repeat: no-repeat;			
		}
		
		.flutePic {
			background-image: url('../img/flute200.gif');
			background-repeat: no-repeat;			
		}					

	}