@charset "UTF-8";
/* CSS Document */

/*
BODY COPY: 
font-family: "acumin-pro-semi-condensed", sans-serif;
REGULAR=400
BOLD-700

HEADS, SUBHEADS & NAVIGATION: 
font-family: "acumin-pro-condensed",sans-serif;
REGULAR=400
BOLD=700
BLACK=800
*/

body {
	font-family: "acumin-pro-semi-condensed", sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 400;
	color: #8A8A8A;
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 100%;
	max-width: 1200px;
	display: block;
	border: 1px solid #BBBCC0;
}
a {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #636060;
	text-decoration: none;
}
a:hover {
	color: #AD1A27;
	text-decoration: underline;
}
a.redLink {
	color: #AD1A27;
}
.pipe {
	color: #AD1A27;
}

/* Header */
div.mobiHead425 {
	display: none;
}
div.mobiHead625 {
	display: none;
}
div.fatHead855 {
	display: none;
}
div.fatHead1000 {
	display: none;
}
.squeezable {
	width: 100%;
}
/* Sections */

section.mainContent {
	width: 50%;
	float: left;
	padding: 0;
	margin: 0 0 0 50px;
}
section.occulus {
	width: 40%;
	float: right;
	margin: 0 0 6px 10px;
}
section.centerpiece {
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
}
section.centerpiece aside.icontainer {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    margin: -30px 0px 20px 2px;
}
section.centerpiece aside.icontainer iframe {
    position: absolute;
    width: 97%;
    height: 97%;
    border: 1px solid #C2B598;
}
section.ornate {
	width: 20%;
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
}
section.ornate img.assnlogo {
	width: 95%;
}
h1 {
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 3em;
	line-height: 1em;
	font-weight: 800;
	color: #AD1A27;
	margin: 0;
}
h1 .thinHead {
	font-weight: 400;
}
h1 .softHead {
	font-weight: 400;
	color: #BFB294
}
h2 {
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.4em;
	line-height: 1em;
	font-weight: 800;
	color: #000000;
	margin: 12px 20px 6px 0px;
}
h2 .softSub {
	font-weight: 400;
	color: #000000
}
h2 .thinHead {
	font-weight: 400;
}
h3 {
	font-family: "acumin-pro-condensed", sans-serif;
	font-size: 1.25em;
	line-height: 1.2em;
	font-weight: 800;
	color: #AD1A27;
	margin: 14px 20px 6px 0px;
}
h3 .softHead {
	font-weight: 400;
	color: #BFB294
}
p.babyHead {
	font-family: "acumin-pro-condensed", sans-serif;
	line-height: 1.1em;
	text-indent: 0px;
	font-weight: 800;
	color: #AD1A27;
	margin: 20px 0px 2px 0px;
}
p.babyHead .softHead {
	font-weight: 400;
	color: #BFB294
}

/* Navigation */
img.navPixmobi {
	display: none;
}
nav {
	margin: 28px 0px 30px -20px;
	line-height: 1.1em;
	clear: left;
}
nav a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #D1C7B2;
	padding: 2px 8px 2px 8px;
	margin: -2px 0px -2px -8px;
    display: block;
}
nav ul {
	padding: 0 0 0 20px;
	list-style-type: none;
	margin-top: 10px;
}
nav ul li {
	border-top: 1px solid #C2B39C;
	padding: 6px 0 6px 10px;
	font-size: .9em;
}
nav ul li.ender {
	border-bottom: 1px solid #c2b39c;
}
nav ul li.topper {
	border-top: 2px solid #c2b39c;
}

/* Body Copy */
p {
	text-indent: 20px;
	margin: 0px 30px 6px 0px;
	font-weight: 400;
}
p.paraOne {
	text-indent: 0px;
}
p.paraLead {
	text-indent: 0px;
	font-size: 1.2em;
	line-height: 1.4em;
	font-style: italic;
	color: #BFB294;
	margin: 18px 0px;
}
p .more {
	font-size: .8em;
	line-height: 1.4em;
}
p.note {
	font-size: .9em;
	line-height: 1.4em;
	text-indent: 0px;
	margin-bottom: 4px;
	margin-left: -12px;
	border-left: solid 2px #BFB294;
	padding-left: 10px;
}

