/*FONTS*/

@font-face {
    font-family: 'charis_silitalic';
    src: url('charissili-webfont.eot');
    src: url('../fonts/charissili-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissili-webfont.woff') format('woff'),
         url('../fonts/charissili-webfont.ttf') format('truetype'),
         url('../fonts/charissili-webfont.svg#charis_silitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   NORMALIZE.css
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;color:#000;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:1px;border:0;border-top:1px solid #aaaa86;margin:1em 0;padding:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{border:0;margin:0;padding:0}legend{border:0;white-space:normal;margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}.invisible{visibility:hidden}body,dl,menu,ol,ul,dd,figure,form{margin:0}::-moz-selection,::selection{background:#b3d4fc;text-shadow:none}
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
 * {
	padding: 0;
	margin: 0;
	outline: 0;
	/* apply a natural box layout model to all elements */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
*, body, button, input, textarea, select {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	}
html,
body {
   margin:0;
   padding:0;
   }
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	}
body {
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-family: Helvetica, Helvetica Neue, Arial; /* Default Body Font */
	font-size:1em; /* 1em = 16px */
	line-height: 1.4em;
	background: url(../images/bgpattern.jpg) repeat;
	display: block;
	position: relative;
	height: 100%;
	font-family: 'open_sansregular', arial, sans-serif;
	color:#444;
  	}
.italic{
	font-style: italic;
	}
strong,
b{
	font-family: 'open_sanssemibold';
	font-size: 1em;
	font-weight: normal;
	}
/* ==========================================================================
   DEFAULT IMAGE STYLES
   ==========================================================================*/
img {
    vertical-align: middle;
	}
img, object, embed, video {
	max-width: 100%;
	_width: 100%;
	}
img,
img:hover {
	-ms-interpolation-mode: bicubic; /* Improve IE's resizing of images */
	}
figcaption{
	font-size: 0.9em;
	line-height:1.1em;
	padding:10px 0;
	}
/* ==========================================================================
	CLEARFIX
   ========================================================================== */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
	}
.clearfix:after {
    clear: both;
	}
.clearfix {
    *zoom: 1;
	}
/* ==========================================================================
   LINK STYLES
   ==========================================================================*/
a,
a:visited,
a:active{
	text-decoration: none;
	-webkit-transition: color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out;
	color:#9fa15a;
	}
a:hover{
	text-decoration: none;
	color:#6d6d46;
	}
a:focus {
	outline: thin dotted;
	}
a:hover, a:active {
	outline: none;
	}
.tanbg a:link,
.tanbg a {
	color:#798616;
	}
.tanbg a:hover{
	color:#4f4f2f;
	}
.tanbg .button a{
	color: #fff;
	}
.tanbg .button a:hover{
	color: #fff;
	}
/* ==========================================================================
    NAVIGATION SKIP STYLE
   ==========================================================================*/
.chromeframe{
	background: #cd8b33;
	padding:30px;
	color:#333;
	font-size: 1.2em;
	line-height:1.1;
	text-align: center;
	}
.chromeframe a{
	color: #fff;
	}
.chromeframe a:hover{
	color:#333;
	}
a#skip {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	}

a#skip:focus {
	position:static;
	width:auto;
	height:auto;
	}
/* ==========================================================================
    COLUMN STYLES
   ==========================================================================*/
section{
	position: relative;
	z-index: 0;
	}
.container{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	background: #f4f4f4;
	border:1px solid #c1b69c;
	top: 3%;
	position: relative;
	margin-bottom: 2%;
	}
.box{
	padding: 2%;
	}
h3.box{
	padding:2% 4%;
	 }
.extrabox{
	padding:4%;
	}
.extrabox-top{
	padding:0 4% 4%;
	}
.extrabox-top:first-child{
	border-right:1px solid #ccc;
	}
nav.box,
section.box{
	padding:0 2%;
	}
.half,
.one-third,
.two-thirds,
.three-quarter,
.quarter,
.fifth{
	margin:0;
	float:left;
	}
.single{
	width:100%;
	}
.half{
	width:50%;
	}
.half.rightmargin{
	width:48%;
	margin-right: 2%;
	}
