html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #ffffff;
	background-image:url('greybg.png');
}

h1 {
	margin: 0;
	padding: 0;
}


#page-container {

	width: 850px;
	margin: auto;
}

#main-nav {
	 
	height: 50px;
	clear: both;
width: 700px;
	margin: auto;
	
}

#header {
	background: #333333;
	height: 100px;
}

#titlebar{
	margin-left:auto;
margin-right:auto;
width: 850px;
	height: 70px;
}

#titlebar1 {
 
	background-image:url('title.png');
	height: 70px;
	width: 650px;
	background-repeat:no-repeat;
	float:left;
}


.element{
	min-height: 35px;
	margin: 1;
	font-size:24px;
	color:#333333;
	font-family: 'Open Sans', sans-serif;
	 cursor:pointer;
	border-bottom:1px solid white;
}


.element2{
	
	margin: 1;
	font-size:17px;
	color:#333333;
	font-family: 'Open Sans', sans-serif;
	 
}


#sidebar-a {
	float: right;
	width: 125px;
	background: darkgreen;
}
#content {
	
	margin-right: 125px;
	margin-left: 125px;
	position:absolute; width:650px; 
}

#footer {
	
	 text-align:center;
	height: 66px;
	width: 700px;
	margin: auto;
}
#titlebar2 {
 
	 
	height: 70px;
	width: 200px;
	background-repeat:no-repeat;
	position:relative;
	float:right;
	
}



.title1{font-size:28px;margin-top:50px;}
.title2{font-size:18px;margin-top:30px;}
.title3{font-size:13px;margin-top:20px;cursor:pointer;}

@media screen and (min-width:700px) {
#content {height: 450px; overflow:auto;}
#page-container {height: 450px;}
}

@media screen and (max-width:850px) {
#titlebar2 { display: none; } 
#titlebar1 { width:90%; background-size:contain;margin-left:5%;}
#titlebar { width: 100%;}
}

@media screen and (max-width:850px) {
#page-container { width:100%;}
#content {width:80%;position:relative;}
}


@media screen and (max-width:700px) {
#page-container { width:100%;}
#main-nav {width:100%;}
#footer {width:100%;}
#content {margin-right: 5%;margin-left: 5%;}
}
@media screen and (max-width:585px) {
.element{	 font-size:20px;min-height:60px;border-bottom:1px solid white;
}
@media screen and (max-width:500px) {
.element{ 	font-size:18px;min-height:60px;border-bottom:1px solid white;
}

