/********************
OPLF base styles

Original 6.4.2007
Version 6.4.2007

Built by RainStorm Consulting
contact@rainstorminc.com

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

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

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

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

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

a:active {
	color: #790000;
}

a:hover {
	color: #afd1ef;
}

/*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: 960px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
}

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

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

#hidden-branding {
	display: none;
}

#branding-container {
	display: block;
	height: 317px;
}

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

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

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

.logo {
	position: relative;
	top: 23px;
	left: 11px;
}

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

#mainnav-container {
	position: relative;
	top: 206px;
	left: 0;
	width: 780px;
	height: 30px;
	margin: 0;
	/*padding: 5px;*/
}

#mainnav {
	position: absolute;
	top: 0;
	left: 0;
	display: inline;
	overflow: hidden;
	list-style: none;
	width: 780px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#mainnav li {
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */
	margin: 0;
	padding: 0;
}

#mainnav a {
	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:30px; /* IE 5/Win hack */
	padding: 30px 0 0 0;
}

#mainnav a:hover {
	background-position: 0 -30px;
}

#mainnav a:active, #mainnav a.selected {
	background-position: 0 -60px;
}

#item0 a {
	width: 65px;
	background: url('/images/mainnav/home.gif') top left no-repeat;
}

#item1 a {
	width: 111px;
	background: url('/images/mainnav/about.gif') top left no-repeat;
}

#item2 a {
	width: 191px;
	background: url('/images/mainnav/progress.gif') top left no-repeat;
}

#item3 a {
	width: 146px;
	background: url('/images/mainnav/giving.gif') top left no-repeat;
}

#item4 a {
	width: 168px;
	background: url('/images/mainnav/news.gif') top left no-repeat;
}

#item5 a {
	width: 99px;
	background: url('/images/mainnav/contact.gif') top left no-repeat;
}

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

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

#content-container {
	float: left;
	width: 100%;
	background: none; /* For Contribute compatability */
	margin: 0 -446px 0 0;
	padding: 20px 0 0 0;
}

#content-area {
	margin: 0 416px 0 0;
	padding: 0 20px 20px 30px;
	font-size: 90%;
	line-height: 150%;
}

.subnav {
	margin: 6px 0 0 20px;
}

.subnav ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
}

.subnav li {
	display: inline;
	list-style-type: none;
	margin: 0 0 0 6px;
	padding: 0 0 0 12px;
	background: url('/images/graphics/white_arrow_bg.gif') left 50% no-repeat;
}

.subnav a:link, .subnav a:visited, .subnav a:hover, .subnav a:active {
	color: #790000;
	font-weight: bold;
}

.side-item {
	float: right;
	width: 300px;
}

.caption {
	border-bottom: 1px dotted #999;
	font-size: 90%;
	color: #999;
	font-style: italic;
	text-align: right;
}

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

#sidebar {
	display: block; /* In place for Contribute compatability */
	float: right;
	width: 416px;
	padding: 20px 0 20px 0;
}

#sidebar a:link, #sidebar a:hover, #sidebar a:active {
	color: #9b4d1b;
	font-weight: bold;
}

.sidebar-left, .sidebar-right {
	float: left;
	width: 182px;
}

.sidebar-left {
	margin: 0 22px 0 0;
}

.sidebar-volspotlight, .sidebar-latestnews, .sidebar-newslettersignup {
	width: 182px;
	background: #afd1ef url('/images/sidebar/sidebar-item_bg.gif') top left no-repeat;
	font-size: 85%;
}

.sidebar-volspotlight p, .sidebar-newslettersignup p {
	padding: 5px 10px 5px 10px;
}

.sidebar-volspotlight img {
	margin: 5px 2px 0 2px;
	text-align: center;
}

.sidebar-item_footer {
	height: 16px;
	background: url('/images/sidebar/sidebar-item_footer.gif') bottom left no-repeat;
}

/**
3.2.1 Subnav elements
**/


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

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

#suppnav-container {
	clear: both;
	background: #ced74b;
	color: #295e8d;
	margin: 0 0 30px 0;
	padding: 5px 0 5px 0;
	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;
}

#suppnav-container a:link {
	color: #295e8d;
}

#suppnav-container .subcontent {
	font-size: 75%;
}

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

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

/*Page title*/
h1 {
	margin: 0 0 6px 0;
	padding: 0 0 10px 0;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-size: 210%;
	color: #003e74;
	font-weight: normal;
	letter-spacing: 0.09em;
}

/*Page subtitle*/
h2 {
	padding: 0 0 5px 0;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-size: 160%;
	color: #790000;
	font-weight: normal;
}

#news h2 {
	padding: 0 0 5px 0;
	background: url('/images/graphics/alt-h2_bg.gif') bottom left repeat-x;
	font-size: 160%;
	color: #790000;
}

/*Sidebar heading*/
h3 {
	margin: 4px 0 4px 0;
	padding: 0;
	font-size: 130%;
	color: #9b4d1b;
	font-weight: normal;
}

#sidebar h3 {
	margin: 0 0 0 5px;
	padding: 35px 10px 0 10px;
	color: #9b4d1b;
}

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

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

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

/* Sidebar titles */

#sidebartitle-volspotlight {
	width: 150px;
	height: 25px;
	background: url('/images/sidebar/sidebartitles/sidebartitle-volspotlight.gif') left no-repeat;
}

#sidebartitle-latestnews {
	width: 150px;
	height: 25px;
	background: url('/images/sidebar/sidebartitles/sidebartitle-latestnews.gif') left no-repeat;
}

#sidebartitle-newslettersignup {
	width: 150px;
	height: 25px;
	background: url('/images/sidebar/sidebartitles/sidebartitle-newslettersignup.gif') left no-repeat;
}

#sidebartitle-volspotlight span, #sidebartitle-latestnews span, #sidebartitle-newslettersignup span {
	display: none;
}

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

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

.center {
	text-align: center;
}

address {
	margin: 0;
	padding: 0;
	font-style: normal;
}

/* News styles */

.sidebar-latestnews ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
}

.sidebar-latestnews li {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0 0 6px 12px;
	background: url('/images/graphics/arrow_bg.gif') left 4px no-repeat;
}

.sidebar-latestnews p {
	margin: 0;
	padding: 6px 10px 6px 10px;
}

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

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

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

#standard_form {
	margin: 10px;
}

#standard_form fieldset {
	margin: 0 0 10px 0;
	padding: 10px;
	/*border: 0 !important;*/
	border: 1px solid #333;
}

#standard_form legend {
	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: #eee;
	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: #790000 !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;
}

.right {
	text-align: right;
}

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

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

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