.two-thirds{
	width:66.666666%;
	}
.two-thirds.rightmargin{
	width:64.666666%;
	margin-right: 2%;
	}
.one-third{
	width:33.333333%;
	}
.quarter{
	width:25%;
	}
.three-quarter{
	width:75%;
	}
.fifth{
	width:20%;
	}
*:focus{
	border:1px solid #62819e;
	}
.align_right{
	float:right;
	margin:0 0 2% 2%;
	}
.align_left{
	float:left;
	margin: 0 2% 2% 0;
	}
/* ==========================================================================
   VIDEO EMBED CODE
   ========================================================================== */
iframe{
	border: 1px solid #ccc;
	width:100% !important;
	height: 100% !important;
	}
.video-wrap{
	background:#3f3f3f;
	width:100%;
	border:1px solid #e5e5e5;
	margin:30px 0;
	}
.video-embed,
.embed_media {
	max-width:100%;
	height: 473px;
	text-align: center;
	}
.video-embed p,
.embed_media p{
	text-indent: -9999px;
	}

.half .video-embed,
.half .embed_media {
	width: 100%;
	height: 288px;
	}
.three-quarter .video-embed,
.three-quarter .embed_media {
	max-width:100%;
	height: 432px;
	}
/* ==========================================================================
	UNORDERED LIST STYLES
   ========================================================================== */
ul{
	margin:20px 0 20px 30px;
	}
ul li{
	padding:0 0 10px;
	}
ul.highlight{
	list-style: none;
	margin:20px 0;
	}
ul.highlight li{
	padding:20px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	}
ul.highlight li:nth-of-type(2n){
	background:#eae7da;
	}
/* ==========================================================================
	ORDERED LIST STYLES
   ========================================================================== */
ol{
	margin:20px 0 20px 30px;
	}
ol li{
	padding:0 0 10px;
	}
/* ==========================================================================
   DEFINITION LIST STYLES
   ========================================================================== */
dt {
	width: 4em;
	float: left;
	clear: left;
	margin:0 0 1em −5em;
	font-weight: bold;
	padding: .2em 0 0 0;
	}
dd {
 	float: left;
 	width: 100%;
 	padding: .2em 0 0 0;
 	margin: 0 0 1em 0;
 	color: #333;
 	}
dt+dd {
 	border-top: 1px solid #000;
 	}
/* ==========================================================================
	TABLE  STYLES
   ========================================================================== */
table {
	display: block;
	font-size:1.6em;
	margin: 0 0 30px;
	}
table th{
	padding:10px 0;
	background:#333;
	color:#fff;
	text-align: center;
	border-right:1px solid #ccc;
	margin-right:-1px;
	}
table caption{
	font-size: 2em;
	line-height: 1.33em;
	color: #fff;
	margin: 0px;
	background: #274962;
	padding: 10px 0;
	margin-right:1px;
	border-bottom:1px solid #ccc;
	}
table p{
	margin:0;
	}
tr{
	display: table-row;
	}
td {
	display: table-cell;
	border:1px solid #ccc;
	padding:20px;
	vertical-align: top;
	}
.stacktable {
	width: 100%;
	}
.st-head-row {
	padding-top: 1em;
	}
.st-head-row.st-head-row-main {
	font-size: 1.5em;
	padding-top: 0;
	}
.st-key {
	width: 49%;
	text-align: left;
	padding-right: 1%;
	}
.st-val {
	width: 49%;
	padding-right: 1%;
	}
.stacktable.large-only {
	display: table;
	}
.stacktable.small-only {
    	display: none;
    	}
/* ==========================================================================
   Header styles
   ========================================================================== */
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	line-height:1.2;
	}
h1{
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	color:#9fa15a;
	font-style: italic;
	font-size: 3.4em;
	font-weight: 100;
	margin:-5px 0 -2px;

	}
h2{
	font-family: 'charis_silitalic', Garamond, "Times New Roman", serif;
	color:#444;
	font-style: italic;
	font-size: 1.2em;
	font-weight: 100;
	}
h3{
	font-family: 'charis_silitalic', Garamond, "Times New Roman", serif;
	color:#474239;
	font-size: 2.4em;
	font-weight: 100;
	letter-spacing: -0.05em;
	margin: 0 0 20px;
	}
