/************************************************************************************
Colors 
*************************************************************************************/
/*
Red: #7F1836
Lighter Red #5F2536
Dark Red #53081D
370010
Dark Grey: 464646
Greey 8D3D1B
*/

.group:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/************************************************************************************
Structure 
*************************************************************************************/
#pagewrap {
	max-width:56.125rem;
	margin: 0 auto;
}
#header {}
#header img {margin: 0 auto; display:block;}
#header p {text-align:center;font-weight:bold;}
#header p:first-of-type {padding-top:.8rem;}
#contentframe {background:#fff;padding:.5rem;}
#contentframe img {display:none;}
#contentframe ul {list-style:disc outside none; padding-left:1em;}
#contentframe ul li span {font-weight:bold;}
#contentframe p, #contentframe ul {padding-bottom:1rem;}
#maincontent{}
#footer {
	clear: both;
	padding-bottom:1.4%;
	background:#fff;
	border-top:1rem solid #7F1836;
}
#footer p {padding:0 0 0 .5rem;}
nav {
    background-color: #7F1836;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7F1836), to(#53081D));
    background-image: -webkit-linear-gradient(top, #7F1836, #53081D);
    background-image: -moz-linear-gradient(top, #7F1836, #53081D);
    background-image: -ms-linear-gradient(top, #7F1836, #53081D);
    background-image: -o-linear-gradient(top, #7F1836, #53081D);
    background-image: linear-gradient(to bottom, #7F1836, #53081D);
    font-family: Helvetica, Arial, serif;
    overflow: hidden;
    /*text-transform: uppercase;*/
    width: 100%;
}
nav ul{
	margin-bottom: 0;margin: 0;
}
nav ul.hide{
	display:none;
}
nav li.active a {
color: #fff;
font-weight: bold;
background-color:#8D3D1B;
}

nav li a:active {
	color: #FFF;
}
nav li a:hover, nav li a:focus {
	color: #370010;
	background-color:#B7A5AA;
}

nav li{
/*width:100%;*/
/*padding: .625em 2em .625em 1em;*/
border-top: 1px solid #8D3D1B;

}
nav a {
color: #ddd;
display: block;
text-decoration: none;
height:100%;
padding: .625rem 1rem .625rem 1rem;
}
#nav-collapse{
	display: none;
	color: #fff;
	text-align: right;
	width: 95%;
	padding: .625rem 0 .625rem 0;
}
#nav-collapse.active{
	display: block;
}

body {
	
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #464646;
	font-size:100%;
}

h1 {font-size:1.5rem;color:#7F1836;padding-bottom:1rem;}
h2 {font-size:1.2rem;color:#7F1836;}
.q {font-weight:bold;}
.a {font-style:italic;}

#contactform{padding-top:5%;}
.label {float:left;  font-weight: bold; width:90%}
#submit {clear:left; width:50%;margin-top:5%;}
.ffield {width:50%; clear:left;}


@font-face {
    font-family: 'GriffinRegular';
    src: url('includes/fonts/griffin-webfont.eot');
    src: url('includes/fonts/griffin-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/fonts/griffin-webfont.woff') format('woff'),
         url('includes/fonts/griffin-webfont.ttf') format('truetype'),
         url('includes/fonts/griffin-webfont.svg#GriffinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* 400px */
@media all and (min-width: 25em) {
	
}

/* 600px */
@media all and (min-width: 37.5em) {
#header img {float:left; display:inline; padding:1rem;}	
#contentframe img {display:inline;}
.county li{float:left; width:10rem;}
.county {padding-bottom:2rem;}
}

/* 800px */
@media all and (min-width: 50em) {
body {background: #fff url(images/pattern_21.gif) repeat;}
#header {background: #fff url(images/bkg-concrete.jpg) repeat;}
#header div {max-width:20rem; /*border-left:.5rem solid #7F1836;*/float:right; background:#d7d8d0;margin-right:.8rem; margin-top:.8rem;border:.2rem solid #7F1836;}
.phone {font-size:2rem;padding:.5rem 1rem;}
nav li {
	float: left;
	border-top: 0;
}

}