body
{
	color: black;
	background: url("headphonesskyblue.gif") rgb(98, 114, 143) fixed no-repeat 10% 0%;

	font-family: sans-serif;
	font-size: 62.5%;
	
}


a
{
	color: #07308D;
	text-decoration: none;
	border: 0px solid;
	border-width: 0 1px 0 1px;
}
a:hover
{
	border: 1px solid;
}
a:visited
{
	color: #009000;
}

textarea
{
	border: 1px solid black;
	width: 95%;
	height: 20em;
	margin-left:2.5%;
	

}

button
{
	margin-left: 2.5%;
}

#main
{
	
	margin: auto;
	width: 60%;
	border: 1px solid;
	border-width: 0 0px 0 1px;		
	padding: 1% 0 1% 0;
	background:rgb(143, 122, 98) url(records.gif) no-repeat;
	font-size: 1.2em;
}

h1
{
	width: 95%;
	background: #BDBFB3;
	text-align: left;
	border: 1px solid black;
	border-width: 0px 0px 0px 12px;
	margin: 0px 2% 0px -6px;
	margin-bottom: 0.5em;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;

}

h2
{
	font-size: 1.3em;
}

p img
{
	float:left;
}
#intro
{
	background:rgb(143, 122, 98);
	color: white;
	margin: 0 1% 0 0;
	margin-right: 4%;
	margin-left: 32%;
	margin-bottom: 1em;
	padding: 0.5em;
	border: 1px solid black;
}
#menu
{
	float:left;
	width: 30%;
	background: white;
	border: 1px solid black;
	border-width: 0px 0px 0px 12px;
	position: relative;
	left: -6px;
	background: #BDBFB3;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
		border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;

}
#menu ul
{ 
	list-style-type: none; 
	margin: 0;
}

.element
{
	clear: left;
	border: 1px solid black;
	border-width: 0px 0px 0px 12px;
	margin: 2% 2% 0px 0px;
	position: relative;
	left: -6px;
	background: white;
	padding: 0 0 1% 0;
	width: 95%;
	/*border: 1px solid black;*/	
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;

}
.element h2
{
	margin: 0;
	background: #BDBFB3;
	padding-left: 16%;
	text-align: left;
	border-bottom: 1px solid black;
}
.element p
{
	padding: 1em;
	margin: 0;
	background: white;

}
.element img
{

	height: 64px;
	width: 64px;
}

.element ul
{
	padding: 0;
	margin: 0;
}

.element:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.smaller
{
	font-size: smaller;
	font-weight: normal;
}
.date
{
	width: 15%;
	float: left;
	font-weight: bold;
	padding-left: 0.5em;
	clear: left;
}
.maintext
{
	margin-left: 16%;
	padding-left: 2%;
}
.record
{
	padding-bottom: 0.2em;
}
.record:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;

}