/* Footer */
footer {
	margin: 20px 20px 48px 20px;
	line-height: 1.1em;
	width: 50%;
	clear: left;
}
img.logo {
	margin: 0 0 0 30px;
}
footer a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #D1C7B2;
	padding: 2px 8px 2px 8px;
	margin: -2px 8px -2px -8px;
    display: block;
}
footer a.email:hover  {
	color: #AD1A27;
	text-decoration: underline;
	background: none;
}
.footerHead {
	font-family: "acumin-pro-condensed",sans-serif;
	font-size: 1.2em;
	line-height: 1.1em;
	font-weight: 800;
	color: #AD1A27;
	margin: 20px 0px 2px 10px;
}
footer p.copyright {
	font-size: .8em;
	line-height: 1.2em;
	text-indent: 0px;
	margin-left: 30px;
}
footer p.copyright a:hover {
	background: none;
	color: #000;
	text-decoration: underline;
}
footer ul {
	padding: 0 0 0 20px;
	list-style-type: none;
	margin-top: 10px;
}
footer ul li {
	border-top: 1px solid #C2B39C;
	padding: 6px 0 6px 10px;
	font-size: .9em;
}
footer ul li.ender {
	border-bottom: 1px solid #c2b39c;
}

/*MEDIA QUERIES*/  /*MEDIA QUERIES*/  /*MEDIA QUERIES*/

@media screen and (max-width: 1200px) {
div.mainHead {
	display: block;
}
div.fatHead1000 {
	display: none;
}
div.fatHead855 {
	display: none;
}
div.mobiHead625 {
	display: none;
}
}

@media screen and (max-width : 1001px ){
div.mainHead {
	display: none;
}
div.fatHead1000 {
	display: block;
}
}

@media screen and (max-width: 855px) {
div.mainHead {
	display: none;
}
div.fatHead1000 {
	display: none;
}
div.fatHead855 {
	display: block;
}
header {
	height: auto;
}
section.mainContent {
	width: 54%;	
	margin: 0 0 0 48px;
}
section.occulus {
	width: 38%;
	float: right;
	margin: 0 0 6px 10px;
}
section.centerpiece {
	width: 18%;
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
}
section.centerpiece aside.icontainer {
    display: none;   
}
section.ornate {
	width: 18%;
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
}
h1 {
	font-size: 2.8em;
	line-height: 1em;
}
}

@media screen and (max-width: 625px) {
	/* Header*/
header {
	height: auto;
}
div.fatHead855 {
	display: none;
}
div.mobiHead625 {
	display: block;
}

	/*Sections*/
section.mainContent {
	width: 90%;	
	margin: 0 0 0 34px;
}
section.centerpiece {
	display: none;
}
section.ornate {
	display: none;
}
section.occulus {
	display: none;
}
img.navPixmobi {
	display: block;
	float: right;
	width: 33%;
	margin: 0 0 6px 10px;
}
nav ul li {
	padding: 8px 0 9px 10px;
	font-size: .95em;
}
h1 {
	font-size: 2.8em;
	line-height: 1em;
}
h2 {
	font-size: 1.8em;
	line-height: .8em;
}
p.babyHead {
	font-size: 1.3em;
	line-height: 1.2em;
}
footer {
	margin: 10px 20px 48px 20px;
	line-height: 1.1em;
	width: 90%;
	clear: left;
}
.footerHead {
	margin: 20px 0px 2px 0px;
	font-size: 1.3em;
	line-height: 1.2em;
}
footer ul li {
	border-top: 1px solid #C2B39C;
	padding: 8px 0 8px 10px;
	font-size: .9em;
}
}

@media screen and (max-width: 425px) {
	/* Header*/
header {
	height: auto;
}
div.mobiHead625 {
	display: none;
}
div.mobiHead425 {
	display: block;
}

/*Sections*/
section.mainContent {
	width: 90%;	
	margin: 0 10px 0 34px;
}
section.mainContent .logo {
	width: 30%;
	margin-right: 15px;
}
nav {
	margin: 0px 0px 30px -20px;
	line-height: 1.1em;
	width: 100%;
	clear: left;
}
nav ul li {
	padding: 9px 0 10px 10px;
	font-size: .95em;
}
h1, h2, p { 
	margin-right: 15px;
}
h1 {
	font-size: 2.5em;
	line-height: 1em;
}
h2 {
	font-size: 1.6em;
	line-height: .9em;
}
p.babyHead {
	font-size: 1.2em;
	line-height: 1em;
}
p.footerHead {
	font-size: 1.2em;
	line-height: 1em;
}
img.navPixmobi {
	display: none;
}
}
