@import url("styles.css");
@import url("http://fonts.googleapis.com/css?family=Old+Standard+TT:regular,bold");
/********************
mainefamilyliteracy.com base styles

Original 4.8.2008
Version 7-1-2010

Built by RainStorm Consulting
contact@rainstormconsulting.com

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

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

body {
	margin: 0;
	padding: 0;
	background: #fff url('../images/bg.gif') left 302px repeat-x;
	font-family: Arial, sans-serif;
	font-size: 90%;
	color: #333;
	text-align: center;
}

a:link {
	color: #1c3c72;
}

a:visited {
	color: #f86e7b;
}

a:active {
	color: #1c3c72;
}

a:hover {
	color: #ed1d24;
}

#container {
	width: 796px;
	margin: 0 auto;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	background: url('../images/container_bg.gif') left top repeat-y;
	text-align: left;
}

body#hide-sidebar #container {
	width: 796px;
	margin: 0 auto;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: url('../images/hide-sidebar-container_bg.gif') left top repeat-y;
	text-align: left;
}

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

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

#branding-container {
	height: 107px;
	background: url('../images/branding/branding_bg.gif') top left no-repeat;
}

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

.logo {
	padding: 11px 0 0 11px;
}

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

.main-nav {
	width: 164px;
	margin: 0 18px 0 18px;
	padding: 20px 0 20px 0;
}

.main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-nav li {
	list-style-type: none; /* Repeated for IE/5 PC */
	margin: 0;
	padding: 4px 30px 4px 0;
	border-bottom: 2px solid #1c3c72;
	background: url('../images/main-nav/main-nav-li_bg.gif') 147px 50% no-repeat;
}

.main-nav li.no-border {
	border-bottom: 0;
}

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

#content-container {
	float: right;
	width: 100%;
	margin: 0 0 0 -200px;
	padding: 0; /* For Contribute stylesheet */
	background: none;
}

body#hide-sidebar #content-container {
	float: right;
	width: 100%;
	margin: 0 0 0 -200px;
}

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

#content-area {
	margin: 0 0 0 200px;
	background: #f0f0f0;
	line-height: 130%;
}

#content-area p, #content-area address {
	padding: 5px 20px 5px 20px;
}

body#standard #inner-container {
	float: left;
	width: 100%;
	margin: 0 -220px 0 0;
}

body#hide-sidebar #inner-container {
}

body#standard #inner-content-area {
	margin: 0 220px 0 0;
}

body#hide-sidebar #inner-content-area {
}

body#standard #inner-sidebar {
	float: right;
	width: 220px;
	font-size: 85%;
	line-height: 150%;
}

#inner-sidebar p {
	padding: 5px 20px 0 20px;
}

body#hide-sidebar #inner-sidebar {
	display: none;
}

#pageheader-rotator {
	display: block; /* For Contribute stylesheet */
	height: 235px;
	overflow: hidden;
	border-bottom: 2px solid #1c3c72;
}

.bush_header {
	display: block; /* For Contribute stylesheet */
	height: 295px;
}

#sidebar-rotator {
	height: 233px;
	border-top: 1px solid #1c3c72;
	border-bottom: 1px solid #1c3c72;
}

.mom_kid_reading {
	background: url('../images/sidebar/sidebar-rotator/mom_kid_reading.jpg') top left no-repeat;
}

.dad_kid_reading {
	background: url('../images/sidebar/sidebar-rotator/dad_kid_reading.jpg') top left no-repeat;
}

.boy_side_reading {
	background: url('../images/sidebar/sidebar-rotator/boy_side_reading.jpg') top left no-repeat;
}

.girl_side_reading {
	background: url('../images/sidebar/sidebar-rotator/girl_side_reading.jpg') top left no-repeat;
}

.social-media {
	margin: 5px 0 10px 0;
	font-size: 120%;
}

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

#sidebar {
	float: left;
	width: 200px;
	background: #7ecfe4;
}

/**
3.2.1 Subnav elements
**/

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

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

#suppnav-container {
	padding: 10px 0 10px 0;
	background: #fff;
	font-size: 80%;
	text-align: center;
}

#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;
}

.st-credit {
	text-align: center;
}

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

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

/*Page title*/
h1 {
	margin: 20px 0 5px 20px;
	padding: 0;
	font-size: 160%;
	color: #1c3c72;
}

