/********************************
BASICS
********************************/
/* generic reset */
* {margin: 0; padding: 0;}

/* insert vertically-tiling background on html if needed */
html {background: #FFF URL(/images/backg.gif) top center repeat-y;height: 100%; margin-bottom: 1px;}

body {
	background-color: transparent;
	font-family: verdana, arial, sans-serif;
	line-height: 140%;
	font-size: x-small;
	color: #9A9A9A;
	text-align: center; /* centers content in IE */ 
}

h1 {color: #55B01F;}
h2, h3, h4, h5 {color: #949494;}

h1, h2 {margin: 0 0 .3em 0;}

h3, h4, h5 {margin: 0 0 .3em 0; }

h1 {font-size: 150%;}
h2 {font-size: 135%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 105%;}

h1, h2, h3, h4, h5 {line-height: 100%;}

#nav ul.navigation
{
	font-size: 11px;
	letter-spacing: 2px;
}

a,
a:link,
a:visited,
a:active,
a:hover {
	text-decoration: none;
	border: none;
}

a,
a:link,
a:visited
{
	color: #55B01F;
}

a:active,
a:hover {
	color: #CC0000;
}

p {margin: 0 0 1em 0;}

img {border: none;}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

li {display: block;}

/* insertion of the kill class allows one to close out tables,
floated elements, etc., so that they will display properly
within the confines of the divs in which they are nested.*/
.kill {clear: both; background-color: transparent;}


/********************************
CONTAINER
********************************/
#container {
	background-color: #FFF;
	text-align: left; /* overrides text-align:center property in body */
}

#container .padding {padding: 12px; background-color: transparent;}

#container,
#outerWrap,
#innerWrap {
	position: relative;
	top: 0;
	left: 0;
	width: 820px; /* determines overall body width */
	margin: 84px auto 20px auto; /* centering */
}

#outerWrap {
	/*background: transparent URL(/images/bkg.jpg) top center no-repeat;*/
}

#innerWrap {margin: 12px;}


/********************************
LOGO
********************************/

#logo {
	position: absolute;
	top: 0;
	width: 100%;
}

#logo img {
margin: 0 auto;
}


/********************************
CONTENT

All styles related to the internal content
go here. 
********************************/

#nav {
    width: 90px;
    float: left;
    text-align: right;
    text-transform: lowercase;
    overflow: hidden;
}

#imageContainer {
	position: relative;
	top: 0;
	left: 0;
	height: 1px;
	overflow: visible;
}

#imageContainer img {
	position: absolute;
	top: 10px;
	left: 10px;
/*	display: none; */
}

.heroShot {padding: 0 0 18px 0;}

#nav li {
margin-bottom: 24px;
}

#nav #mailingList #mailerSubmit,
#nav a,
#nav a:link,
#nav a:visited {
    color: #9A9A9A;
    text-decoration: none;
}

#nav .navigation .selected a,
#nav .navigation .ancestor {
    color: #55B01F;
}
    
#nav .navigation li li {
    margin-bottom: 0.25em;
}

#nav .navigation li li a:hover,
#nav a:active,
#nav a:hover {
	color: #000;
}

#nav #mailingList {
margin-top: 70px;
}

#nav input.mailerSignup {
	width: 74px;
	border: 1px solid #CECECE;
	overflow: visible;
	float: right;
}

#nav #mailingList #mailerSubmit {
    border: none;
    background-color: transparent;
    cursor: pointer;
}

#nav .navigation ul.navigation {
    float: none;
    margin-top: 1em;
    margin-bottom: -0.5em;
}

#nav .navigation .navigation li {
    margin-bottom: 0.5em;
    padding-right: 0.5em;
}

#nav .navigation .navigation a {
    color: #4CAC13;
}

#nav .go-up-one-level,
#nav .navigation .navigation li.go-up-one-level {
    display: none;
}

#content {
	float: left;
	width: 675px;
	border-left: 26px solid #FFF;
}

body.blog #content {
	width: 450px;
}

#content .padding {
	background-color: #F2F2F2;
	padding: 20px;
}

#content.home-page .padding {
    padding: 0;
    background-color: transparent;
}

#home-page-splash {
    margin-bottom: -3px;
}

.floatWrapper,
.floater {
	height: 150px;
	overflow: hidden;
}

.floatWrapper {
	background-color:  #DF7300;
	width: 100%;
}

.floater {
	width: 225px;
	float: left;
}

.floater0 {background-color: #7B7B7B;}
.floater1 {background-color: #828282;}
.floater2 {background-color: transparent;}

#imageContainer img {
/*	display: none; */
}

.staffFullBios_staffPhoto {margin: 0 10px 0 0;}

.hero-floater {text-align: right;}

.hero-floater .learn-more {
    padding-right: 12px;
    display: block;
}

.hero-floater a,
.hero-floater a:link,
.hero-floater a:visited {
		color: #FFF;
		text-decoration: none;
}

.hero-floater a:active,
.hero-floater a:hover {
	color: #000;
}

.hero-floater img {
    display: block;
}

.news-floater {
	color: #FFF;
}

.news-floater a,
.news-floater a:link,
.news-floater a:visited {
		color: #FFF;
		text-decoration: underline;
}

.news-floater a:active,
.news-floater a:hover {
	color: #000;
}

.news-floater p {
    text-transform: lowercase;
}

#container .news-floater .padding,
#subNav .padding {
	padding: 16px 20px 20px 20px; 
	background-color: transparent;
}

