/* GLOBAL - r1.2 ; SJVAD ; style-r1.2.css
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* SOFT RESET
`````````````````````````````````````````````````````````````````````````` */
html, body, nav, section, article, aside, div, h1, h3, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td 
{ margin: 0; padding: 0; }

body { color: #000; font: 14px/20px 'Source Sans Pro', sans-serif }

h1 { font: 1.25em/1.2em 'Source Sans Pro', sans-serif; font-weight: 700; } 

a { color: #005ca3; }

a:hover { color: #0e88db; } 

img { border: none; }

p, ul, ol, dl, table { margin-bottom: 0px; }

ul, ol, dd { margin: 0; }

em { font-weight: 700; color: #333; font-style: normal; }

.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }


/* STRUCTURE
`````````````````````````````````````````````````````````````````````````` */

h1.main, h1.about { border-bottom: #D1D2D4 solid 2px; margin-bottom: 18px;}

h1.nested {font: 1.5em/1.8em 'Source Sans Pro', serif; font-weight: 700; }

p { font: 1em/1.25em 'Source Sans Pro', sans-serif; padding-bottom: 1em;}

.italic { font-style: italic;}

.center { text-align: center; }

.center-block { margin: 0 auto; }

ul { overflow: hidden; }

hr { border-bottom: 1px #ccc solid; border-left: none; border-right: none; border-top: none; 
	 width: 95%; margin: 40px 0 20px 0;}

/* Sections */
section#landing, section#about, section#work, section#services, section#contact, footer { width: 100%; }

/* Section Style */
section#landing, section#about, section#contact { background: #fff; }

section#about { -margin-bottom: 1em; }

section#services { background: #DCDCDC; }

footer { background: #e0e0e0; border-top: 2px solid #d1d2d4; }

/* Inner Containers */
.main, .about, .work, .contact, .services, .footer {
	margin: 0 auto; 
	width: 710px; 
	padding: 1% 3% 0 2%; 
	overflow: auto; 
	max-width: 98%;
	height: auto;
}

h1.main, h1.about { padding-left: 0; overflow: auto;}

h1.about { border-bottom: none;}

h1.heading { font-size: 1.5em; margin-bottom: 18px;}

.footer { padding: 1.5% 0.5%; margin: 0 auto;}

.footer p {
	margin: 0 auto;
	text-align: center;
	float: left;
	color: #fff;
}

/* Content */
.sub {
	width: 100%;
	height: auto;
	overflow: hidden; 
	padding-bottom: 3em;
}

/* OFF-SEASON */
.allert {
	background: #f4f4f4;
	padding: 0.5em;
	border-radius: 0.2em;
	text-align: center;
	margin-top: 1.5em;
}

.allert h1.main {-border-bottom: none; text-transform: uppercase; padding-bottom: 1em; margin-bottom: 1em;}

.allert p { font: 1.2em/1.5em 'Source Sans Pro',sans-serif; margin-bottom: 1em;}

.copy-small { font-size: 0.75em;}

.row-one {
	width: 400px;
	height: auto;
	margin: 0;
	padding: 0 auto;
}

.full-width { width: 100%; margin-bottom: 1.5em;}

.full-width p { font-weight: 400; }

.one-left, .two-left {
	width: 30%;
	float: left;
	margin-right: 5%;
}

.three-right {
	width: 30%;
    float: right;
}

.one-half, .two-half {
	width: 47%;
	float: left;
	margin-right: 3%;
}

.two-half {
	margin-right: 0;
}

article {
	width: 60%;
	margin-right: 5%;
	float: left;
}

aside, aside.thirds {
    width: 35%;
    float: left;
    margin-bottom: 1%;
}

aside.thirds {
	width: 30%;
	margin-right: 5%;
}

aside.thirds:last-child {
	margin-right: 0;
}

.box ul {
	padding-left: 1em;
}

.box ul li, ul.footnote {
	font: 1.2em/1.5em 'Source Sans Pro', sans-serif;
}

.margin-left {
	margin: 0;
	margin-left: 5%;
}

/* HEADER 
`````````````````````````````````````````````````````````````````````````` */
header {
	background: #fff;
	width: 100%;
	height: auto;
	margin: 0;
}

.header { 
	width: 960px;
	max-width: 98%;
	margin: 0 auto;
	background: #fff;
}

/* IMG
`````````````````````````````````````````````````````````````````````````` */
.banner img.landing, .banner img.landing-full, .header img.landing {
	width: 100%;
	height: auto;
	top: 0;
	margin-top: 52px;
}

.banner img.landing-static {
	width: 720px;
	height: auto;
	margin: 0 auto;
	display: block;
	top: 0;
	padding-top: 52px;
}

.banner img.section {
	width: 100%;
	top: 0;
} 

img.example { width: 100%; }

img.left { width: 25%; height: auto; float: left; }

.box {width: 75%; float: left;}

/* NAV 
`````````````````````````````````````````````````````````````````````````` */
nav#navmain {
	text-align: center;
	font: 1.1em 'Source Sans Pro', sans-serif;
	font-weight: 700;
    background-color: #fff;
    text-align: center;
    padding-top: 0.5em;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	position: fixed;
	width: 100%;
	border-bottom: 2px solid #d1d2d4;

	-webkit-box-shadow: 0 1px 6px  rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 1px 6px  rgba(0, 0, 0, 0.1);
	        box-shadow: 0 1px 6px  rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.navWrap {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
 
nav#navmain li { 
	float: left;
	text-align: center;
	padding: 1em;
	margin-left: 10em;
}

nav#navmain li:first-child { margin-left: 0;}

nav#navmain li.logo {
	padding: 0;
}

img.logo
{
    margin-top: 0.5em;
}

img.logo:hover
{
	
}

nav#navmain ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}

nav#navmain li a{
	text-decoration: none;
	color: #1c62ae;
} 

nav#navmain li a:hover{
	text-decoration: none; 
	color: #7A7A7A;
}

/* FLYOUT */
.program {
    background-color: #444;
    text-align: center;
    font: 1em 'Anton', sans-serif;
    color: #fff;
	-text-transform: uppercase;
	width: 100%;
	padding: 0.7em;
	/*hide the sticky navigation*/
	position: fixed;
	z-index: 10;
	top:-100px;
}

.program.is-visible { top:0; } /*show the sticky navigation*/
 
.program li { 
	float: left;
	text-align: center;
	line-height: 25px;
	padding: 0.5em;
}

.program ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	position: relative;
}

.program li a{
	text-decoration: none;
	color: #fff;
} 

.program li a:hover{
	text-decoration: none;
	color: #8fd0ee;
} 

ul.changes {
	padding-left: 1em;
	margin: 0.5em 0;
	list-style-type: disc;
	color: #971b1e;
}

ul.changes p { color: #000; }

.sub ul li { margin-bottom: 0.5em;}

/* Button Style 
`````````````````````````````````````````````````````````````````````````` */
button.top, a.signup, a.violation, a.exemption, a.apply {
	font: 1em 'Source Sans Pro', sans-serif;
	font-weight: 700;
	background: #999;
	border: none;
	text-transform: uppercase;
	margin: 0 auto;
	color: #fff;
	width: 8em;
	float: right;
	cursor: pointer;
	border-radius: 0.2em;
}

a.signup { font-size: 0.9em; padding: 0.3em 0; border-bottom: 0.15em solid #480809;}

button.top { margin: 0 auto;}

button.top:hover{ background: #555; }

a.signup, a.violation, a.exemption, a.apply {
	color: #fff;
	background: #6c1011;  
	text-align: center;
}

a.violation, a.exemption, a.apply { background: #ee3442; width: 22.5em; font-size: 1.1em; padding: 0.6em 0; margin: 1em 0;}

a.exemption {background: #6c1011; margin-top: 1em; border-bottom: 0.15em solid #480809;}

a.violation { border-bottom: 0.15em solid #cf2734; }

a.apply {background: #005da3; border-bottom: 0.15em solid #014980;} 

a.signup:hover { background: #a12022; }

a.violation:hover { background: #ff4553; }

a.exemption:hover { background: #821b1c}

a.apply:hover {background: #096cb7;}

/* BURN STATUS TABLE 
`````````````````````````````````````````````````````````````````````````` */
table#bc td { 
	border-bottom: #D1D2D4 solid 2px; 
	padding: 0.5em;
	margin: 0;
	text-align: center; 
	width: 30%;
}

table#bc tr:hover { background: #f4f4f4;}

table#bc tr:first-child:hover { background: none;}

table#bc { border-collapse: collapse; margin-top: 1.9em;}

table#bc img {height: auto; width: 65%;}

table#bc tr { border-bottom: #D1D2D4 solid 2px;}

table#bc td:first-child { font-weight: bold; width: 40%; }

/* ACCORDION
`````````````````````````````````````````````````````````````````````````` */
#accordion a {
	display: block;
	background: #eee;
	padding: 8px;
	border: 2px solid #555;
	border-radius: 3px;
	text-decoration: none;
	text-transform: uppercase;
	color: #555;
	font-family: arial, sans-serif;
	font-weight: 400;
	margin-bottom: 20px;
}

#accordion a:hover {
	color: #fff;
	background: #555;
}

.expand {
	padding: 1em; 
	height: auto;
}

/* TABLES
`````````````````````````````````````````````````````````````````````````` */
.table-full {
	color: #555;
}

.table-full table, .table-full td, .table-full tr {
	-display: block;
}

.table-full table {
	width: 100%;
	background: #eee;
	margin-bottom: 40px;
	border-radius: 0.2em;
	padding: 20px;
}

.table-full tr {
	margin-bottom: 20px;
	display: block;
	width: 100%;
}

.table-full table tr:last-child {
	margin-bottom: 0;
}

.table-full td:first-child {
	width: 600px;
	border-bottom: 1px dashed #999;
}

.table-full td:last-child {
	width: 100px;
	border-bottom: 1px dashed #999;
}

/* SOCIAL  
`````````````````````````````````````````````````````````````````````````` */
-.twitter-share-button, -.fb-like.fb_edge_widget_with_comment {float: left!important;}
.tw, .fb { float: left; overflow: hidden;}

/* EXTRA  
`````````````````````````````````````````````````````````````````````````` */
::selection
{
background:#FFFC97;
color: #000;
}
::-moz-selection
{
background:#FFFC97;
color: #000;
} 

/* TRANSITIONS AND TRANSFORMS 
`````````````````````````````````````````````````````````````````````````` */
a, #name, #email, #comments, button.form_button, .social img, button.top, img.logo, table#bc tr {  
	/* Transition: Smooth hover animation */
	transition: all 0.12s;
	/* Browser specific tags, IE has to be 10 or up to work */
	-ms-transition: 0.12s; /* IE 10 */
	-webkit-transition: 0.12s; /* Safari and Chrome */
	-moz-transition: 0.12s; /* Firefox */
	-o-transition: 0.12s; /* Opera */
}

.social img:hover {
	/* Transform: Move elements up on hover */
	transform: translateY(-5px);
	/* Browser specific tags, IE has to be 9 or up */
	-ms-transform: translateY(-5px); /* IE 9 only supports 2D transforms */
	-webkit-transform: translateY(-5px); /* Safari and Chrome */
	-moz-transform: translateY(-5px); /* Firefox */
	-o-transform: translateY(-5px); /* Opera */
}

.program {
	/* Transition: Show/Hide Nav */
	transition: top 0.2s ease-in-out;
	/* Browser specific tags, IE has to be 10 or up to work */
	-ms-transition: top 0.2s ease-in-out; /* IE 10 */
	-webkit-transition: top 0.2s ease-in-out; /* Safari and Chrome */
	-moz-transition: top 0.2s ease-in-out; /* Firefox */
	-o-transition: top 0.2s ease-in-out; /* Opera */
}