body {
	font: 100% Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,Frutiger,"Frutiger Linotype",Univers,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif; 
	margin: 0; padding: 0;
}

.header-outer, .main-outer, .footer-outer {
	width: 100%;

}

.header-outer {
	background:url('../imgs/blackgradient.png');
	background-size: 100% 100%;
}


.main-outer {
	margin-top:4em;
}

.main-outer, .main, .sidebar,.content{
	min-height:400px;
}

.header, .main, .footer {
	margin: 0 auto; 
	width: 55em; 
	padding: 20px 0; 
	overflow:hidden; 
	max-width: 98%;

}

.main {
	padding: 0; 
}

.header, .footer {
	color: white;
}

a {
	color: #D45227; 
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.footer p {
	margin: 0; font-size: 0.85em;
}

h1, h2 {
	margin: 0; 
	padding: 0;
}

.content {
	float: left; 
	width: 65%; 
	padding: 5%;
	background:url('../imgs/content.png');
	background-size: 100% 100%;
}
.sidebar {
	width: 15%; 
	float: left;
	padding: 5% 2% 2% 2%;
}

.main{
	background:url('../imgs/main.png');
	background-size: 100% 100%;
}

@media only screen
and (max-width : 480px) {
	body {-webkit-text-size-adjust: none;}
	.content, .sidebar {float: none; width: 100%;}
	.content {padding: 0;}
	.sidebar {margin-top: 1em; padding-top: 1em; border-top: 1px solid #e7e7e7;}
}

.subnav{
	float: right; 
	padding: 10px; 
	border-radius: 0px 0px 7px 7px;
	margin-right:10px;
	font-size:1.2em;
}

.header a{
	color:white;
}

.subnav a:hover{
	text-decoration: none;
	font-weight:bold;
}

.logo {
	float: left; 
	padding: 5px; 
	font-size:2em;
	font-weight:bold;
}

.sidebar ul{
	list-style:none;
	padding-left:5px;
}

.line-separator{

height:1px;

background:#717171;

border-bottom:1px solid #313030;

}