.news-floater h2,
#subNav h2 {
	font-family: trebuchet MS, helvetica, arial, sans-serif; 
	font-weight: normal; 
	font-size: 140%;
	letter-spacing: 2px;
	color: #000;
} 

#subNav h2 {
margin-bottom: 12px;
}

.subNavBacker {
background: transparent URL(/images/subNavBacker.gif) top right repeat-y;
}

.narrowBodyWidth {
width: 420px;
}

/*  subpages */

.heroShot {
	float: left;
	margin: 0 0 12px 0;
	width: 450px;
}

#subNav {
	float: right;
	width: 205px;
	background-color:  transparent;
}

#subNav ul, #subNav li {
display: block;
width: 100%;
}

#subNav li  {
margin: 6px 0;
}

#subNav li li {
    padding-left: 6px;
}
	
#subNav a,
#subNav a:link,
#subNav a:visited {
	color: #FFF;
	text-decoration: underline;
}

#subNav a:active,
#subNav a:hover {
	color: #000;
	text-decoration: underline;
}

.page-content h1,
.narrowBodyWidth h1 {
    margin-bottom: 1em;
}

.page-content h2 {
    margin: 1em 0;
}

.page-content ul {
    list-style-type: disc;
}

.page-content li {
    display: list-item;
    margin-left: 1.5em;
}

.page-content #contact-numbers,
.page-content ul.fields {
    list-style-type: none;
}

.page-content #contact-numbers li,
.page-content li.field {
    margin-left: 0;
    display: block;
}

.page-content dd {
    margin-bottom: 0.5em;
}

.page-content #contact-numbers {
    margin-top: 0.5em;
}


.newsletter .fields,
.newsletter .button-box {
    float: left;
    padding: 1em 0.5em 0 0;
}

.page-header-image
{
	margin-bottom: 10px;
}

/********************************
FOOTER

Styles specific to the footer go here.
********************************/

#footer {
	clear: both;
	width: 675px;
	margin: 0 0 40px 116px;
	border-top: 40px solid #FFF;
}


#footer,
#footer a {
	color: #9A9A9A;
	border:0;
}

#footer a.flogos {
    margin-right:10px;
}


#footcopy{
	margin-top:18px; 
	margin-bottom: 1em;
}



/******
Blog Specific
*****/

div.sidebar {
	width: 220px;
	background: #f28a1b;
	margin-left: 566px;
	_margin-left: 0;
	color: #fff;
}

	div.sidebar a {
		color: #fff;
	}

	div.sidebar h2 {
		background: #dc7d18;
		font-weight: normal;
		letter-spacing: 2px;
		text-transform: lowercase;
		color: #000;
		padding: 9px 18px;
	}

	div.sidebar div {
		padding: 9px 18px;
		margin-bottom: 1em;
	}
	
	div.sidebar input {
		background: none;
		text-transform: lowercase;
		border: none;
		overflow: visible;
		padding: 0;
		width: auto;
	}
	
	div.sidebar input#search {
		border: 1px solid #cecece;
		margin: 0.5em 0;
		background: #fff;
		text-transform: none;
		padding: 1px;
		width: 182px;
	}
	
	div.sidebar label {
		font-weight: bold;
		color: #000;
	}
	
	.blog #content .blog {
		background: transparent;
		padding-left: 0;
	}
	
	.blog #content h2, .blog #content h2 a {
		color: #02257e;
		margin: 0 0 0.5em 0;
	}
	
	.blog #content p.links, .blog #content p.links a {
		color: #f28a1b;
		margin: 0 0 0.5em 0;
	}
	
	.blog #content .entry {
		margin-bottom: 3em;
	}
	
	fieldset {
		border: none;
	}
	
	input.input-text, textarea.input-textarea {
		border: 1px solid #cecece;
		padding: 1px;
		width: 148px;
	}
	
	.state input.input-text {
		width: 38px;
	}
	
	.zip input.input-text {
		width: 96px;
	}
	
	.form-float-left {
		float: left;
		margin-right: 1em;
	}
	
	.form-element {
		margin-bottom: 1em;
	}
	
	.form-wrapper {
		margin-bottom: 2em;
	}

	.form-element label {
		display: block;
		font-weight: bold;
	}
	
	.form-type-checkbox label, .form-type-radio label {
		display: inline;
		margin-left: 0.5em;
	}

	.message {
		text-align: center;
		font-weight: bold;
		font-size: 1.5em;
		padding: 0.5em;
		background: #E5EFDF;
		margin-bottom: 1em;
		color: #55B01F;
	}
	
	.form-membership-form ul, .form-membership-form li {
		list-style: outside;
	}
	
	.form-membership-form li {
		margin-left: 1.25em;
	}

	.form-membership-form div label {
		
	}
		
		.form-membership-form label span.price {
			margin-left: 3em;
		}
		
       legend {
       	color: #a9a9a9;
       	margin-bottom: 1em;
       	font-weight: bold;
       }
