
/*============================
		LAYOUT STYLES
==============================*/

body {
	padding: 0;
	margin: 0;
}

#header, #body, #footer {
	overflow: hidden;
	width: 750px;
	margin: 0 auto;
}

#nav_bar {
	display: block;
	zoom: 1;/* this is to trigger 'hasLayout' in IE6 */
	margin: 0;
}

#first_column {
	float: left;
	display: inline; /* this fixes IE's "double margin float" bug */
	width: 375px;
	margin: 0 0 0 375px;
}

#second_column {
	float: left;
	width: 363px;
	margin: 0 0 0 -750px;
}

/*=============================
		CONTENT STYLES
===============================*/

body {
	background: #bfbfbf url('images/gray_background.gif') repeat-y scroll top center;
}

#header {
	background-color: #fff;
	padding: 12px 11px 2px;
}

#body {
	overflow: hidden;
	background-color: #fff;
	padding: 0 11px;
}

h1 {
	font-size: 0.01em;
	line-height: 0.01em;
	color: #181818;
	padding: 0;
	margin: 0 0 8px;
}

#nav_bar {
	overflow: hidden;
	background: #494949 url('images/gray_bar_bg.gif') repeat-x scroll top left;
	padding: 0;
}

#nav_bar li {
	float: left;
	padding: 6px 16px 8px 12px;
	background: transparent url('images/gray_bar_pipe.gif') no-repeat scroll right 4px;
	list-style-type: none;
}

#nav_bar a {
	color: #c6c6c6;
}

#nav_bar a:hover, #nav_bar a:active, #nav_bar a:focus {
	color: #fff;
	background-color: transparent;
}

#second_column {
	background: transparent url('images/roy_with_gumballs.jpg') no-repeat scroll left top;
	padding: 182px 12px 0 0;
}

h2 {
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #181818;
	background-color: #e6e6e6;
	border-bottom: 1px solid #afafaf;
	padding: 0.5em 30px 0.25em 30px;
	margin: 5px 0 0 0;
}

h3 {
	font-size: 0.83em;
	line-height: 1.17em;
	font-weight: bold;
	color: #181818;
	padding: 0 30px;
	margin: 0.5em 0 -0.25em 0;
}

p, 
ul, 
ol, 
dl, 
blockquote {
	font-size: 0.83em;
	line-height: 1.17em;
	color: #181818;
	padding: 0 30px;
	margin: 0.5em 0;
}

p.alternate {
	text-align: right;
}

.video_module p.alternate {
	font-size: 0.75em;
	padding: 0 30px;
	margin: 0.75em 0 0 0;
}

ul, ol {
	margin-left: 1.17em;
}

ul.plain, ol.plain {
	list-style-type: none;
}

a {
	color: #2b5f94;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #9f0e0e;
	background-color: #ffeca2;
}

img {
	border: 0;
}

form {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

input.submit {
	background: #3c5671 url('images/short_blue_gradient_bg.gif') repeat-x scroll top left;
	color: #fff;
	border: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

input.text {
	padding: 0.2em 0.4em;
	margin: 0.3em 0 0 0;
}

#first_column input.text {
	width: 301px;
}

#second_column input.text {
	width: 290px;
}

input.placeholder_text {
	color: #a4a4a4;
}

.module {
	padding: 0;
	margin: 0;
}

.video_module {
	background: #f6f6f6 url('images/people_and_fadeout.jpg') no-repeat scroll top left;
	padding: 20px 0 12px;
	margin: 0 0 12px 0;
}

.column_one_top {
background: #f6f6f6 url('images/people_and_fadeout.jpg') no-repeat scroll top left;
padding: 20px 0 12px;
margin: 0 0 12px 0;
height: 143px;
}

.video_module h2 {
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

.video_module p, 
.video_module h2, 
.video_module h3, 
.video_module ul, 
.video_module ol, 
.video_module dl, 
.video_module blockquote {
	color: #fff;
	padding: 0 30px;
}

.video_module p, 
.video_module ul, 
.video_module ol, 
.video_module dl, 
.video_module blockquote {
	line-height: 1.25em;
	padding-left: 40px;
}

.emphasized {
	background-color: #f6f6f6;
	padding-bottom: 12px;
}

.photo_bar {
	height: 175px;
	padding: 0;
	margin-bottom: 12px;
}

#second_column.photo_bar {
	height: 175px;
	padding: 0 12px 0 0;
	margin-bottom: 12px;
}

.independent {
	clear: both;
}

#google_video {
	border: 1px solid #c6c6c6;
	padding: 0;
	margin: 0.8em 0 0 30px;
}

#footer {
	background-color: #fff;
	padding: 0 11px 12px;
}

#footer p {
	font-size: 0.67em;
	color: #a4a4a4;
	padding: 0;
	margin: 0;
}

.full_width_content {
clear: both;
}

.bold_name {
font-weight: bolder;
font-weight: 1.2em;
}

p.list_heading {
margin: 0;
margin-left: 0px;
}

/*============================
      BOARD MEMBER PAGE
==============================*/
.boardMember ul {
margin-top: 2px;
margin-left: 15px;
}

.boardMember {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px solid #aaaaaa;
}


/*============================
      STAFF PAGE
==============================*/
#staff p {
padding-top: 0px;
padding-bottom: 0px;
margin-top:0px;
}

#staff p.position_title {
font-weight:bold;
font-style: italic;
margin-top:5px;
margin-bottom: 0px;
}


/*============================
     WHAT WE ARE FOR PAGE
==============================*/

.bold {
font-weight: bold;
}

.underlined {
text-decoration: underline;
}

.forSection h3 {
font-size: 1.01em;
}

.forSection {
margin-bottom: 15px;
padding-bottom: 5px;
}

li {

}

ul#supportReformList li {
margin-top: 5px;
}



