html{
	background: url(./images/pic-6054-1920x1200.jpg) no-repeat center center fixed;
	background-size:cover;
	/*"cover" might not work in IE!*/
	height:98%;
}
body{
	height:98%;
}
/*#backgroundpic{

	height:50%;
	min-height:50px;
	width:100%;
	background-color: blue;
}*/
#headerbar{
	height:7%;
	/*min-height:3em;*/
	width:100%;
	/*min-width:400px;*/
	background-color:rgba(50,50,255,0.35);
	border-radius:10px;
	border-style:solid;
	border-width: 2px; 
	border-color:lightblue;
	text-align:center;
	color:rgb(250,200,100); 
	margin-bottom:0.25%;
	font-family:"lucida handwriting";
}

h1{
	font-size:170%;
	margin-top:0.2em;
	text-shadow:2px 2px black;
}
#sidebar{
	position:relative;
	display:inline-block;
	height:77%;
	/*min-height:70%;*/
	width:15%;
	min-width:100px;
	background-color:rgba(50,50,255,0.25);
	border-radius:10px;
	border-style:solid;
	border-width: 2px; 
	border-color:lightblue;
	color:lightblue;
	text-indent:4%;
	overflow-y:scroll;
}

.contentpane{
	position:relative;
	display:inline-block;
	height:77%;
	width:82%;
	background-color:rgba(50,50,55,0.35);
	border-radius:8%;
	border-style:solid;
	border-width:2px; 
	border-color:gray;
	color:rgba(250,220,255,1);
	text-align:left;
	float:both;
	overflow-y:scroll;
	padding-left:1%;
	/*font-weight: bold;*/
	font-size:1.1em;
	text-shadow:1px 1px black;
	/*font-family:Garamond;*/

}
h2{
	margin-bottom: -0.5em;
	margin-top:1.2em;
	color:rgb(200,50,200);
}
div ul li{
	list-style-type:none;
	text-align: center;
	margin-left:-25%; 
	margin-right:5%;
	padding-left:2%;
	padding-right:2%; 
	border-style:outset;
	background-color: rgb(125,125,255);
	border-color:rgb(50,50,50);
	border-width:3px;
	border-radius:5px;
	color:black;
}
div ul li:hover{
	border-style:inset;
}

#footer{
	height:13%;
	width:100%;
	margin-top:0.1%;
	background-color:rgba(50,50,255,0.2);
	color:rgba(200,200,255,1);
	border-radius:10px;
	border-style:solid;
	border-width: 2px; 
	border-color:lightblue;
	text-align: center;
}

div img{
	margin-top: 0.5%;
	margin-left:2%;
	height:40px;
	border-width:1px;
	border-color:blue;
	border-style:solid;
	border-radius:5px;
}
/*a:hover{
	color:red;
}*/
img:hover{
	opacity:0.7;
	border-color:red;
	border-style:solid;
	border-width:1px;
	border-radius:5px;
}
div:hover{
	background-color:rgba(0,0,5,0.7);
	color:rgb(250,220,255);
}
.purpletext{
	color:rgb(150,0,150);
	text-decoration:underline;
	font-weight:bold;
}