@import url("styles.css");

/********************
EMAN base styles

Original 12.2.2007
Version 8.20.2008

Built by RainStorm Consulting
contact@rainstorminc.com

Please request permission prior to use.
********************/

/**********
1.0 Basic Elements
**********/

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	color: #333;
	text-align: center;
}

a:link {
	color: #4795ac;
	text-decoration: none;
}

a:visited {
	color: #999;
	text-decoration: none;
}

a:active {
	color: #4795ac;
}

a:hover {
	color: #d0261a;
}

/*Use these if you apply a border-bottom to a: elements*/

a img {
	text-decoration: none;
	border: 0 !important;
}

.nohover {
	border: 0 !important;
}

/* end border-bottom a styles */

#container {
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
}

/**********
2.0 Branding Container Elements
**********/

/*****
2.1 Basic elements
*****/

body#home-page #branding-container {
	height: 225px;
	background: url('../images/branding/branding-container_bg.jpg') top left no-repeat;
}

body#inside-page #branding-container {
	height: 120px;
	background: #fff;
}

/*****
2.2 Logo elements
*****/

.logo {
	float: left;
	width: 480px;
    padding: 8px 0 0 5px
}

/*****
2.3 Mainnav elements
*****/

#main-nav {
	clear: left;
	height: 25px;
}

#main-nav ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#main-nav li {
	display: inline;
	list-style-type: none;
	margin: 0 -5px 0 0;
	padding: 0;
}

/*****
2.4 Alt-nav elements
*****/

.alt-nav {
	float: left;
	width: 450px;
	height: 50px;
	text-align: right;
    padding: 20px 40px 0 0;
}

.alt-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
}

.alt-nav li {
	list-style-type: none; /* Repeated for IE/5 PC */
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.alt-nav a:link, .alt-nav a:visited, .alt-nav a:active {
	color: #333;
}

.alt-nav a:hover {
	color: #d0261a;
}

/**********
3.0 Content Container Elements
**********/

/*****
3.1 Basic elements
*****/

#pagetitle {
	margin: 0; /* In here for Contribute compatability */
	height: 83px;
}

.pink_tulips_bg {
	background: url('../images/content/pagetitle-rotator/pink_tulips_bg.jpg') top right no-repeat;
}

.gerberas_bg {
	background: url('../images/content/pagetitle-rotator/gerberas_bg.jpg') top right no-repeat;
}

.orange_tulips_bg {
	background: url('../images/content/pagetitle-rotator/orange_tulips_bg.jpg') top right no-repeat;
}

.sunflowers_bg {
	background: url('../images/content/pagetitle-rotator/sunflowers_bg.jpg') top right no-repeat;
}

.breadcrumbs {
	margin: 0; /* In here for Contribute compatability */
	height: 19px;
	padding: 6px 0 0 20px;
	background: url('../images/content/breadcrumbs_bg.gif') top left repeat-x;
	font-size: 90%;
	color: #333;
}

.breadcrumbs ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs li {
	display: inline;
	list-style-type: none; /* Repeated for IE/5 PC */
	margin: 0;
	padding: 0;
}

.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited, .breadcrumbs a:hover {
	color: #fff;
	text-decoration: none;
}

.breadcrumbs .active {
	font-weight: bold;
}

body#home-page #content-container {
	float: right;
	width: 100%;
	margin: 0 0 0 -276px;
	background: url('../images/content/home-page-content_bg.gif') top left repeat-y;
}

body#inside-page #content-container {
	float: right;
	width: 100%;
	margin: 0 0 0 -286px;
	padding: 10px 0 10px 0;
	background: url('../images/content/inside-page-content_bg.gif') top left repeat-y;
}

body#home-page #content-area {
	margin: 0 0 0 276px;
	line-height: 150%;
}

body#inside-page #content-area {
	margin: 0 0 0 286px;
	padding: 0 30px 0 0;
	line-height: 150%;
}

