/*body {
    text-align: center;
}*/

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, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
  
#top {
		text-align:center;
		}
#topleft {
		text-align:center;
		width: 33%;
		float:left;
		}
#topcenter {
		text-align:center;
		width: 33%;
		float:left;
		}
#topright {
		text-align:center;
		width: 33%;
		float:left;
		}
		
@media screen and (max-width: 960px) {
    #topleft, #topright {
       display:none;
    }
    #topcenter {
    	width:100%;
}
}
@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('Chunkfive-webfont.eot');
    src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('Chunkfive-webfont.woff') format('woff'),
         url('Chunkfive-webfont.ttf') format('truetype'),
         url('Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}       

a:hover {
    text-decoration: underline
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}

:focus {
    outline: none
}
/* Typography */
h1 {
    
    font-size: 2.5em; /* 40px / 16px */
    line-height: 1.2em; /* 48px / 40px */
    margin-bottom: .4em;/* 16px / 40px */
    margin-top: .4em; /* 16px / 40px */
}
header {
	margin-bottom: 0;
    text-align:center;
}
.logo img{
	max-width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
  
  
   
}

h2 {
    
    font-size: 1.5em; /* 24px/16px */
    line-height: 1em;
    margin-bottom: .666666667em; /* 16px / 24px */
    margin-top: 1em;
}
figcaption,
.top-stories li {
    font-size: .75em; /* 12px / 16px */
}
blockquote {
    font-style: italic;
    margin-bottom: 1.5em;
    padding-left: 1em;
}
blockquote:before {
    content: "\201C";
    float: left;
    font-size: 2.5em;
    font-style: normal;
    left: -.4em;
    position: relative;
}
aside section {
    overflow: hidden
}
a:hover {
    text-decoration: underline
}

cite {
    display: block;
    font-style: normal;
    text-align: right;
}
a {
    color: rgb(157,0,0);
    text-decoration: none;
}
/*
 * Base styles
 * --------------------------------------------------*/
body {
    background: #fff;
    color: #333;
    font-family: Arial, Verdana, sans-serif;
    
}
p,
ul,
ol {
    margin-bottom: 1em
}
header{
	background: #fff;
    /*-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5);  FF3.5 - 3.6 */
    /*-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    /*box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

#container {
    margin: auto 0;
    overflow: hidden;
    width: 100%;
    
}



.twoleft, .tworight  {
    width: 50%;
    float: left;
    text-align:center;
}




@media screen and (max-width: 640px) {
    .twoleft, .tworight {
        width:100%;
        float: none;
    }
}

	.main img,
	.slats img{
		width: 100%;
		max-width: 100%;
	}
	aside img{
		max-width: 100%;
	}
ul.tags li {
    float: left;
    font-size: 14px;
    margin: 0 5px 5px 0;
}
    ul.tags li a {
        -moz-border-radius: 0px 3px 3px 0px;
        -moz-transition: background-color .2s ease-in-out;
        -webkit-border-radius: 0px 3px 3px 0px;
        -webkit-transition: background-color .2s ease-in-out;
        background: #9D0000 url(../images/tag-bg.png) no-repeat 0 50%;
        border-radius: 0px 3px 3px 0px;
        color: #fff;
        float: left;
        font-weight: normal;
        padding: 5px 10px 6px 25px;
        transition: background-color .2s ease-in-out;
    }
    ul.tags li a:active {
        background-color: #ccc
    }
    ul.tags li a:hover,
    ul.tags li a:focus {
        background-color: #333
    }
.related li {
    list-style-type: none
}
.related h3 {
    line-height: 1em;
    margin-bottom: 0em;
}
.related time {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: .625em;
    line-height: 1em;
    margin-bottom: 1.5em;
}
.related a{
     display:block;
     border-bottom: 1px dotted #999;
     padding: .3125em 0; /* 5px / 16px */
} 

.more-stories {
    padding-top: 1.5em;
	clear: both;
}

.inner {
    margin: auto;
    overflow: hidden;
    width: 95%;
	padding: 0 1.0548523%;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*NAVIGATION*/
nav {
    background: none repeat scroll 0 0 #1b8299;
    height: 40px;
    position: relative;
    width: 100%;
}
nav ul {
    font-family: "Jura",sans-serif;
    font-size: 12pt;
    font-weight: bold;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    width: 960px;
}
nav li {
    display: inline;
    float: left;
}

nav a {
    color: #fff;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #283744;
    width: 160px;
}
nav li a {
	border-right: 1px solid #D9D9D9;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}

nav a:hover, nav a:active {
    background-color: #334;
    color: #bef;
}
nav a#pull {
    display: none;
}

/*Nav Styles for screen 960px and lower*/
@media screen and (max-width: 960px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 33.33333333333333%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #D9D9D9;
		border-right: 1px solid #D9D9D9;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 640px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #D9D9D9;
		border-right: 1px solid #D9D9D9;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 568px and lower - iphone5*/

.logo img{
    max-width:50%;
}
@media only screen and (max-width : 568px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
        
	}
	nav a#pull {
		display: block;
		background-color: #1B8299;
		width: 100%;
		position: relative;
        font-family: "Jura",sans-serif;
        font-size: 12pt;
        font-weight: bold;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #D9D9D9;
	}
}

/*Forms*/

.formwrapper {
	max-width:500px;
	width:95%;
	margin:0 auto;
	position:relative;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:25px;
}
#contact-form h3 {
	color:#91c963;
	display:block;
	font-size:28px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#contact-form label span {
	cursor:pointer;
	color:#91c963;
	display:block;
	margin:5px 0;
	font-weight:900;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:95%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#91c963;
	background-image:linear-gradient(bottom, #4e6b32 0%, #91c963 52%);
	background-image:-moz-linear-gradient(bottom, #4e6b32 0%, #91c963 52%);
	background-image:-webkit-linear-gradient(bottom, #4e6b32 0%, #91c963 52%);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #333 0%, #999 52%);
	background-image:-moz-linear-gradient(bottom, #333 0%, #999 52%);
	background-image:-webkit-linear-gradient(bottom, #333 0%, #999 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

/*logo vertical space*/
@media screen and (max-height: 480px) {
.logo img{
    margin-top: .25em;
    margin-bottom: .25em;
    }
  
  
   
}

@media screen and (max-width: 380px) {
.logo img{
    margin-top: .25em;
    margin-bottom: .25em;
    }
  
  
   
}
/* table */
#page-wrap {
	margin: 50px;
}
p {
	margin: 20px 0; 
}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #1B8299; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}