h4{
	font-family: 'charis_silitalic', Garamond, "Times New Roman", serif;
	color:#5a5b32;
	font-size: 1.6em;
	font-weight: 100;
	letter-spacing: -0.05em;
	margin: 0px 0 10px;
	line-height: 1.1em;
	}
h5{
	font-family: 'charis_silitalic', Garamond, "Times New Roman", serif;
	color:#593806;
	font-size: 1.6em;
	font-weight: 100;
	letter-spacing: -0.05em;
	margin: 0px 0 10px;
	line-height: 0.9em;
	}

.sliderbg h2{
	color:#444;
	text-shadow:1px 1px 1px #fff;
	text-align: center;
	font-size:2.4em;
	margin:3% 0;
	}
/* ==========================================================================
   NAV styles
   ========================================================================== */

.menubtn{
	display: none;
	}
nav{
    font-size: 0.87em;
    line-height: 1.2;
    display: block;
    position: relative;
    z-index:999;
	}
nav span{
	display: none;
	}

/* all lists */
nav ul, nav ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2;
	position: relative;
	z-index:999;
	}
nav ul a {
	display: block;
	text-decoration: none;
	}
/* all list items */
nav ul li {
	float: left;
	padding: 5px 0;
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	}
nav ul li:last-child{
	border:none;
	}
/* second-level lists */
nav ul li ul {
	position: absolute;
	width: 14em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:999;
	}
nav ul li ul li{
	width: 14em;
	}
nav ul ul li,
nav ul ul ul li,
nav ul ul ul ul li{
	border-right:none;
	padding: 0;
	}
nav ul li a.sf-with-ul:after {
	content: '\00BB';/*Right Double Arrows*/
	position: absolute;
	float: right;
	margin:-0.1em 0 0 0.5em;
	}

nav ul li a.sf-with-ul:only-child:after{
	content: '';/* if only child, delete arrow */
	 }
nav ul li ul a{
	padding:0.5em 1.5em;
	margin-top:-1px; /*to offset bottom border*/
	}
nav ul li ul li:last-child a{
	border-bottom:none;
	}
/* third-and-above-level lists */
nav ul li ul ul {
	margin: -2.1em 0 0 14em;/* negative margin calculated by li padding plus line height*/
	}
nav ul li:hover ul ul,
nav ul li:hover ul ul ul,
nav ul li.sfhover ul ul,
nav ul li.sfhover ul ul ul {
	left: -999em;
	}

nav ul li:hover ul,
nav ul li li:hover ul,
nav ul li li li:hover ul,
nav ul li.sfhover ul,
nav ul li li.sfhover ul,
nav ul li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
/*UNIVERSAL PADDING*/
nav ul a,
nav ul li a,
nav ul li ul a {
	padding:0.5em 1.2em;
	}
/*----------------------------------
	IE7
-----------------------------------*/
.ie7 nav ul li a.sf-with-ul{
	 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NjUzQjYyMzVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NjUzQjYyNDVGOEMxMUUzOTFFRTg0NDFCMzIxQjA4QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2NTNCNjIxNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY2NTNCNjIyNUY4QzExRTM5MUVFODQ0MUIzMjFCMDhCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BDQ6YwAAAHdJREFUeNpiZBLWYCAGMEFpZiCuAGJOHHy4Qm8gbgfijVBJdD4DMyOXCIi+CcT/gTgZiI2BuAWI/yDxVzMiuRGk8wYQywGxPxDvRuYzISnaAhUshipC5m+CKbQHYicgrgHiPix8BmSrDYD4AlKIoPAZiQ1HgAADAOmdFtZlRP7CAAAAAElFTkSuQmCC);
	 background-repeat: no-repeat;
	 background-position:right center;
     }
/*----------------------------------
	IE6
-----------------------------------*/
.ie6 nav ul li a.sf-with-ul{
	 background-image: url('../images/arrow.png');
	 background-repeat: no-repeat;
	 background-position:right center;
	 }
/*----------------------------------
	COLORS
-----------------------------------*/
nav{
    background:#9fa15a;
    }
