/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:::: Major Layout Sections
:: Homepage
:: Content Pages
:::: One Column Page
:::: Two Column Page
*/

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
html { background-color: #00753c; }

/* Links */
a { transition: box-shadow .3s, color .3s; }
article a:link, article a:active, article a:visited { color: #007; text-decoration: underline; }
article a:hover { color: #33a; }
a img { border: none; outline: none; }

/* General typography */
body { font-family: 'ABeeZee', sans-serif !important; }
h1, h2, h3, h4, h5, h6 { font-family: 'Alegreya' !important; }
h3, h4, h5, h6 { font-weight: 400 !important; }

/* Specialized typography */
article h2 { color: #700; font-size: 14pt; }
	article h2 a:link, article h2 a:active, article h2 a:visited { color: #007; }
	article h2 a:hover { color: #33a; /*#a3a;*/ }
article h3 { color: #888; font-size: 12pt; }

/* Forms */
form h2 { color: #000; font-size: 13pt; margin-bottom: 0; margin-top: .25em; padding-bottom: .5em; }
    form h2 + hr { margin: 0 0 21px 0; }
a.button, input.button, input[type=submit] { font-weight: 400 !important; }
	a.button:link, a.button:active, a.button:visited { color: #fff; margin: .5em 0; text-decoration: none; }
	input[type=submit] { margin: .5em 0; }
	
.requiredLabel { color: #c30; font-style: italic; }
.description { color:#888; font-style: italic; }
.thin { height: 1.5em; }

/* Webforms tables... ugh */
td.headerRow { font-weight: bold; }
td.past { color: #888; text-decoration: line-through; }
td.future { color: #888; }

	/* Major Layout Sections
    ----------------------------------------- */
	/* Header */
	#siteHeader
	{
		background-color: #00753c;
		border-bottom: 3px solid #000;
		margin-top: 1em;
	}
		#siteHeader h1 {
			margin: 0;
		}
			#siteHeader h1 a {
				display: block;
				line-height: 0;
			}
			#siteHeader h1 a img:hover { 
				transform: scale(1.025,1.025);
				-ms-transform: scale(1.025,1.025);
				-webkit-transform: scale(1.025,1.025);
				-moz-transform: scale(1.025,1.025);
				-o-transform: scale(1.025,1.025);
			}

		#siteHeader p { color: #fff; line-height: 75px; margin: 0; text-align: right; }
		@media only screen and (max-width: 767px) { #siteHeader p { background-color: #000; line-height: 50px; text-align: inherit; } }
	
	/* Navigation */
	nav { background-color: #004222; }
		/* Overrides for Foundation nav bar */
		.nav-bar 
		{
			background: transparent;
			margin: 0;
		}
			.nav-bar > li, .nav-bar > li.active, .nav-bar > li:first-child, .nav-bar > li:last-child 
			{
				border: none;
				border-left: 1px solid rgba(0,0,0,0.5);
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
			}
				.nav-bar > li:last-child { border-right: 1px solid rgba(0,0,0,0.5); }
				.nav-bar > li.active, .nav-bar > li.active:hover { background: #003119; }
				.nav-bar > li > a:link, .nav-bar > li > a:active, .nav-bar > li > a:visited { color: #fff; }
				.nav-bar > li > a:hover, .nav-bar > li > a:focus { background: #003119; box-shadow: inset 0 0 1em rgba(0,0,0,.5); color: #fff; }

	/* Footers */
	#subFooter
	{
		background-color: #004222;
		border-bottom: 3px solid #000;
		color: #fff;
		padding: 2em 0 1em 0;
	}
		#subFooter p:last-child { text-align: right; }
		@media only screen and (max-width: 767px) { #subFooter p:last-child { text-align: inherit; }}

		#subFooter a { display: inline-block; margin: .25em; }
		#subFooter img:hover 
		{ 
			transform: scale(1.125,1.125);
			-ms-transform: scale(1.125,1.125);
			-webkit-transform: scale(1.125,1.125);
			-moz-transform: scale(1.125,1.125);
			-o-transform: scale(1.125,1.125);
		}
	#siteFooter
	{
		background-color: #00753c;
		color: #fff; 
		padding: 2em 0;
	}
		#siteFooter ul li { display: inline; margin-right: 1em; }
		#siteFooter a:hover { text-decoration: underline; }

/* -----------------------------------------
   Homepage
----------------------------------------- */

#intro { padding: 1.5em 0 1em 0; }
    
	#intro h2 { color: #700; font-size: 27px; margin: 0; padding: 0 !important; }
    #intro h3 { font-size: 22px; font-weight: 400; margin: 0 0 14px 0; }

#primary
{
	background-color: #e2e2e2; 
	box-shadow: inset 0 .5em .5em rgba(0,0,0,.25), inset 0 -.5em .5em rgba(0,0,0,.25); 
	padding: 3em 0 2em 0;
}

#secondary  { padding: 1em 0; }

/* -----------------------------------------
   Content Pages
----------------------------------------- */
.twelve.childPage img 
{
    float: left;
    margin: 0 1.25em 1em 0;
    max-height: 200px;
}
article img.pagePhoto 
{
    float: left;
    margin: 0 1.25em 1em 0;
    max-height: 300px;
    max-width: 50%;
}

    /* One Column Page
    ----------------------------------------- */
    article.twelve 
	{    
	    margin-bottom: 2em;
        margin-top: 1em;
    }
    article.twelve h1 
	{
        font-size: 2em;
    }

    /* Two Column Page
    ----------------------------------------- */
    article section.eight 
	{    
	    margin-bottom: 2em;
        margin-top: 1em;
    }
    article section.eight h1 
	{
	    font-size: 2em;
    }
    article aside.four
    {
	    margin-bottom: 3em;
        margin-top: 2em;
    }