@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300);


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

body.body {
font-family:'Open Sans', sans-serif;
color:#333;
font-size:18px;
}
#preheader {
background-image:url(preheader-gradient.png);
background-size:100% 100%;
padding:6px 0;
}
#logo {
position:relative;
z-index:10;
}
.textright {
text-align:right;
}
#header div.container {
position:relative;
height:140px;
}
p {
line-height:1.4em;
}
h1,h2,h3 {
font-family:'Open Sans Condensed';
}
h1 {
font-size:2.2em;
color:#003F7F;
}
h2 {
font-size:2em;
}
h3 {
font-size:1.6em;
color:#003F7F;
font-weight:300;
}
input.button {
background-image:url(button-bg.png);
background-size:100% 100%;
box-shadow:4px 4px 0 rgba(0,0,0,0.8);
color:#fff;
border:0px;
border-radius:0px;
font-weight:300;
font-size:20px;
padding:15px 25px;
}
#navigation {
background-image:url(nav-bg.png);
background-size:100% 100%;
}
#navigation div.container {
position:relative;
height:40px;
}
#header #logo {
position:relative;
margin-bottom:-60px;
}
#preheader img {
margin:0 10px;
}
#header_title {
background-image:url(wave.png);
height:50px;
padding:40px 80px 30px 0;
font-family:'Open Sans Condensed';
font-weight:700;
color:#003F7F;
font-size:30px;
position:absolute;
background-repeat:no-repeat;
background-size:auto 100%;
text-align:right;
background-position:100% 50%;
top:10px;
right:0px;
}
#header_title span {
font-family:'Open Sans';
font-weight:normal;
color:#005FBF;
font-size:20px;
}
a,a:visited {
color:#005FBF;
}
#footer {
background-image:url(footer-bg.png);
padding:50px 0;
background-position:50% top;
color:#fff;
background-color:#002142;
background-repeat:repeat-x;
margin-top:20px;
}
#footer h3 {
color:#fff;
font-weight:600;
}
#footer a {
color:#fff;
}
.hori-divider {
background-image:url(line-hori.png);
background-size:100% 2px;
margin:15px 0;
height:2px;
background-repeat:no-repeat;
}
.site_links {
display:inline-block;
width:49%;
vertical-align:top;
}
#global_sl1 {
background-image:url(line-vert.png);
background-size:2px 100%;
background-repeat:no-repeat;
background-position:90% top;
}
#hp_events a {
color:#fff;
}
input.button:hover {
background:#CE393B;
}
#slogan {
position:absolute;
left:30%;
bottom:30px;
font-weight:100;
font-style:italic;
color:#6F2426;
font-size:1.4em;
}
#social {
position:absolute;
left:30%;
top:20px;
}
#social a {
display:inline-block;
width:40px;
height:40px;
background-repeat:no-repeat;
background-size:100% 100%;
margin-right:10px;
vertical-align:top;
}
#social a.soc_fb {
background-image:url(soc-fb.png);
}
#social a.soc_tw {
background-image:url(soc-tw.png);
}
#social a.soc_ti {
background-image:url(soc_trip.png);
}
#social a.soc_yt {
background-image:url(soc-yt.png);
}
#nl_signup input[type="text"] {
border-radius:0px;
border:0px;
padding:5px;
}
#copyright {
font-size:12px;
text-align:center;
font-weight:100;
}
#copyright a {
color:#fff;
}
#interior_banner {
width:100%;
margin-bottom:20px;
padding-bottom:8px;
box-shadow:0 0 4px rgba(0,0,0,0.5);
}
#portal_event_calendar {
background-color:#eee;
}
#portal_event_calendar #calendar {
margin:10px auto;
box-shadow:0 0 3px rgba(0,0,0,0.5);
}

@media (min-width: 1600px) {

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {
body.body {
font-size:16px;
}
#portal_event_calendar .cal_date,#portal_event_calendar .cal_date_inactive {
width:9.9%!important;
}

}

@media (min-width: 768px) and (max-width: 979px) {
body.body {
font-size:14px;
}
#header #logo {
top:10px;
width:120px;
}
#header_title {
display:non;
}
#footer {
padding-right:15px;
padding-left:15px;
}
.default {
padding-left:15px;
padding-right:15px;
}
#portal_event_calendar .cal_date,#portal_event_calendar .cal_date_inactive {
width:9.7%!important;
}

}

@media (max-width: 767px) {
body.body {
font-size:13px;
padding:0px;
margin:0px;
}
#header #logo {
position:absolute;
right:auto;
top:10px;
width:30%;
max-width:120px;
left:10px;
}
#header_title {
height:30px;
font-size:20px;
display:none;
}
#footer {
padding-right:15px;
padding-left:15px;
}
#preheader .span6 {
text-align:center!important;
padding-top:10px;
padding-bottom:10px;
}
.default {
padding-left:15px;
padding-right:15px;
}
#portal_event_calendar .cal_date,#portal_event_calendar .cal_date_inactive {
width:9.9%!important;
}
#carousel-photos button {
display:none!important;
}

}

@media (max-width: 480px) {
#header div.container {
height:160px;
}
#navigation div.container {
height:10px;
}
#header #logo {
right:33%;
width:34%;
left:auto;
}
#slogan {
left:0px;
bottom:10px;
width:100%;
text-align:center;
}
#social {
left:10px;
}

}