nav ul a,
nav ul a:visited,
nav ul a:hover {
	color:#fff;
	}
/*Top Nav borders*/
nav ul li {
	border-right:1px solid #c8c98f;
	}

nav ul li:hover{
	color: #fff;
	background: #76773b;
	}
nav ul li ul a{
	border-bottom:1px solid #a09e90;
	}
nav ul li ul {
	background: #666044;
	}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
header{
	margin-top:-1%;
	}
header p{
	margin:0;
	padding:0;
	font-family: 'charis_silitalic', Garamond, "Times New Roman", serif;
	text-align: right;
	font-size:1em;
	}
.sliderbg{
	background: url(../images/slide.jpg) no-repeat;
	height:100%;
	width: 100%;
	position: relative;
	z-index:0;
	}
.tanbg{
	background:#dad3b8;
	background: rgba(218,211,184,0.85);
	}
.extramargin{
	margin:30% 5% 0%;
	}
p{
	color:#444;
	font-size:0.95em;
	line-height: 1.3;
	margin:0 0 20px;
	}
.button{
	width:60%;
	text-align: center;
	background: #9fa15a;
	padding:10px 15px;
	color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	font-size: 0.9em;
	}
.button:hover{
	background: #6d6d46;
	cursor: pointer;
	}
.button a,
.button a:hover,
.button a:visited,
.button a:active{
	color:#fff;
	}
.align-right{
	float:right;
	margin:0 0 2% 2%;
	}
figure img{
	 background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	}
.leftborder{
	margin-left:-1px;
	border-left:1px solid #aaaa86;
	padding:0 0 0 2%;
	}
blockquote{
	margin:2% 0 4%;
	padding:4%;
	background: #fff;
	background: rgba(255,255,255, 0.5);
	}
blockquote p:last-child{
	margin:0;
	}
.small{
	font-size:0.8em;
	}
.jwplayer{
	width:100% !important;
	}
.copyright{
	font-size:0.8em;
	text-align: right;
	}
/* ==========================================================================
	SLIDESHOW STYLES
   ========================================================================== */
.slider .fullWidth{
	width: 100%;
	}
.slider .two-thirds{
	width: 66.66%;
	}
.slider .half{
	width: 50%;
	}
.slider .one-third{
	width: 33.33%;
	}
.slider .quarter {
	width: 25%;
	}
.slider .left{
	float:left;
	}
.slider .right{
	float: right;
	}
.slider .center{
	display: block;
	margin: 0 auto;
	float: none !important;
	}


/* ==========================================================================
	FOOTER STYLES
   ========================================================================== */
footer{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	position:relative;
	clear:both;
	z-index:2;
	}
footer img{
	margin:0 10px 0 0;
	float:left;
	}
footer p{
	margin:0 0 -2px;
	padding:0;
	}
footer .rightalign{
	float: right;
	margin: 0;
	padding: 0;
	display: block;
	min-width: 60%;
	}
footer .alignright img:first-child{
	padding: 0;
	margin: -1em 2em 0 2em;
	}
footer .fb-like{
	  margin: 2em 0;
 	 float: right;
	}
footer .extrabox-top{
	padding:0 2%;
	}
footer .extrabox-top:first-child{
	border-right:none;
	}
