
html,body{
	width:100%;
	height:100%;
	margin:0;
}

body{
	font-family: "Open Sans";
	font-size:16pt;
}

a:link{color:#555777;}
a:visited{color:#555777;}
a:hover{color:#555777;background:#f2f2f2;}
a:active{color:#555777;}

input:focus, textarea:focus, select:focus{
        outline: none;
}

#wrapper{
	width:100%;
	height:100%;
}

.ctrTxt{
	text-align:center;
}

#content{
	padding-top:20px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.clr{
	clear:both;
}

.ctr{
	text-align:center;
}

.btn{
		width:120px;
		height:30px;
		border:1pt solid #ccc;
		border-radius:3px;
		line-height:27px;
		background:#ccc;
}

.btn:hover{
	cursor:pointer;
	background:#f1f1f1;
}

.ssImg{
	width:100%;
}

h1{
	font-size:2em;
}

#graphic{
	padding-top:10px;
}

#nav{
  width: 80%; 
  margin-left:auto;
  margin-right:auto;
}

.h200{
	clear:both;
	height:200px;
}

#steve{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

#steve img{
	border-radius:3px;
}

.ib{
	display:inline-block;
}

.fleft{
	float:left;
}

#amazon{
	padding-top:5px;
	vertical-align: text-top;
}

#bookPic{
	width:25%;
	min-width:300px;
}

#notes img{
	width:50px;
} 

#audio img{
	width:50px;
} 

.hideMe{
	display:none;
}

.lbl{
	display:inline-block;
	width:100px;
	text-align:right;
	padding-right:5px;
}

.ib{
	display:inline-block;
}

.half{
	width:calc(50% - 20px);
	margin-right:8px;
	float:left;
	border:1pt solid #ccc;
	border-radius:3px;
}

#mp3List{
	padding:10px;
}

#pdfList{
	padding:10px;
}

.flist{
	font-size:.6em;
}

.flist div{
	display:inline-block;
}

.half h4{
	text-align:center;
	background:#ccc;
}

.filex:hover{
	cursor:pointer;
}

.flist:hover{
	color:#555777;
	background:#f2f2f2;
}	

#dz{
	margin-bottom:15px;
	width:calc(100% - 30px);
	height:200px;
	background:#f2f2f2;	
	text-align:center;
	line-height:70px;	
	position:relative;
}

.dropzone {
		width: 100%;
		height: 200px;
		min-height: 0px !important;
		background:#ffffb3;
}   

#clearDZ{
	margin-top:-25px;
	position:absolute;
	right:5px;
}

@media only screen and (max-width: 800px) {
		.half{
			  width: calc(96% - 10px);
		}	
}