/* 
  -----------------------------------
  PVII Affinity
  Copyright (c) 2013 Project Seven Development
  www.projectseven.com
  Mobius Theme
  -----------------------------------
*/

body {
	font-family: "Segoe UI", "Gill Sans", Optima, sans-serif;
	margin: 0px;
	background-attachment: fixed;
	/* [disabled]background-image: url(../../images/logos_&_backgrounds/sworlBig.jpg); */
}
#logo {
	display: none;
}
#printfriendly {
	display: none;
}
#googleMap {
	display: none;
}
#page-head {display:none}
#soMap {display:none;}
#directions {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -100px;
}
img {
	vertical-align: bottom;
}
#toMap {
	margin-top: -30px;
	width: 500px;
	height: 350px;
}
#top-navigation {
	display:none;
}
#main-print {
	height: 7.5in;

} 
#content {
	position: relative;
	z-index: 1;
	margin-left: 40px;
	margin-right: 40px;
}
h1, h2, h3, h4, h5 {
	margin: 30px 0px 0px 0px;
	color: #9C3E26;
	font-weight: bold;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align: center;
}
#footer {
	display: none;
}
#copyright {display:none;}
.column-content img {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	display: block;
	text-align: center;
}

/*All Columns are floated left.*/
.affinity-column {
	float: left;
	width: 100%;
}
/*But sometimes we need to reverse the float direction to position the first column in the 
source code order to the right of where it would ordinarily be.
*/
.affinity-column.reverse-float {
	float: right;
}

/*The Base Widths for each column in the available structures. All columns in a row should always add up to 100%*/
.affinity-row .percent15 {width: 15%;}
.affinity-row .percent85 {width: 85%;}
.affinity-row .percent60 {width: 60%;}
.affinity-row .percent40 {width: 40%;}
.affinity-row .percent20 {width: 20%;}
.affinity-row .percent80 {width: 80%;}
.affinity-row .percent30 {width: 30%;}
.affinity-row .percent70 {width: 70%;}
.affinity-row .percent25 {width: 25%;}
.affinity-row .percent50 {width: 50%;}
.affinity-row .percent75 {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.affinity-row .percent333 {width: 33.333%;}

/* Boxed columns are possible in configurations of 2-4 columns through the Snippets suite.
Width recalculations for columns when they are boxed. 
Since boxed columns have a space between them assigned via right margin, 
we need to reduce the width of each column accordingly*/
.affinity-row .percent25.boxed {width: 23.5%;}
.affinity-row .percent333.boxed {width: 32%;}
.affinity-row .percent50.boxed {width: 47%;}

/*Boxed columns get borders all the way around*/
.affinity-row .column-content.boxed {
	padding-right: 0.25em;
	padding-left: 0.25em;
	background-color: #798E7B;
	padding-top: 0.1em;
	padding-bottom: 0em;
}

/*Using margin to separate the columns when the boxed option is chosen*/
.affinity-row .boxed.spacer {
	margin-left: 2%;
	background-color: #798E7B;
}


/*Default padding for the content inside all columns*/
.column-content {
	padding-right: 50px;
	padding-left: 50px;
	overflow: hidden;
}
.column-content p {
	line-height: 1.2em;
	color: #9C3E26;
	font-size: 1.4em;
}

/*Utility Rules*/
.centered {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.floatLeft {float:left;}

.pageHeader {
	font-family: "Arial";
	font-size: 1.7em;
	color: #9C3E26;
	tex-align: center;
	line-height: 1.2em;
}
#mainIndex h1 {
	font-size: 2.5em;
}
.subhead {
	font-size: 1.2em;
	color: #9C3E26;
	text-align: center;
} 
.sub-subhead {
	font-size: 1em;
	color: #9C3E26;
	text-align: left;
} 
.mainBox {
	margin-top: -40px;
	
}

/*MEDIA QUERIES*/
/*
For media queries to work correctly in 
mobile devices, you must add this viewport meta tag to your page:
<meta name="viewport" content="width=device-width">
(place the query in the head region)
*/


/*SMARTPHONE AND NARROW WINDOWS (LESS THAN 700PX WIDE)*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
    .affinity-column {
        float: none;
        width: auto !important;
    }
    .column-content {
	border: none !important;
	border-radius: 0px;
	height: auto !important;
	max-height: 888678px;
    }
	#layout {max-width: none;}
	#content, #top-navigation, .column-content, #footer, #copyright {
		margin: 0px;
		border-radius: 0px !important;
	}
	#top-navigation {padding: 0px;}
	#logo .left-side, #logo .right-side {
	float: none;
	width: auto;
	margin: 0px;
	text-align: left;
	}
}

/*Smartphones ONLY*/
@media only screen and (max-device-width: 480px) {}

/*Tablet ONLY. Use this query to add rules for tablets.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#content {margin: 0px 40px;}
	#top-navigation {margin: 0px 20px;}
	#footer {margin: 0px 60px;}
	#copyright {margin: 0px 10px;}
	.column-content {padding: 20px;}
}

/*Portrait Tablet ONLY. Use this query to add rules for tablets in Prtrait orientation.
Landscape tablets should get a normal and unaltered display.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}