.home-page-content {
	float: left;
	width: 448px;
	background: url('../images/graphics/sm_ribbon.gif') 10px 10px no-repeat;
}

.home-page-rightbar {
	float: left;
	width: 276px;
}

.home-page-content p, .home-page-rightbar p {
	margin: 0;
	padding: 5px 15px 5px 15px;
}

#search-results {
	width: 700px;
	max-width: 700px;	
	overflow: hidden;
}

/*****
3.2 Sidebar elements
*****/

body#home-page #sidebar {
	float: left;
	width: 276px;
	padding: 20px 0 0 0;
	font-size: 85%;
	background: #fff;
}

body#home-page #sidebar p {
	margin: 10px 10px 4px 20px;
}

body#inside-page #sidebar {
	float: left;
	width: 276px;
	padding: 0 0 212px 0;
	color: #fff;
	font-size: 85%;
}

.older_couple {
	background: #fff url('../images/sidebar/sidebar-rotator/older_couple.jpg') bottom left no-repeat;
}

.beach_family {
	background: #fff url('../images/sidebar/sidebar-rotator/beach_family.jpg') bottom left no-repeat;
}

.bike_rider {
	background: #fff url('../images/sidebar/sidebar-rotator/bike_rider.jpg') bottom left no-repeat;
}

.couch_friends {
	background: #fff url('../images/sidebar/sidebar-rotator/couch_friends.jpg') bottom left no-repeat;
}

.hill_runner {
	background: #fff url('../images/sidebar/sidebar-rotator/hill_runner.jpg') bottom left no-repeat;
}

.sea_watcher {
	background: #fff url('../images/sidebar/sidebar-rotator/sea_watcher.jpg') bottom left no-repeat;
}

.young_couple {
	background: #fff url('../images/sidebar/sidebar-rotator/young_couple.jpg') bottom left no-repeat;
}

/**
3.2.1 Subnav elements
**/

body#inside-page #sidebar ul {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	color: #ccc;
	font-size: 90%;
}

body#inside-page #sidebar li {
	list-style-type: none; /* Repeated for IE/5 PC */
	margin: 0;
	padding: 5px 0 5px 0;
}

body#inside-page #sidebar a {
	color: #4795ac;
	border-bottom: 1px solid #ccc;
}

/**********
4.0 Supplemental Nav Elements
**********/

/*****
4.1 Basic elements
*****/

#suppnav-container {
	background: #fff url('../images/suppnav/suppnav_bg.gif') top left repeat-x;
	padding: 0 0 20px 0;
	font-family: Arial, sans-serif;
	font-size: 85%;
	color: #4795ac;
}

#suppnav-container ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#suppnav-container li {
	display: inline;
	list-style-type: none; /* Repeated for IE5/PC */
	margin: 0;
	padding: 0;
}

#suppnav-container a {
	color: #4795ac;
}

#suppnav-container address {
	padding: 10px 0 10px 0;
	color: #fff;
	text-align: center;
}

#suppnav-container address a {
	color: #fff;
}

.suppnav-disclaimer, .suppnav-credits {
	float: left;
	width: 333px;
	margin: 20px 0 0 0;
	font-size: 90%;
}

.suppnav-logos {
	float: left;
	width: 334px;
	padding: 35px 0 0 0;
	text-align: center;
	vertical-align: middle;
}

.suppnav-logos img {
	margin: 0 auto;
	padding: 0 20px 0 0;
	vertical-align: middle;
}

.st-credit {
	margin: 0 auto;
	text-align: center;
}

/**********
5.0 Font Elements
**********/

/*****
5.1 Header elements
*****/

/*Page title*/
h1 {
	margin: 0;
	padding: 20px 0 0 20px;
	font-size: 260%;
	color: #d0261a;
}

/*Page subtitle*/
h2 {
	margin: 15px 10px 5px 0;
	padding: 0 0 5px 0;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 160%;
	color: #4795ac;
	font-weight: normal;
}

body#home-page h2 {
	margin: 10px 0 0 0;
	padding: 10px 10px 5px 10px;
}