footer .margin-top{
	margin-top:2rem;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/*DESKTOP WIDESCREEN  1270px*/
@media screen and (max-width:79.375em){

	.half .video-embed,
	.half .embed_media {
		height: 261px;
		}
	.three-quarter .video-embed,
	.three-quarter .embed_media {
		height: 360px;
		}

}

/*DESKTOP NORMAL  1024px*/
@media screen and (max-width:71.25em){
	.video-embed,
	.embed_media {
		height: 504px;
		}
	.half .video-embed,
	.half .embed_media {
		height: 216px;
		}


}

/*DESKTOP SMALL/IPAD LANDSCAPE  1024px*/
@media screen and (max-width:64em){
	.half,
	.one-third,
	.two-thirds,
	.three-quarter,
	.quarter{
		width:50%;
		}
	.fifth{
		width:100%;
		}
	.video-embed,
	.embed_media {
		height: 432px;
		}
	.three-quarter .video-embed,
	.three-quarter .embed_media {
		height: 216px;
		}
	nav{
		font-size:0.8em;
	}
}

/*DESKTOP SMALL/IPAD LANDSCAPE  900px*/
@media screen and (max-width:56.25em){
	.video-embed,
	.embed_media {
		height: 338px;
		}
	.half .video-embed,
	.half .embed_media,
	.three-quarter .video-embed,
	.three-quarter .embed_media {
		height: 198px;
		}

}
/* 800px*/
@media (max-width: 50em) {
	.half,
	.one-third,
	.two-thirds,
	.three-quarter,
	.quarter,
	.fifth{
		width:100%;
		}
	header .half{
		width: 50%;
		}
	header .half:last-child{
		margin:0 0 1em;
		}
	header p{
		float: left;
		text-align: left;
		width: 85%;
		}
	.sliderbg{
		border-top: 1px solid #999;
		}
	.half .video-embed,
	.half .embed_media {
		height: 288px;
		}
	.align_right,
	.align_left{
		float:none;
		margin:0;
		}
	section{
		overflow:auto;
		}
	#table {
    	display: none;
    	}
	.stacktable.small-only {
    	display: table !important;
    	}
    footer .rightalign{
	    float: none;
	    margin:20px 0 0;
	    clear: both;
		}
	footer .alignright img{
		  margin: 2em 10px 0 0;
	}
	footer .fb-like {
	  margin: 4.5em 0 0;
	  float: right;
	}
	footer .alignright img:first-child {
	  padding: 0;
	  margin: 1em 2em 1em 0em;
	}
	.extrabox-top:first-child{
		border-right:none;
		}
	.menubtn{
		display: block;
		padding:10px 0 15px;
		float:right;
		text-indent:-9999px;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		width:40px;
		top: 10px;
		right: 10px;
		}
	.menubtn:hover{
		cursor: pointer;
		}
	nav span{
		display: block;
		}
	nav span{
		position: relative;
		float: right;
		padding: 10px;
		}
	nav span:hover{
		cursor: pointer;
		}
	nav ul,
	nav ul > ul{
		display: none;
		float:none;
		width:100%;
		}
	nav ul li {
		border-right:none;
		padding:0;
		margin:0;
		}
	nav ul li a.sf-with-ul:after {
		content:'';
		}
	nav ul li ul,
	nav ul li ul li{
		width: 100%;
		}
	nav ul li ul a{
		border-bottom:none;
		}
	nav ul ul,
	nav ul li{
		width:100%;
		}
	nav ul li a{
		padding:0.5em 1em 0.5em 1em;
		float: left;
		}
	nav ul li ul a{
		padding: 0.7em 1em 0.7em 2em;
		}
	nav ul ul li ul a {
		padding: 0.7em 1em 0.7em 3em;
		}
	nav ul ul ul li ul a{
		padding: 0.5em 1em 0.5em 4em;
		}
	nav ul li ul,
	nav ul li ul ul,
	nav ul li:hover ul ul,
	nav ul li:hover ul ul ul,
	nav ul li.sfhover ul ul,
	nav ul li.sfhover ul ul ul,
	nav ul li:hover ul,
	nav ul li li:hover ul,
	nav ul li li li:hover ul,
	nav ul li.sfhover ul,
	nav ul li li.sfhover ul,
	nav ul li li li.sfhover ul {
		position: relative;
		display: none;
		margin: 0 0 0 0;
		left: 0em; /* using left instead of display because display: none isn't read by screen readers */
		}

	/*----------------------------------
		MOBILE COLORS
	-----------------------------------*/
	.menubtn{
		background: #9fa15a url('../images/menuicon.png')  no-repeat right top;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 		filter: alpha(opacity=60);
 		-khtml-opacity: 0.6;
 		opacity: 0.6;
		}
	.menubtn:hover,
	.menuOpen{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 		filter: alpha(opacity=100);
 		-khtml-opacity: 1;
 		opacity: 1;
		}
	/*Plus icon*/
	nav span{
		background: #dad3b8;
		color:#333;
		}
	nav span:hover{
		background: #b5ad94;
		}
	/*Top Nav background*/
	nav ul li{
		background: #9fa15a;
		border-bottom: 1px solid #c8c98f;
		margin: 0 0 1px;
		}
	/*Sub-Nav background*/
	nav ul li ul li{
		background: #593806;
		}
	/*Sub-Nav borders*/
	nav ul li ul li{
		border-bottom: 1px solid #68491a;
		margin: 0;
		}
	/*sub, sub-Nav background*/
	nav ul ul ul li{
		background: #9fa15a;
		}
	/*First Nav Item when open*/
	ul li.menuOpen,
	ul li.menuOpen:hover{
		background: #76773b;
		border-bottom:1px solid #68491a;
		border-bottom: none;
		margin: 0;
		}
	ul li.menuOpen >span{
		background: #b5ad94;
	}
	/*Sub-Nav Item when open*/
	ul ul li.menuOpen,
	ul ul li.menuOpen:hover{
		background: #76773b;
		border-bottom: none;
		margin: 0;
		}
	/*Sub, Sub-Nav Item when open*/
	ul ul ul li.menuOpen,
	ul ul ul li.menuOpen:hover{
		background:#cdebf7;
		border-bottom: none;
		}
	footer .align-right{
		float:none;
		margin: 1em 0 0;
		}

}
/*IPAD PORTRAIT 768px*/
@media (max-width: 48em) {
	.video-embed,
	.embed_media,
	.half .video-embed,
	.half .embed_media,
	.three-quarter .video-embed,
	.three-quarter .embed_media {
		max-width:100%;
		max-height: 338px;
		}
	.sliderbg{
		background: url(../images/slide-medium.jpg) no-repeat;
		}
	.slider .fullWidth,
	.slider .two-thirds,
	.slider .half,
	.slider .one-third,
	.slider .quarter {
		width: 100%;
		}
	.slider .left,
	.slider .right{
		float:none;
		}

}
/*VIDEO BREAKPOINT 720px*/
@media screen and (max-width:45em){
	.video-embed,
	.embed_media,
	.half .video-embed,
	.half .embed_media,
	.three-quarter .video-embed,
	.three-quarter .embed_media  {
		height: 281px;
		}
}

