/* 
Theme Name: oeachoice.com
Description: Personalized theme for OEA.
Author: Needmore Designs
Author URI: http://needmoredesigns.com

		 Brownish Tan: #c7b096
		 Dark Blue: #003e4b
		 Lighter Blue: #1c6776
		 Gray: #ede8e4
*/

/*RESET*/

*									{ margin: 0; padding: 0; }
html, body							{ height: 100%; }
body	{ font-size: 62.5%; font-family: Helvetica,Arial, sans-serif; color: #333; 
									  background: url(images/bg.jpg) top center repeat-y; background-color: #c7b096; }
ul									{ list-style: disc inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a:hover								{ text-decoration: underline;}
a img								{ border: none; background: none; }
img									{ vertical-align: middle; /* float: right; */ }
table								{ border-collapse: collapse; }

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/****STRUCTURE****/
body > #wrapper { min-height: 100%; height: auto; }
#wrapper 							{ height: 100%; }
#container 							{ width: 959.9px; margin: 0 auto; text-align: left; }
/* #interiorcontainer					{ width: 960px; min-height: 742px; margin: 0 auto; background-image: url(images/interiorbg3.jpg); background-position: top center; background-repeat:repeat-x; overflow: hidden;   } */
#interiorcontainer					{ width: 960px; min-height: 742px; height: auto !important; height: 3000px; margin: 0 auto; background-image: url(images/interiorbg3.jpg); background-position: top center; background-repeat:repeat-x; overflow: hidden;   }
#main         { padding-bottom: 150px; }
#introcol							{ width: 460px; float: left; margin: 10px 10px 20px 10px; }
#maincol							{ width: 670px; float: left; margin: 20px 0px 20px 10px; }							
#sidebar							{ width: 460px; float: left; margin: 10px 0 10px 10px;	}
#sidebar ul							{ list-style-type: none; list-style-image:none; }
#interiorsidebar					{ width: 230px; height: auto; float: left; padding-top: 20px; padding-left: 15px;}
#interiorsidebar li {
  list-style-type: none;
  margin: 0;
}
#interiorsidebar h2.widgettitle {
  padding-top: 10px;
}
#post								{ width: 670px; margin-top: 30px;}
/* .post								{ margin: 20px 0 20px 10px;} */

