@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600" rel="stylesheet" rel="stylesheet");

* {
	margin:		0;
	padding:	0;
	box-sizing:	border-box;
}

body {
	font-family:		'Open Sans', sans-serif;
	background-color:	#fff;
}

a {
	text-decoration:	none;
}

div#header {
	width:				auto;
	height:				100px;
	margin:				0 5%;
	background-color:	#fff; 
}

div#header .redLine {
	width:				auto;
	height:				40px;
	position:			absolute;
	padding:			0 5%;
	z-index:			1;
	top:				30px;
	left:				5%;
	right:				5%;
	background-color: 	#c32125;
	border-radius:		25px;
}

div#footer {
	position:			fixed;
	width:				100%;
	height:				50px;
	bottom:				0px;
	background-color:	#c32125;
	padding:			15px 5%;
	color:				#ccc;
	text-align:			center;
	font-size:			0.68em;
}
div#footer table {
	width:	100%;
}
.logo {
	float:				left;
	color:				#fff;	
	z-index:			2;
	position:			absolute;
	width:				300px;
	top:				20px;
	left:				50%;
	margin-left:		-150px;
	text-align:			center;
	background-color:	#fff;

}
.logo a {
	font-size:		3em;
	font-weight:	600;
	color:			#fff;
}

div#container {
	position:			absolute;
	top:				100px;
	right:				0;
	left:				0;
	bottom:				50px;
	margin:				0 5%;
	padding-bottom:		100px;
	background-color:	#fff;
}

.sidebar {
	width:				150px;
	float:				left;
	background-color:	#c32125;
	padding:			25px 0;
	border-radius:		25px;
}

.content {
	width: 				auto;
	padding:			1em;
	margin-left:		150px; 
	background-color:	ffff;	
}

img.ImgFit {
	width:	100%;
	height:	auto;
}

img.Lift25 {
	margin-top:	-25px;
}

ul#nav {
	
}

ul#nav li {
	list-style:	none;
}

ul#nav li a {
	display:			block;
	font-size:			0.95em;
	font-weight:		  600;
	color:				 #ccc;
	padding:			 10px;
	-webkit-transition:  0.5s;
	-moz-transition: 	 0.5s;
	-o-transition: 		 0.5s;
	transition:			 0.5s;
	border-bottom: 		1px solid #6d1214;
}

ul#nav li a:hover {
	padding-left:		   20px;
	color:				   #fff;
	background-color: 	#991a1c;
}

ul#nav li a.selected {
	background-color:	#991a1c;
	color:				#fff;
}

a.mobile {
	position:		 absolute;
	top:				 70px;
	left:				  0px;
	right:				  0px;
	padding-top:		  9px;
	text-align:		   center;
	height:				 20px;
	z-index:				5;
	font-weight:		  600;
	color:				 #666;
	cursor:			  pointer;
}

a.mobile:active {
	color: 	#333;
}
a.mobile:hover {
	color: 	#333 ;
}

h1 {
	padding: 0 0 0.5em 0;
	color:			#c32125;
	font-weight:	600;
}

p {
	color:#333;
	font-size: 0.87em;	
}

.hidden {
	display:none;
}

.ClearFloat {
	clear:left;	
}
.Space50 {
	height: 	1px;
	margin-top: 49px;
}
.Space75 {
	height: 	1px;
	margin-top: 74px
}

div.row {
	width:		100%;
	display:	inline-block;
	padding:	2% 0;
}

div.col-3 {
	width:				33,33%;
	float:				left;
	padding: 			0.8em 0 0.5em 0.5em;
}

div.col-6 {
	width:				50%;
	float:				left;
	padding: 			0.8em 0 0.5em 0.5em;
}

div.col-9 {
	width:				66,66%;
	float:				left;
	padding: 			0.8em 0 0.5em 0.5em;
}

.box {
	text-align:	center;
	float:		left;
	width:		110px;
}

.box a img {
	width:	90px;
	height:	auto;
}

@media only screen and (min-width:640px) {
	.content { 	margin-left: 	150px; 	}	
	a.mobile {  display:		none;	}
	.sidebar {	display:block; width:150px; border-radius:25; margin-bottom:0px; text-align:left; padding:25px 0;	}
}
@media only screen and (max-width:640px) {
	.content { 	margin-left: 	0px; 	}	
	a.mobile {	display:		block;	}
	.sidebar {	display:none; width:100%; border-radius:0; margin-bottom:30px; text-align:center; padding:0; 	}
}

@media only screen and (max-width:640px) {
	div.col-3 {	width: 100%;	}
	div.col-6 {	width: 100%;	}
	div.col-9 {	width: 100%;	}
	div.col-12 {width: 100%;	}
}

@media only screen and (min-width:640px) and (max-width: 920px) {
	div.col-3 {	width:  50%;	}
	div.col-6 {	width: 100%;	}
	div.col-9 {	width: 100%;	}
	div.col-12 {width: 100%;	}
}

@media only screen and (min-width:920px) {
	div.col-3 {	width: 25%;		}
	div.col-6 {	width: 50%;		}
	div.col-9 {	width: 75%;		}
	div.col-12 {width: 100%;	}
}