/*VIDEO BREAKPOINT 600px*/
@media screen and (max-width:37.5em){
	.video-embed,
	.embed_media,
	.half .video-embed,
	.half .embed_media,
	.three-quarter .video-embed,
	.three-quarter .embed_media  {
		height: 236px;
		}
	h1{
		font-size:3em;
		}
	header .half{
		width: 100%;
		}
	header p{
		text-align: left;
		}
	.button{
		width: 100%;
		}
	.align-right{
		float:none;
		}
	footer .fb-like {
	  margin: 2em 0 2em;
	  float: none;
	  /* display: block; */
	}
}
/*ANDROID PORTRAIT/ iPHONE LANDSCAPE 510px*/
@media screen and (max-width:31.875em){
	.video-embed,
	.embed_media,
	.half .video-embed,
	.half .embed_media,
	.three-quarter .video-embed,
	.three-quarter .embed_media  {
		height:189px;
		}
	.extramargin {
		margin: 10% 5% 0%;
		}
	.sliderbg h2,
	h3{
		font-size: 1.5em;
		}
	ul.bxslider li{
		list-style: none;
		}
	ul.bxslider img{
		margin:0 0 20px;
		}
	.extrabox-top ul{
		margin:0;
		}
	.sliderbg{
		background: url(../images/slide-small.jpg) no-repeat top center;
		}
}


/*IPHONE PORTRAIT 320px*/
@media screen and (max-width:20em){
	.video-embed,
	.embed_media,
	.half .video-embed,
	.half .embed_media,
	.three-quarter .video-embed,
	.three-quarter .embed_media   {
		height: 167px;
		}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }
    nav{
	    display:none;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/********************************/
/* Firefox fix for Font Weight */
/******************************/

@-moz-document url-prefix() {
    body, p, h1, h2, h3, h4, h5, h6, nav, strong, li, a, span{
        font-weight:normal !important;
        opacity:0.99;
        }
}