/*Sidebar heading*/
body#home-page #sidebar h3, body#inside-page #sidebar h3 {
	margin: 4px 0 4px 0;
	padding: 0 0 0 20px;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 130%;
	color: #ccc;
}

h3 {
	color: #4795ac;
}

/*Unused as of yet*/
h4 {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 130%;
	color: #4795ac;
}

/*Unused as of yet*/
h5 {
	margin: 0;
	padding: 0;
	font-size: 160%;
}

/*Unused as of yet*/
h6 {
	margin: 0;
	padding: 0;
	font-size: 160%;
}

/*****
5.2 Other fonts
*****/

.subcontent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
}

.center {
	text-align: center;
}

address {
	font-style: normal;
}

/* News styles */

.news-item {
	margin: 5px 0 10px 0;
	padding: 5px 0 10px 15px;
	border-bottom: 1px dotted #999;
}

.news-item p {
}

/**********
6.0 Form Elements
**********/

/*****
6.1 Basic form elements
*****/

#standard_form {
	margin: 10px;
}

#standard_form fieldset {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #4795ac;
}

#standard_form legend {
	color: #d0261a;
	font-size: 110%;
	font-weight: bold;
}

#standard_form label {
}

#standard_form input, #standard_form textarea {
	margin: 5px 0 5px 0;
	border-top: 2px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #999;
	background: url('../images/graphics/input_bg.gif') top left repeat-x;
	vertical-align: middle;
}

#standard_form input:focus, #standard_form textarea:focus {
	margin: 5px 0 5px 0;
	background: #f3f6bd;
}

.submit_button {
	padding: 5px;
	background: #4795ac !important;
	font-family: inherit;
	color: #fff;
	font-weight: bold;
}

.form_align_table {
}

.form_align_table .alignbox {
	padding: 0 0 0 10px;
}

.form_required {
	font-weight: bold;
}

.form_explain {
	padding: 0 0 0 5px;
	font-size: 85%;
	color: #999;
	font-style: italic;
}

#emailsignup_form {
	margin: 10px;
	padding: 0;
}

#cref_iframe {
	margin: 10px;
	padding: 0;
}

#emailsignup_form input, #cref_iframe input {
	border: 1px solid #4795ac;
	background: url('../images/graphics/input_bg.gif') top left repeat-x;
	font-size: 85%;
	vertical-align: middle;
}

#emailsignup_form .submit_button, #cref_iframe .submit_button, #standard_form .submit_button {
	border: 0 !important;
	background: none !important;
}

/**********
7.0 Etc. Elements
**********/

/*****
2.1 Structure elements
*****/

.hide {
	display: none;
}

.clear {
	clear: both;
	height: 0;
}

.middle {
	vertical-align: middle;
}

.middle img {
	vertical-align: middle;
}

.divider {
	color: #f9f9f9;
}

/**
2.1.1 Skipnav elements
**/

a.skipcontent:link, a.skipcontent:hover, a.skipcontent:visited  { 
  position: absolute; 
  color: #fff;
  left: 0px; 
  top: -500px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden;
} 
  
a.skipcontent:active, a.skipcontent:focus { 
  color: #fff;
  position: static; 
  width: auto; 
  height: auto; 
}

/**
2.1.2 Clearfix elements
**/

.clearfix:after {
    content: "."; 
    clear: both; 
    visibility: hidden;
    display: block; 
    height: 0; 
}

/*
Hides Clearfix from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

/*****
2.1 Inline page elements
*****/

.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}

.alignright {
	float: right;
	margin: 0 0 5px 5px;
}

.warning, .confirm {
	margin: 5px 0 5px 0;
	padding: 5px 5px 5px 36px;
	background: #eee url('../images/graphics/warning.gif') 5px 50% no-repeat;
	border: 1px dotted #000;
}

.confirm {
	background: #eee url('../images/graphics/confirm.gif') 5px 50% no-repeat;
}

/**********
Colors:
Red: #820000;
Black: #000;
**********/