/****TYPGROGRAPHY****/
p, .gform_description								{ font-size: 1.33em; line-height: 1.8em; margin: 0 0 1em 0; }
li								{ font-size: 1.2em; line-height: 1.8em; margin: 0 0 1em 0; }
a									{ color: #003e4b; }
a:hover								{ text-decoration: none; }
h1									{ font-size: 3.6em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #003e4b; margin: 0 0 10px 0; text-shadow: #E1E3E2 0 1px 0;}
h2									{ font-size: 1.8em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 20px 0 10px 0; color: #003e4b;}
h3									{ font-size: 3.6em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 0 0 10px 0; text-shadow: #E1E3E2 0 1px 0; }
h4									{ font-size: 1.8em; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin-bottom: 20px; color: #003e4b;}
.post h4							{ font-size: 1.8em; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 0 10px 0;
									  color: #003e4b; }
.titles								{ font-size: 1.0em; line-height: 1.8em; margin: 0 0 10px 0;list-style-type: none; }
.excerpts							{ font-size: 1.0em; line-height: 1.8em; margin: 0 0 10px 0; list-style-type: none;}
.excerpts a							{ font-size: 1.2em; text-decoration: underline;}
#maincol ul li.dates								{ color: #65878E; list-style-type: none; margin-left: 0; }
.blogtitles							{ font-size: 1.4em; list-style-type: none;}
.postmeta							{}
.postnavigation						{}
#searchform							{}

#comments							{  line-height: 1.8em; margin: 0 0 10px 0;}
.commentlist li {
  background-color: #F5F0EC;
  padding: .25em .5em;
}
input#submit { margin-top: 1em; }
.commentlist li p  { font-size: 1em; }
.comments_navigation				{}
.comments_navigation				{}
.comments_reply						{font-size: 1em; line-height: 1.8em; margin: 0 0 10px 0;}
.comments_text						{font-size: 1em; line-height: 1.8em; margin: 0 0 10px 0;}	
.comments_meta						{}
.blockquote							{}

#maincol ul li,
#maincol ol li {
  margin-left: 1.5em;
}
#maincol p a,
#maincol li a {
  border-bottom: 1px dotted #003e4b;
}
#maincol p img {
  float: none;
  clear: left;
  padding: 10px 0;
}

/****UTILITY****/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.bloginfo							{ text-indent: -9999px;}		
.alignleft							{ float: left; }
.alignright							{ float: right; }
.aligncenter						{}
.wp-caption							{}
.cat-item							{}
.currentcat							{}
.current-cat-parent					{}
.pagenav							{}
.page_item							{}
.current_page_item					{}
.widget								{}
.linkcat							{}


/****HEADER****/
#navbar {
  height: 40px;
  width: 960px;
  background-image: url(images/navbar.jpg);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: white;
  text-shadow: #999 1px 1px 1px;
  text-align: center;
  float:left;
}
#navbar ul							{
  list-style-type: none;
  list-style-image: none;
  padding-top: 4px;
  text-align: center;
  margin: 0 auto 0 auto;
  display: table;
}
*:first-child+html {} * html #navbar ul {
  width: 800px;
  margin: 0 40px;
}
*:first-child+html #navbar ul {
  width: 840px;
  margin: 0 40px;
}

#navbar li							{ display: inline; padding-right: 20px; float: left;}
#navbar a:link, #navbar a:visited 	{ color:white;}
#navbar a:hover 					{ color:white;  text-shadow: #666 1px 1px 1px;}
#introimage 						{ height: 427px; width: 960px; background-image: url(images/introimage.jpg); background-repeat: no-repeat; float: left; display: block; clear: both; }
#imageblock							{ height: 185px; width: 960px; clear: both;}		
.about								{ height:185px; width: 960px; background-image: url(images/banners/about.jpg); background-repeat: no-repeat; float: left; }
.faq								{ height:185px; width: 960px; background-image: url(images/banners/faq.jpg); background-repeat: no-repeat; float: left; }
.grants_awards						{ height:185px; width: 960px; background-image: url(images/banners/grants_awards.jpg); background-repeat: no-repeat; float: left; }
.news_events						{ height:185px; width: 960px; background-image: url(images/banners/news_events.png); background-repeat: no-repeat; float: left; }
.resources							{ height:185px; width: 960px; background-image: url(images/banners/resources.png); background-repeat: no-repeat; float: left; }
.stories							{ height:185px; width: 960px; background-image: url(images/banners/stories.jpg); background-repeat: no-repeat; float: left; }

/****FOOTER****/
#footer								{ height: 150px; background: #c7b096; background-image: url(images/footer.jpg); background-position: top; background-repeat: no-repeat; position: relative; margin-top: -150px; clear: both; }
body.home #footer { height: 162px; }
#footer-inside						{ width: 960px; margin: 0 auto; }
#footer a:hover { color: #000; text-shadow: #D6C8B9 0 1px 0;  }
#footer p							{ color: #003e4b; text-align: center; line-height: 1.33em; }
#footer-3							{ width: 92px; height: auto; float: left; margin-top: 20px; padding-right: 78px; }
#footer-2							{ width: 660px;float: left; margin-top: 50px; }
#footer-1							{ width: 130px;float: right; margin-top: 45px; }


/****FORMS****/
.button {
  float: right;
  margin-right: 50px;
}
#gforms_confirmation_message p {
  text-align: center;
  font-size: 14px;
  line-height: 1.8em;
  font-family: Helvetica, Arial, sans-serif;
  
}