/*Page subtitle*/
h2 {
	margin: 20px 0 5px 20px;
	padding: 0;
	font-size: 160%;
	color: #1c3c72;
}

/*Sidebar heading*/
h3 {
	margin: 4px 0 4px 0;
	padding: 0;
	font-size: 130%;
	line-height: 140%;
}

/*Content sub-heading*/

#content-area h3 {
	margin: 20px 0 5px 20px;
	padding: 0;
	color: #1c3c72;
	font-size: 130%;
}

/*Used on Conference registration*/
h4 {
	margin: 4px 0 0 0;
	padding: 0;
	font-size: 130%;
	line-height: 140%;
}

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

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

/* Graphical page titles */

#pagetitle-home-index {
	width: 300px;
	height: 40px;
	background: url('../images/content/pagetitles/pagetitle-home-index.gif') top left no-repeat;
}

#pagetitle-grants-index {
	width: 300px;
	height: 40px;
	background: url('../images/content/pagetitles/pagetitle-grants-index.gif') top left no-repeat;
}

#pagetitle-news-index {
	width: 300px;
	height: 40px;
	background: url('../images/content/pagetitles/pagetitle-news-index.gif') top left no-repeat;
}

#pagetitle-resources-index {
	width: 300px;
	height: 40px;
	background: url('../images/content/pagetitles/pagetitle-resources-index.gif') top left no-repeat;
}

#pagetitle-resources-frmslib {
	width: 300px;
	height: 45px;
	background: url('../images/content/pagetitles/pagetitle-resources-frmslib.gif') top left no-repeat;
}

#pagetitle-resources-book {
	width: 320px;
	height: 80px;
	background: url('../images/content/pagetitles/pagetitle-resources-book.gif') top left no-repeat;
}

#pagetitle-resources-links {
	width: 300px;
	height: 45px;
	background: url('../images/content/pagetitles/pagetitle-resources-links.gif') top left no-repeat;
}

#pagetitle-contact-index {
	width: 300px;
	height: 40px;
	background: url('../images/content/pagetitles/pagetitle-contact-index.gif') top left no-repeat;
}

#pagetitle-donate-index {
	width: 300px;
	height: 40px;
	background: url('../images/content/pagetitles/pagetitle-donate-index.gif') top left no-repeat;
}

#pagetitle-about-index {
	width: 300px;
	height: 40px;
	background: url('../images/content/pagetitles/pagetitle-about-index.gif') top left no-repeat;
}

#pagetitle-conferences-index {
	width: 300px;
	height: 40px;
	background: url('../images/content/pagetitles/pagetitle-conferences-index.gif') top left no-repeat;
}

#pagetitle-error-index {
	width: 300px;
	height: 40px;
	background: url('../images/content/pagetitles/pagetitle-error-index.gif') top left no-repeat;
}

#heading-connect {
	width: 146px;
	height: 12px;
	margin: 16px auto 6px auto;
	background: url('../images/sidebar/graphics/connect-heading.png') top left no-repeat;
}


#pagetitle-home-index span, #pagetitle-grants-index span, #pagetitle-news-index span, #pagetitle-resources-index span, #pagetitle-resources-frmslib span, #pagetitle-resources-links span, #pagetitle-resources-book span, #pagetitle-contact-index span, #pagetitle-donate-index span, #pagetitle-about-index span, #pagetitle-conferences-index span, #pagetitle-error-index span, #heading-connect span {
	display: none;
}

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

address {
	font-style: normal;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

/* News styles */

.news-sidebar {
}

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

.news-item-title {
	margin: 4px 0 4px 0;
	padding: 0 0 0 20px;
	font-family: "Times New Roman", Times, Serif;
	font-size: 130%;
}

.news-item-title a:link, .news-item-title a:active, .news-item-title a:visited, .news-item-title a:hover {
	border-bottom: none;
}

.news-item-content {
}

.news-item-meta {
	font-size: 85%;
}

/**********
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 #333;
}

#standard_form legend {
	color: #1f3f65;
	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: #fff;
	vertical-align: middle;
}

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

.submit_button {
	padding: 5px;
	border: 1px solid #000;
	background: #1c3c72 !important; /* change this to match your site's colors */
	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;
}

/**********
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
*****/

.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;
}