/*
 ----------------------------- 
 PVII Layout Builder Magic
 by Project Seven Development
 www.projectseven.com
 Custom Styles
 -----------------------------
*/

body {
    background-color:#DDDDDD;
    color: #213043;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    line-height: 1.3em;
}

.masthead_logo {
    position: absolute;
	z-index: 10;
    max-width: 1400px;
    height: auto;
    left: 50%;
	margin-left: -700px;
    margin-top: 10px;
}

.masthead_image {
	width: 276px !important;
	height: auto !important;
}

.noPadding {
    padding: 0px !important;
}

a:link, a:visited, a:hover, a:active { 
    color: #0962c9;
}

ul {
   list-style-position: inside;
}

 /* Zoom search highlight within pages */
 .highlight {
	background: #b8d198;
	border-radius: 4px;
}

/*quicklink buttons*/
.help-button {
    width:95%;
    height: auto;
    padding: 8px 0% 7px 20px;
    margin-bottom: 7px !important;
    border-radius: 5px 0px 0px 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#213043+0,213043+100&1+0,1+60,0+100 */
    background: -moz-linear-gradient(left,  rgba(33,48,67,1) 0%, rgba(33,48,67,1) 60%, rgba(33,48,67,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(33,48,67,1) 0%,rgba(33,48,67,1) 60%,rgba(33,48,67,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(33,48,67,1) 0%,rgba(33,48,67,1) 60%,rgba(33,48,67,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213043', endColorstr='#00213043',GradientType=1 ); /* IE6-9 */
}

.help-button a {
    color:#EEEEEE; 
    text-decoration: none;
}
.help-button a:hover {
    text-decoration: underline;
}

#socialButtons_container {
    position:absolute;
    z-index:999998;
    top:0px;
    height:auto;
    width:1400px;
    left:50%;
    margin-left:-700px;
}
#socialButtons {
    position:relative;
    top:0px;
    float:right;
    height:auto;
    width:auto;
}
.socialButton {
    float:left;
    height:auto;
    max-height:32px;
    width:auto;
    padding-left:5px;
}

.clearfix {
  overflow: auto;
  zoom: 1;
}

/*
***************************************************
Font Families: You may edit the font-family values,
BUT DO NOT REMOVE OR RENAME THE 4 RULES BELOW
***************************************************
*/
.lbm-stack-sans {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;}
.lbm-stack-serif {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.lbm-stack-thin {font-family: Lato, "Gill Sans", Optima, sans-serif; font-weight: 300;}
.lbm-stack-fancy {font-family: Federo, "Gill Sans", Optima, sans-serif;}


h1, h2, h3, h4, h5 {
	font-weight: normal;
    margin: 0px;
    padding: 0px;
    color: #111111;
    line-height: 1.3em;
}
h1 {font-size: 180%;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 120%;}
h5 {font-size: 100%;}

img.fancy {
    float: left;
    margin: 5px 20px 7px 0px;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
	box-shadow: 0px 0px 6px rgba(0,0,0,.65);
}

.bigg {
	font-size: 180%;
}
.bigg strong {
	font-weight: 400;
}

/*
Link Styles
Assign one of the following classes to
Text Links on your page
*/
.text-link-light {
	color: #EEE;
	border-bottom: 1px dotted;
}
.text-link-dark {
	color: #000;
	border-bottom: 1px dotted;
}
.text-link-dark:hover, .text-link-light:hover {
	border-bottom: 1px solid;
}
.text-link-dark, .text-link-light {
	text-decoration: none;
}

/* Home Page Banner Buttons */

.bannerButtonBundle {
    display:block;
    position:absolute;
    top:240px;
    height:auto;
    width:50%;
    margin:0px 25%;
    z-index:7;   
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+15,ffffff+85&0+0,0.6+15,0.6+85,0+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 15%, rgba(255,255,255,0.6) 85%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 15%,rgba(255,255,255,0.6) 85%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 15%,rgba(255,255,255,0.6) 85%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.bannerButtonTable {
    display: table;
    width:100%;
}

.bannerButtonRow {
    display: table-row;
}

.bannerButtonHeadline {
    display:table-cell;
    font-family: 'Yellowtail', cursive;
    text-align:center;
}
.bannerButton {
    display:table-cell;
    text-align:center;
    padding:6px 0px;
    font-size:.9em;
}

.bannerButtonHeadline h1 {
    color:#f9ed57; 
    font-size:4em;
    line-height:1em;
    text-shadow:3px 3px 4px black;
}

.bannerButtonHeadline h3 {
    color:#f9ed57; 
    font-size:2em;
    line-height:1em;
    text-shadow:3px 3px 4px black;
}

.bannerButtonHeadline p {
    padding: 0px;
    margin: 10px 0px;
}

.bannerButton h4 {
    padding:0px;
    margin:0px 10px;
    padding: 6px 0px;
    background-color:#213043;
    /*border: #4d0260 2px solid;*/
    border-radius: 5px;
    font-size:1.1em;

}
.bannerButton a {
    color: #EEEEEE;
    text-decoration:none;
}
.bannerButton a:hover {
    color:#cfe7f1;
    text-decoration:underline;
}

.bannerButton_80 {
    width:70%;
    margin-left:15%;
    padding-top:20px;
}

/* Common Column Facebook Feed, added 100319 */
#fbook_1, #fbook_2, #fbook_3, #fbook_4, #fbook_5 {
    width:100%;
    height:auto;
    padding:0px 5px 5px 5px;
}
#fbook_1 {
    display:block;
}
#fbook_2, #fbook_3, #fbook_4, #fbook_5 {
    display:none;
}

/* Transitions*/
.masthead_logo, .masthead_image, .help-button, .help-button a, .bannerButtonBundle, .bannerButton_80, .noSmartphone {
    -webkit-transition: all linear .25s .1s;
	transition: all linear .25s .1s;
}

/*The Footer*/

.footer {
    position: absolute;
    color: #213043;
    text-align: left;
    font-size: 0.8em;
}
.footer a:link {color: #213043; text-decoration: none;} /*logged in state*/
.footer a:visited {color: #213043; text-decoration: none;}
.footer a:hover {color: #213043; text-decoration: underline;}
.footer a:active {color: #213043; text-decoration: none;}

.cobra7Link a:link {color: #dddddd; text-decoration: none;} /*normal state*/
.cobra7Link a:visited {color: #dddddd; text-decoration: none;}
.cobra7Link a:hover {color: #213043; text-decoration: none;}
.cobra7Link a:active {color: #213043; text-decoration: none;}

.copyright {
    color:#213043;
    text-align: center;
    font-size:.8em;
}

.copyright a:link,
.copyright a:visited {
    color: #213043;
}
    
.copyright a:hover,
.copyright a:focus {
    color: #FFFFFF;
}

/*Media Queries*/


@media only screen and (min-width: 1250px) and (max-width: 1400px) {
#fbook_2 {
    display:block;
}
#fbook_1, #fbook_3, #fbook_4, #fbook_5 {
    display:none;
}
}

@media only screen and (min-width: 1100px) and (max-width: 1400px) {
#socialButtons_container {
    width:100%;
    left:0%;
    margin-left:0px;
}
}

@media only screen and (min-width: 1000px) and (max-width: 1250px) {
#fbook_3 {
    display:block;
}
#fbook_1, #fbook_2, #fbook_4, #fbook_5 {
    display:none;
}
}

@media only screen and (min-width: 767px) and (max-width: 1400px) {
.masthead_logo {
    left: 0px;
	margin-left: 0px;
}
}

@media only screen and (min-width: 900px) and (max-width: 1100px) {
#fbook_4 {
    display:block;
}
#fbook_1, #fbook_2, #fbook_3, #fbook_5 {
    display:none;
}
}

@media only screen and (min-width: 767px) and (max-width: 1100px) {
body {font-size: 85%;}

.masthead_logo {
    margin-top: 0px;
}

.masthead_image {
	width: 212px !important;
}

.bannerButtonBundle {
    top:180px;
    width:66%;
    margin:0px 17%;
}

.bannerButton_80 {
    width:76%;
    margin-left:12%;
}

#socialButtons_container {
    width:100%;
    left:0%;
    margin-left:0px;
    padding-top:1px;
    height:17px;
}
#socialButtons {
    height:17px;
}
.socialButton {
    max-height:17px;
    padding-right:10px;
}
}

@media only screen and (min-width: 767px) and (max-width: 900px) {
#fbook_5 {
    display:block;
}
#fbook_1, #fbook_2, #fbook_3, #fbook_4 {
    display:none;
}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
body {font-size: 80%;}

.masthead_logo {
    margin-top: 0px;
    left: auto;
	margin-left: auto;
    right: 0px;
	margin-right: 0px;
}

.masthead_image {
    width: 130px !important;
}

.noSmartphone {
    display: none;
}

.bannerButtonBundle {
    top:160px;
    width:90%;
    margin:0px 5%;
    font-size:.9em;
}

#socialButtons_container {
    width:100%;
    left:0%;
    margin-left:0px;
    padding-top:1px;
    height:17px;
}
#socialButtons {
    height:17px;
    float:right;
    /*margin-left:40px;*/
}
.socialButton {
    max-height:17px;
    padding-right:150px;
}

#fbook_3 {
    display:block;
}
#fbook_1, #fbook_2, #fbook_4, #fbook_5 {
    display:none;
}

}