body {margin:10px 0;
	background-color: #231f20;
	font-family: 'Carrois Gothic SC', sans-serif;
	text-align:left;
	color:white;}
#container {clear:both;
	margin:auto;
	width:980px;}
#social {margin:auto;
	color:white;
	float:right;
	font-size:15px;}
#main {width:850px;
	margin:auto;
	padding:40px;
	color: #ffffff;
	line-height:1.5;}
#homecolumn1 {float:left;
	display:inline;}
#homecolumn2 {float:right;
	width:450px;}
#hometext {color:#8c8b8b;
	padding-top:20px;
	text-align:justify;
	font-size:120%;}

nav {list-style-type:none;
	text-align:center;
	padding:0;
	margin:0;
	font-size:20px;
	font-weight:normal;
	position:relative;
	top:-10px;}
nav li {display:inline;
	margin-left:40px;
	padding:0px;}
	
footer {clear:both;
	text-align:center;
	font-size:10px;
	margin-top:40px;
	line-height:1.8;
	font-weight:normal;}

.smalltext {font-size: 8pt;}
.medium {font-size: 18px;}
.large {font-size: 28px;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.nowrap {white-space:nowrap;}
.toppad {margin-top:70px;}
.bottompad {margin-bottom:70px;}
.pad {padding:30px;}
.floatright {float: right;}
.floatleft {float: left;}
.clear {clear:both;}
.item {margin:11px 0 11px 0;}
td {vertical-align:top;}
.hide-desktop {display:none;}


.socialtext {display:inline;
	position:relative;
	top:-10px;}
.divider {background-color: #eb2415;
	height:2px;
	width:100%;
	margin:30px 0;}

img {border:0;}
img.imgpad {padding:30px;}
img.socialnav {position:relative;
	top:10px;}
img.laurel {padding:20px 8px;}


h1 {font-size:30x; color:
	#8c8b8b;
	font-weight:normal;
	margin:0;}
h2 {font-size:25px;
	color: #8c8b8b;
	font-weight:normal;
	margin:4px 0;}
h3 {}
h4 {}

a:link {color:#eb2415;
	text-decoration:none;}
a:visited {color:#eb2415;
	text-decoration:none;}
a:hover {color:#fff;
	text-decoration:underline;}
a:active {color:#eb2415;
	text-decoration:underline;}
a.nav:link {color:white;
	text-decoration:none;}
a.nav:visited {color:white;
	text-decoration:none;}
a.nav:hover {color:#eb2415;
	text-decoration:none;}
a.nav:active {color:#eb2415;
	text-decoration:none;}
a.navOn:link {color:#eb2415;
	text-decoration:none;}
a.navOn:visited {color:#eb2415;
	text-decoration:none;}
a.navOn:hover {color:#eb2415;
	text-decoration:underline;}
a.navOn:active {color:#eb2415;
	text-decoration:underline;}







/* RESPONSIVE CSS ----------- */

@media (min-width: 320px) and (max-width: 479px) {

#container {margin:auto 20px;
	width:90%;}
#social {width:100%;
	font-size:15px;
	margin:30px auto;
	color:white;
	text-align:center;}
#main {width:100%;
	margin:0;
	padding:0;
	color: #ffffff;
	font-size:13.5px;}
#homecolumn1 {float:none;
	display:inline;	
	text-align:center;}
#homecolumn2 {float:none;
	width:100%;}
#hometext {color:#8c8b8b;
	padding-top:20px;
	text-align:justify;
	font-size:120%;}

nav {list-style-type:none;
	text-align:center;
	padding:0;
	margin:0;
	font-size:20px;
	font-weight:normal;
	position:relative;
	top:0;
	left:-20px;}
nav li {display:block;
	margin:0;
	padding:0;}
	
footer {clear:both;
	text-align:center;
	font-size:10px;
	margin-top:40px;
	line-height:1.8;
	font-weight:normal;}

.smalltext {font-size: 8pt;}
.medium {font-size: 14px;}
.large {font-size: 28px;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.nowrap {white-space:nowrap;}
.toppad {margin-top:70px;}
.bottompad {margin-bottom:70px;}
.pad {padding:30px;}
.floatright {float: right;}
.floatleft {float: left;}
.clear {clear:both;}
td {vertical-align:top;}
.hide-desktop {display:inline;}
.hide-mobile {display:none;}


img {border:0;}
img.poster {width:95%;
	border:1px solid black;}
img.logo {width:90%;}
img.imgpad {padding:10px 20px;}

h1 {font-size:25px; color:
	#8c8b8b;
	font-weight:normal;}
h2 {font-size:23px;
	color: #8c8b8b;
	font-weight:normal;
	margin:4px 0;}
h3 {}
h4 {}




}













@media (min-width: 480px) and (max-width: 800px) {

#container {margin:auto 20px;
	width:90%;}
#social {width:100%;
	font-size:15px;
	margin:30px auto;
	color:white;
	text-align:center;}
#main {width:100%;
	margin:0;
	padding:0;
	color: #ffffff;
	font-size:13.5px;}
#homecolumn1 {float:none;
	display:inline;	
	text-align:center;}
#homecolumn2 {float:none;
	width:100%;}
#hometext {color:#8c8b8b;
	padding-top:20px;
	text-align:justify;
	font-size:120%;}

nav {list-style-type:none;
	text-align:center;
	padding:0;
	margin:0;
	font-size:20px;
	font-weight:normal;
	position:relative;
	top:0;
	left:-20px;}
nav li {display:block;
	margin:0;
	padding:0;}
	
footer {clear:both;
	text-align:center;
	font-size:10px;
	margin-top:40px;
	line-height:1.8;
	font-weight:normal;}

.smalltext {font-size: 8pt;}
.medium {font-size: 14px;}
.large {font-size: 28px;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.nowrap {white-space:nowrap;}
.toppad {margin-top:70px;}
.bottompad {margin-bottom:70px;}
.pad {padding:30px;}
.floatright {float: right;}
.floatleft {float: left;}
.clear {clear:both;}
td {vertical-align:top;}
.hide-desktop {display:inline;}
.hide-mobile {display:none;}


img {border:0;}
img.poster {width:95%;
	border:1px solid black;}
img.logo {width:90%;}
img.imgpad {padding:10px 0;}

h1 {font-size:25px; color:
	#8c8b8b;
	font-weight:normal;}
h2 {font-size:23px;
	color: #8c8b8b;
	font-weight:normal;
	margin:4px 0;}
h3 {}
h4 {}


}

