﻿/* reset */
html, body {margin:0; padding: 0; border: 0; background: #84cfcb; font-size: 10px;height: 100%;}
               
div, span, article, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	background: transparent;
	}

img { margin: 0; padding: 0; border: 0 }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align:baseline;
	background:transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0; 
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
	}
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul {list-style: none; }

/* global */
html		{	}
body {background-color:#84Cfcb;}

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #585858}

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px;margin:0 0 0 0}
h6 			{ color:#585858; font-size:12px; line-height:150%; }
h6 .left  	{margin: 1.5em 1.5em 1.5em 0; padding: 0; }
h6 .right 	{margin: 1.5em 1.5em 1.5em 0; padding: 0; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0}

/* Text Elements */
p				{ color:#585858; font-size:14px; line-height:150%; }
p .left			{margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right		{margin: 1.5em 1.5em 1.5em 0; padding: 0; }

a				{ }
a:link			{ color: #585858; }
a:visited		{ color: #585858 ; }
a:active		{ color: #585858 ; }
a:focus			{ color: #585858 ; }
a:hover			{ color: #585858 ; }

blockquote		{ color: #585858 ; font-size: 12px; }

strong			{ font-weight: bold; }
em				{ font-style: italic; }

/* Images */

/* list  */
ul				{	}
ol				{ list-style-type: decimal; }

ul li			{ color: #585858 ; font-size: 14px; }
ol li			{ color: #585858 ; font-size: 14px; }

dl				{ 	}
dt				{	}
dd				{	}

/* Tables */
table			{ width: 100%; }

tr				{	}
.odd			{ background-color: #eee; }
.even			{ background-color: #fff; }

th			    { font-weight: bold; }
thead, th		{ background: ccc; }

tbody			{	}
th, td, caption	{	}
caption			{	}

tfoot			{	}
.tfooter		{ background: #ccc; text-align: center; font-style: italic; }

caption			{ background: #efefef; }

/* Miscellaneous*/
sup, sub		{ line-height: 0; }

abbr, acronym 	{ border-bottom: 1px dotted #666 }
address			{	}
del				{ background: #FFCECE; color: #f00; }

code, pre 		{background-color: #FF9; padding: 2px 0px; margin: 4px 25px; 
 					font-family: "Courier New", Courier, monospace; font-size: 14px; font-style: italic; }
 					

/* containers */
#containter			{ min-height: 100%;margin-bottom: -330px;position: relative;color:#ffffff;}
#wrapperBanner		{height: 40px; margin: 0px auto;
						/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+0,8eb92a+0,89791b+0,bda44d+100 */
						background: #bfd255; /* Old browsers */
						background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 0%, #8eb92a 0%, #89791b 0%, #bda44d 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(0%,#8eb92a), color-stop(0%,#8eb92a), color-stop(0%,#89791b), color-stop(100%,#bda44d)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 0%,#8eb92a 0%,#89791b 0%,#bda44d 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 0%,#8eb92a 0%,#89791b 0%,#bda44d 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 0%,#8eb92a 0%,#89791b 0%,#bda44d 100%); /* IE10+ */
						background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 0%,#8eb92a 0%,#89791b 0%,#bda44d 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#bda44d',GradientType=0 ); /* IE6-9 */
					}
					
#topBanner			{	height: 100%; 
						width: 100%; 
						background-color : #005765;
					}
					
#bottomBanner		{   height: 330px;
						position: relative;
						background-color: #44919B;
					}
					
#wrapper 			{width:900px;margin: 0px auto; background-color: #ffffff;}

#top				{background-color:#005765}
#logo				{background-color:#ffffff}
#logo img			{}

#contact p			{ margin: 64px 0; line-height: 160%; }
#resource ul		{}
#resource ul li		{font-size:14px; padding: 5px}
#resource a			{color:blue;text-decoration:underline;}


#topnav				{margin: 0px; clear: both }
#topnav	ul			{width: 100%; float: left; background: #3C1F01; border-bottom: 3px #ffffff solid }
					  	/*background: #627d4d; /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
						/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyN2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjNiMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top,  #627d4d 0%, #1f3b08 100%); /* FF3.6+ */
						/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#627d4d), color-stop(100%,#1f3b08)); /* Chrome,Safari4+ */
						/*background: -webkit-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* Chrome10+,Safari5.1+ */
						/*background: -o-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* Opera 11.10+ */
						/*background: -ms-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* IE10+ */
						/*background: linear-gradient(to bottom,  #627d4d 0%,#1f3b08 100%); /* W3C */
						/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-8 */
						

#topnav	ul li		{ display: inline }
#topnav	ul li a		{ float: left; padding: 10px 20px; }

#topnav a:link		{ color: #FFFFF0; }
#topnav a:visited	{ color: #FFFFF0; }
#topnav a:active	{ color: #FFFFF0; }
#topnav a:hover		{ color: #FFFFF0; background-color: #749e18}
#topnav a:focus		{ color: #FFFFF0; }

#banner				{	}

#subbanner			{ height:100%; width: 100%; background-color: #ffffff; padding: 5px 0px;
                       overflow: hidden; }

#subbanner h3		{ color: #FFFFFF; font-size: 8px; font-weight: bold;
						text-align: center; line-height: 180%; }

#content			{ height: 100%;width: 650px; margin: 0px auto; float: left; padding: 20px;background-color:#ffffff;}
#content h1			{ margin:0 0 20px 0; font-size: 32px; border-bottom:1px #777777 solid; padding: 20px 0; }
#contentWrapper		{background-color:#ffffff; height: 100%;width: 100%; margin: 0 0 0 0; padding:0 0 0 0}	
#content h2			{ margin: 20px 0 0 0; }
#content h5			{ margin: 16px 0; line-height: 160%;}
#content p			{ margin: 16px 0; line-height: 160%; }
#content ul			{list-style-type:disc; padding-left: 80px;}
#content img		{ padding: 0 0 0 0; margin: 0 0 0 0; }

#rightside			{padding: 20px;margin-left: 695px; margin-top: 75px; }
#rightside h1		{ margin: 20px 0 10px 0; }
#rightside h2		{ margin: 20px 0 10px 0;border-bottom:1px #777777 solid; padding:20px 0 0 0 }
#rightside h4		{margin:10px 0 10px 0; font-size: 16px; border-bottom:1px #777777 solid; padding:20px 0 0 0 }
#rightside p        { margin: 15px 0; line-height:160%; }
#rightside ul li    { font-size:12px; padding: 10px}
#rightside strong	{ font-weight: bold; color: #0000FF;}
#rightsideLarsonImg img  {width: 160px;border:1px #777777 solid}

#rightside_drive	{ padding: 20px; margin-left: 575px }
#rightside_drive h2	{ margin: 120px 0 10px 0; }

#socialMedia		{ float: left; margin: 0px 10px 0px 0px; }
#socialMedia p		{ color: #ffffff; font-size: 11px; margin: 4px 10px 4px 0px; }
#socialMedia img 	{ width: 24px; height: 24px; border:1px #ffffff solid; margin:0 0 20px 0}
#socialMedia ul li 	{ display: inline; }

#crisis				{margin: 20px 0 20px 100px;}
#crisis h6			{margin: 20px 0 20px 20px;}
#crisis	p			{margin: 0 0 0 50px}


#footer				{ margin: 0px auto; clear: both; padding: 10px 0; 
						/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+0,8eb92a+0,3c531b+0,a0c938+100 */
						background: #bfd255; /* Old browsers */
						background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 0%, #8eb92a 0%, #3c531b 0%, #a0c938 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(0%,#8eb92a), color-stop(0%,#8eb92a), color-stop(0%,#3c531b), color-stop(100%,#a0c938)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 0%,#8eb92a 0%,#3c531b 0%,#a0c938 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 0%,#8eb92a 0%,#3c531b 0%,#a0c938 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 0%,#8eb92a 0%,#3c531b 0%,#a0c938 100%); /* IE10+ */
						background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 0%,#8eb92a 0%,#3c531b 0%,#a0c938 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#a0c938',GradientType=0 ); /* IE6-9 */

					}
#footer p			{ text-align:center; color:#ffffff; }

#box1				{	}

#box2				{	}

#box3				{	}

#box4			{	}

#box5			{	}

#box6			{	}

/* Layout Extra */

/* Navigation Extra */

/* Forms */
/* Forms */
#forms			{ text-align:left; margin: 20px	}

label, submit, input, textarea { border: 0; padding: 0; margin: 0; background: none;font-size: 14px; }

label {width: 250px; height: 25px; text-align: center; display: block; margin-top: 16px; }

input, textarea { border: 1px #333 solid; margin-left: 10px; }

input { width: 250px;  height: 25px; margin-bottom: 16px; }

textarea { width: 250px; height: 150px; margin-bottom: 16px; }

select			{	}

buton   {margin-left:160px;}

.submit	{ width: 250px; height: 25px; font-size: 14px; background: #005765; color:#ffffff;}

#contactForm ol 	{list-style-type:none; }

#directionForm 		  {text-align:center;font-size: 14px; margin: 20px; width: 150px; clear: both;}
#directionForm label  {font-size: 14px;width: 100%;clear: both;margin-bottom: 16px;}
#directionForm input  {border: 1px #333 solid; font-size: 14px;width: 100%;margin-bottom: 16px;clear: both;}

/* Miscellaneous */
.copyright-text 	{ font-size: 80%; font-style: italic; color: #333; }
.footer-text		{ font-size: 80%; font-style: normal; color: #666; }
.clearfooter		{height: 330px; clear: both;}

.title				{ font-size: 18px; font-weight: bold; color: #333; }
.subtitle			{ font-size: 14px; font-style: italic; color: #333; }

.artist				{ font-size: 16px; font-weight: bold; color: #333; }
.author				{ font-size: 14px; font-weight: bold; color: #555; }
.editor				{ font-size: 14px; font-style: italic; color: #555; }

.pub-date			{ font-size: 10px; font-style: italic; color: #555; }
.article-date		{ font-size: 10px; font-style: italic; color: #555; }
.location			{ font-size: 10px; font-style: italic; color: #555; }

.float-right		{ float: right; }
.float-left			{ float: left; }
.clear				{ clear: both; }

.hide				{ display: none; }
.block				{ display: block; }
.inline				{ display: inline; }

.first				{ font-weight: bold; }
.last				{ font-weight: bold; }
.left				{ font-weight: bold; text-align: left; }
.right				{ font-weight: bold; text-align: right; }

.added				{ background: #D7D7FF; }
.removed			{ background: #FFCECE; color: #F00; }
.changed			{ background: #FFB; }

/* Success, info, notice and error/alert boxes - from Blueprint CSS Frames Framework */
.error, .alert, .notice, .success, .info { 
					padding: 0.8em; margin-bottom: lem; border: 2px solid #DDD; }

.error, .alert		{ background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4; }

.notice				{ background: #FFF6BF; color: #514721; border-color: #FFD324; }

.success			{ background: #E6EFC2; color: #264409; border-color: #C6D880; }

.info				{ background: #D5EDF8; color: #205791; border-color: #92CAE4; }

.error a			{ color: #8A1F11; }
.alert a			{ color: #8A1F11; }

.notice a			{ color: #514721; }
.success a			{ color: #264409; }
.info a				{ color: #205791; }







