/************************************************************************************
 @RESET
*************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { border:0; outline:0; vertical-align:baseline; }

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary, mark { display:block; }
body { line-height:1; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after {	content:''; content:none; }

ins { text-decoration:none; }
del { text-decoration:line-through; }

table {	border-collapse:collapse; border-spacing:0; width: 100%; }
table tr.highlight { background: #f6f6f6; }
table td, 
table th { padding: 3px 5px; border: 1px solid #EEE; text-align:left; }

/************************************************************************************
 @GLOBAL
*************************************************************************************/

.col *:first-child,
.main *:first-child,
.sidebar *:first-child,
#content *:first-child { margin-top:0; }

.col *:last-child,
.main *:last-child,
.sidebar *:last-child,
#content *:last-child { margin-bottom:0; }

/* 
BASIC
================================== */
a { color:#0084F0; text-decoration:none; }
a:hover { color:#004E90; }
p {  }
img { max-width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #DDD; margin:20px 0; padding:0; }

/* 
HEADINGS
================================== */
h1, h2, h3 { font-weight:normal; line-height:1; }
h1 { font-size:36px; line-height:1; margin:0 0 15px; }
h2 { font-size:24px; margin:20px 0 15px; line-height: 1.2; }
h3 { font-size:18px; margin:20px 0 10px; }

h3 + p,
h4 + p { margin-top:0; }

/* 
FORMS
================================== */
form input[type="text"],
form textarea,
form select { border:1px solid #DDD; padding:6px; font-family:'Open Sans', Arial, Sans-serif; }

form select { padding-top:5px; padding-bottom:5px; }

form input[type="text"] { width:95%; }
form textarea { width:97.5%; }
form select { width:100%; }
form .mt-0 { margin-top: 0; }
form .error-message { margin-top: 15px; color: #dc3545 !important;  }

/************************************************************************************
 @STRUCTURE
*************************************************************************************/

/* 
HTML & BODY
================================== */
html, body { margin:0; padding:0; }
body { background:url('/img/clouds.jpg') center top repeat-x #FFF; font:13px/150% 'Open Sans', Arial, sans-serif; color:#666; }

/* 
WRAPPER
================================== */
.wrapper { width:860px; margin:auto; }

/* 
HEADER
================================== */
#header { background:url('/img/header-bg.png') center 24px no-repeat; height:177px; position:relative; }
#header .title { padding-top:44px; text-align:center; }
#header .title .main { font-size:45px; font-weight:300; line-height:1; margin-bottom:4px; }
#header .title .sub { font-size:14px; }
#header ul.nav { position:absolute; left:0; bottom:0; list-style-type:none; margin:0; padding:0; border:1px solid #D6D6D6; border-radius:7px; }
#header ul.nav li,
#header ul.nav li a { display:block; height:30px; }
#header ul.nav li { float:left; }
#header ul.nav li a { font-size:12px; font-weight:600; line-height:30px; text-align:center; color:#296596; padding:0 31.5px; background: #f8f8f9; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f9 0%, #dfe7ef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f9), color-stop(100%,#dfe7ef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f9 0%,#dfe7ef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f9 0%,#dfe7ef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f9 0%,#dfe7ef 100%); /* IE10+ */ background: linear-gradient(top, #f8f8f9 0%,#dfe7ef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f9', endColorstr='#dfe7ef',GradientType=0 ); /* IE6-9 */ }
#header ul.nav li a:hover { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eaeff4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeff4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eaeff4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eaeff4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eaeff4 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#eaeff4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeff4',GradientType=0 ); /* IE6-9 */ }
#header ul.nav li:first-child a { border-radius:7px 0 0 7px; }
#header ul.nav li:last-child a { border-radius:0 7px 7px 0; }
#header .facebook { position: absolute; top: 0px; left: 86%; width: 30px; opacity: .8; }
#header .facebook:hover { opacity: 1; }
#header .facebook img { border-radius: 0 0 3px 3px; }
#header .compass,
#header .southwest { width: 96px; height: 80px; display: block; position: absolute; right: 100px; top: 34px; }
#header .southwest { right: 0px; }

/* 
CONTENT
================================== */
#content { background:url('/img/compass-bg.jpg') center 52px no-repeat; margin:20px 0; }
#content .col.main { padding-right:20px; border-right:1px solid #EEE; min-height: 346px; }
#content .col.sidebar { width:179px; }
#content .col.sidebar ul,
#content .col.sidebar ol { padding-left:20px; }
#content .col.sidebar .archive-year { font-weight:bold; }
#content .col.sidebar .archive-year:after { content:"\21D3"; margin-left:5px; font-weight:normal; }
#content .col.sidebar .archive-months { display:none; }
#content .col.sidebar .archive-months li a:after { content:' (pdf)'; font-size:12px; font-style:italic; }

/* 
FOOTER
================================== */
#footer { border-top:1px solid #EEE; padding:5px 0 30px; font-size:11px; }


/************************************************************************************
 @PAGES
*************************************************************************************/

/* 
HOME
================================== */
#masthead .slides,
#masthead .overlay { height:296px; margin-top:20px; }
#masthead .slides { width:558px; float:left; }
#masthead .overlay { background:url('/img/masthead-overlay.png') no-repeat; width:302px; float:right; position:relative; z-index:999; box-shadow:-2px 0 2px 0 rgba(0,0,0,.5); text-align:center; }
#masthead .overlay p { font-size:11px; color:#FFF; padding:140px 20px 0; }
#masthead .overlay .btn { background:#1C4566; color:#FFF; padding:4px 10px; font-weight:600; }

/* 
PHOTOS
================================== */
.photos { margin-left:-20px; }
.photos a,
.photos img { display:block; }
.photos a { padding:1px; border:1px solid #DDD; float:left; margin:5px 0 10px 20px !important; }
.photos img { opacity:.8; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.photos a:hover { border-color:#666; }
.photos a:hover img { opacity:1; }

/* 
NEWSLETTER
================================== */
.newsletter { margin-bottom: 50px; }
.newsletter .date { border-bottom: 1px solid #f2f2f2; }
.newsletter .picture-frame { vertical-align: top; border: 1px solid #666; background: #666; color: #fff; margin: 10px 0; }
.newsletter .picture-frame img { width: 100%; }
.newsletter .picture-frame .sub-text { background: #666; padding: 2px 9px 5px; display: block; text-align: center; }

.newsletter .picture-frame.split { width:304px; }
.newsletter .picture-frame.split { display:inline-block; }
.newsletter .picture-frame.split + .split { margin-left: 14px; }
	


/************************************************************************************
 @COLS
*************************************************************************************/
.colgroup,
.col { display:block; float:left; } 
.col + .col { margin-left:20px; } 
.w1 { width:90px; }
.w2 { width:200px; }
.w3 { width:310px; }
.w4 { width:420px; }
.w5 { width:530px; }
.w6 { width:640px; }
.w7 { width:750px; }
.w8 { width:860px; }


/************************************************************************************
 @BUTTONS
*************************************************************************************/

.btn { display:inline-block; padding:7px 14px; font-size:13px; font-weight:bold; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; }
.btn:hover {  }
 
.btn.btn-a { border:1px solid #133148; color:#FFF; background: #2c6ca0; /* Old browsers */ background: -moz-linear-gradient(top, #2c6ca0 0%, #1c4566 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6ca0), color-stop(100%,#1c4566)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2c6ca0 0%,#1c4566 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2c6ca0 0%,#1c4566 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2c6ca0 0%,#1c4566 100%); /* IE10+ */ background: linear-gradient(top, #2c6ca0 0%,#1c4566 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6ca0', endColorstr='#1c4566',GradientType=0 ); /* IE6-9 */ }
.btn.btn-a + .btn.btn-a { margin-left: 10px; }

.btn.btn-a:hover { border-color:#1B4565; background: #3685c5; /* Old browsers */ background: -moz-linear-gradient(top, #3685c5 0%, #205077 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3685c5), color-stop(100%,#205077)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3685c5 0%,#205077 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3685c5 0%,#205077 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3685c5 0%,#205077 100%); /* IE10+ */ background: linear-gradient(top, #3685c5 0%,#205077 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3685c5', endColorstr='#205077',GradientType=0 ); /* IE6-9 */ }


/************************************************************************************
 @UTILITY
*************************************************************************************/

/* 
BASIC
================================== */
.em { font-style:italic; }
.b { font-weight:bold; }
.small { font-size:80%; }

/* 
ALIGNMENT
================================== */
.fleft { float:left; }
.fright { float:right; }
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }
.center { display:block; margin-left:auto; margin-right:auto; }

/* 
SPACING
================================== */
.vpadded { padding-top:20px; padding-bottom:20px; }
.hpadded { padding-left:20px; padding-right:20px; }
.padded { padding:20px; }
.vspaced { margin-top:20px; margin-bottom:20px; }
.hspaced { margin-left:20px; margin-right:20px; }
.spaced { margin:20px; }

/* 
HIDDEN
================================== */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

/* 
CLEAR
================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear:both; }

/* 
ALERTS
================================== */
.alert-info { color: #31708f; background-color: #d9edf7; border: 1px solid #bce8f1;	padding: 15px; margin-bottom: 20px; border-radius: 4px; }