/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; color: #003e78!important; }
#signup fieldset    { padding:0; margin: 0; border: none; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
#quick_signup fieldset    { padding:0; margin: 0; border: none; }

legend      { font-style:italic; font-size:1em; padding: 0 5px; color:#003e78; }

#signup_form label     { font-weight: normal; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #003e78;
}

input.text, 
input.title   { width: 421px; padding:5px; vertical-align:middle; }
input.title   { font-size:1.5em; }
textarea      { width: 421px; height: 250px; padding:5px; }

#quick_signup input.text {
	width: 175px;
}

#signup_form input.text, 
#signup_form input.title   { width: 210px; padding:5px; }

#signup_form input.text, #signup_form input.title,
#signup_form textarea, select {
  border:1px solid #bbb;
  margin-top: 0;
}

#signup_form .check {
	vertical-align:middle;
}

.submit { vertical-align:middle; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)
   
   Note: Changes made in this file will not be applied when
   using the compressor: make changes in lib/blueprint/grid.css.rb
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}

/* Use this class on any .span / container to see the grid. */
.showgrid { background: url(src/grid.png);  }


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px; }
.span-1a  { width: 15px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24 { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px; }  
.append-2  { padding-right: 80px; } 
.append-3  { padding-right: 120px; } 
.append-4  { padding-right: 160px; } 
.append-5  { padding-right: 200px; } 
.append-6  { padding-right: 240px; } 
.append-7  { padding-right: 280px; } 
.append-8  { padding-right: 320px; } 
.append-9  { padding-right: 360px; } 
.append-10 { padding-right: 400px; } 
.append-11 { padding-right: 440px; } 
.append-12 { padding-right: 480px; } 
.append-13 { padding-right: 520px; } 
.append-14 { padding-right: 560px; } 
.append-15 { padding-right: 600px; } 
.append-16 { padding-right: 640px; } 
.append-17 { padding-right: 680px; } 
.append-18 { padding-right: 720px; } 
.append-19 { padding-right: 760px; } 
.append-20 { padding-right: 800px; } 
.append-21 { padding-right: 840px; } 
.append-22 { padding-right: 880px; } 
.append-23 { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.prepend-3  { padding-left: 120px; } 
.prepend-4  { padding-left: 160px; } 
.prepend-5  { padding-left: 200px; } 
.prepend-6  { padding-left: 240px; } 
.prepend-7  { padding-left: 280px; } 
.prepend-8  { padding-left: 320px; } 
.prepend-9  { padding-left: 360px; } 
.prepend-10 { padding-left: 400px; } 
.prepend-11 { padding-left: 440px; } 
.prepend-12 { padding-left: 480px; } 
.prepend-13 { padding-left: 520px; } 
.prepend-14 { padding-left: 560px; } 
.prepend-15 { padding-left: 600px; } 
.prepend-16 { padding-left: 640px; } 
.prepend-17 { padding-left: 680px; } 
.prepend-18 { padding-left: 720px; } 
.prepend-19 { padding-left: 760px; } 
.prepend-20 { padding-left: 800px; } 
.prepend-21 { padding-left: 840px; } 
.prepend-22 { padding-left: 880px; } 
.prepend-23 { padding-left: 920px; } 


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-left: 24px;
  margin-left: 25px;
  border-left: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {
  float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-1, .push-2, .push-3, .push-4, .push-5 { 
  float: right;
	position:relative;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
	margin-top:1.5em; 
}

.prepend-top-alt { 
	margin-top:1em; 
}

.append-bottom { 
	margin-bottom:1.5em; 
}

/* Use a .box to create a padded box inside a column.  */ 
.box {
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #E5ECF9;
	border: 1px solid #CAD7EC;
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #003e78; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

.slide_copy h4 { font-size: 1.4em; margin-bottom: 10px; }

.non_deco_link a { text-decoration: none; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  {
	float: left;
	padding: 0;
	margin-top: 0.3em;
	margin-right: 1.5em;
	margin-bottom: 0.75em;
	margin-left: 0;
}
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

.float_right { float: right; }
.float_left { float: left; }

#content_container, #column_1 p, #column_2 p {
	font-size: 1.2em;
	margin-top: 1em;
}

#column_1 ul {
	font-size: 1.2em;
	list-style-type: none;
	margin-left: 0;
}

#column_1 li {
	margin-bottom: 0.75em;
}


#column_1 h4 {
	font-weight: bold;
	font-size: 1.8em;
}

#quick_signup label {
	display: none;
}

#signup p {
	font-size: 1.2em;
}

#signup h2 {
	padding-top: 0.5em;
}

#content_container a:focus, 
#content_container a:hover,
#column_1 a:focus, 
#column_1 a:hover,
#twitter_feed a:focus,
#twitter_feed a:hover,
.slide a:focus,
.slide a:hover {
	color: #FFFFFF;
	background: #f78f1e;
	text-decoration: none;
}

#about ul a {
	text-decoration: none;
}

#volunteer_btn2 a:hover, #volunteer_btn2 a:focus {
	color: #fff;
	background-color: #fff;
	background-image: url(../../images/elements/buttons/volunteer_btn2_2.gif);
}

#contribute_btn2 a:hover, #contribute_btn2 a:focus {
	color: #fff;
	background-color: #fff;
	background-image: url(../../images/elements/buttons/contribute_btn2_2.gif);
}

.align_center	{ text-align: center; }
.align_right	{ text-align: right; }

a           { color: #003e78; text-decoration: underline; }

blockquote  { margin: 1.5em; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.dquo { margin-left: -.5em; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; margin-top: 1em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

#news ul	{ margin-left: 0.25em; }

ul          { list-style-type: disc; }
#jobsnow li, #greenprint li          { margin-bottom: 1em; }
#about ul 	{ margin-bottom: 0; }
#about li	{ margin-bottom: 0.75em; }
#news li	{ margin-bottom: 1em; }
#supporters ul, #about ul, #city_list ul { list-style-type: none; margin-left: 0; }
#news ul	{ list-style-type: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.superscript	{
	text-transform:lowercase;
	vertical-align: text-top;
	font-size: 0.5em;
	font-style:italic;
}

.quiet, #supporters em      { color: #666!important; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0!important; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

#center_button {
	width: 100%;
	text-align:center;
}

#center_button button {
	margin: 0 auto;
}

/* Main Body Styles
-------------------------------------------------------------- */


#logolink {
	text-indent: -9999px;
	font-size: 0;
	height: 131px;
	width: 284px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../images/elements/header/larry_logo_4.png);
	float: left;
	margin-left: 39px;
}

#news ul a {
	text-decoration: none;
}

a
{
  -moz-outline-style: none;
}

#city_list {
	margin-top: 1em;
	text-align: center;
	font-size: 1.25em;
}

.contact p {
	text-align: center;
}

#header h1 {
	font-size: 0;
}


#larry_name p {
	text-align: right !important;
	margin-right: 80px !important;
	margin-top: 0.5em;
}

.alt { 
  color: #004b8d; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
  font-size: 1.2em;
  padding-top: 1em;
  padding-bottom: 0.5em;
}

#column_2 .alt { 
  font-size: 1.5em;
  text-align: center;
  padding-top: 0.25em;
}

.hidden_text {
  text-indent: -9999px;
}

#column_1 .dateline {
	float:right;
	padding-top: 0.32em;
}

/* Slideshow */

#volunteer_btn  a {
	background-image: url(../../images/elements/buttons/volunteer_btn_2.png);
	_background-image: url(../../images/elements/buttons/volunteer_btn_2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 47px;
	width: 204px;
	text-decoration: none;
	display:block;
	text-indent: -9999px;
}

#contribute_btn a {
	background-image: url(../../images/elements/buttons/contribute_btn_2.png);
	_background-image: url(../../images/elements/buttons/contribute_btn_2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 47px;
	width: 204px;
	text-decoration: none;
	display:block;
	text-indent: -9999px;
}

#volunteer_btn2  a {
	background-repeat: no-repeat;
	background-position: center center;
	height: 42px;
	width: 151px;
	text-decoration: none;
	display:block;
	text-indent: -9999px;
	background-image: url(../../images/elements/buttons/volunteer_btn2_2.gif);
}

#contribute_btn2 a {
	background-image: url(../../images/elements/buttons/contribute_btn2_2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 42px;
	width: 151px;
	text-decoration: none;
	display:block;
	text-indent: -9999px;
}

.about_buttons #volunteer_btn2  a {
	padding-left: 40px;
}

#volunteer_btn a:focus, #contribute_btn a:focus
{
  -moz-outline-style: none;
}


#slide_tile_01 a {
	margin-top: 20px;
}



#slide_01_copy {
	height: 130px;
	margin-bottom: 65px;
}

#nav_tab_body a {
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 0.8em;
}
#nav_tab_body a:hover, #nav_tab_body a:focus {
	color: #f78f1e;
}

#about_interests #nav_tab_body a:hover, #about_interests #nav_tab_body a:focus, #about_interests #nav_tab_body a {
	color: #f78f1e; cursor: default;
}

#column_1 h3, #column_2 h3, #column_3 h3 {
	font-weight: bold;
	text-transform:uppercase;
	padding-bottom: 2em;
	font-size: 1.25em;
}

#column_2 h3, #column_1 h3 {
	text-align: center;
}

#column_3 h3 {
	text-align: right;
}

/* Volunteer */

#volunteer dd {
	margin-left: 0;
}

#volunteer ul {
	list-style-type: none;
}

/* Supporters */

.margin-right {
	margin-right: 20px;
}

/* Footer */

#error #social_networks p {
	font-size: 1em;
}

#social_networks p {
	font-weight: bold;
	text-transform: uppercase;
	color: #004b8d;
	margin-left: 20px;
	font-size: 1.2em;
}

#error #register_link p {
	font-size: 1em;
}


#register_link p {
	font-weight: bold;
	text-transform: uppercase;
	color: #004b8d;
	text-align: right;
	padding-right: 20px;
	font-size: 1.2em;
}

#register_link a {
	font-weight: bold;
	text-transform: uppercase;
	color: #004b8d;
	text-align: right;
	text-decoration: none;
}

#register_link a:hover {
	font-weight: bold;
	text-transform: uppercase;
	color: #004b8d;
	text-align: right;
	text-decoration: underline;
}

#error #paidline p {
	font-size: 1em;
}


#paidline p {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.2em;
	font-size: 1em;
}

#goog-wm {
  width: auto;
  border: none;
  background-color: transparent;
}


#goog-wm h3.closest-match {
  font-size: 1.5em; line-height: 1; margin-bottom: 1em; font-weight: bold;
}

#goog-wm h3.closest-match a {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
}
   
#goog-wm h3.other-things {
  font-size: 1.5em; line-height: 1; margin-bottom: 1em;
}
   
#goog-wm ul li {
	list-style-type: none;
}

#goog-wm ul {
	margin-left: 0;
}
   
#goog-wm li.search-goog {
  
}

#goog-wm-sb {
	margin-top: 1em;
}

/* Twitter Feed */

#twitter_feed {
	background-image: url(../../images/elements/twitter/twitter_gradient.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #d6edf9;
	margin: 0;
	border: none;
	width: 914px;
	padding-top: 5px;
}
#twitter_feed #mtaTwitter { padding: 0; }
#twitter_feed #mtaTwitter > a { float: left; display:inline }
#twitter_feed #mtaTwitter a img {
	height: 48px;
    width: 48px;
    border: 1px solid #CCC;
}

#twitter_feed #mtaTwitter ul {
	position: relative;
    list-style: none;
    margin: 0;
	margin-top: 0;
    margin-left: 56px;
    padding: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#twitter_feed #mtaTwitter ul li {
	font-size: 10pt;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	margin-left: 11px;
}
#twitter_feed #mtaTwitter ul li.first {
	font-size: 1.25em;
	font-weight: bold;
	padding-left: 23px;
	margin-left: 0px;
	background-image: url(/images/elements/twitter/white_triangle-left.png);
	background-repeat: repeat-y;
	background-position: left center;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

#twitter_feed #mtaTwitter ul li.last {
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#twitter_feed #mtaTwitter ul li.first .when { font-size: 0.8em; }
#twitter_feed #mtaTwitter ul li.odd { background-color: #fff; }
#twitter_feed #mtaTwitter ul li.even { background-color: #c7eaf7; }
#twitter_feed #mtaTwitter ul li.first span { font-size: 10pt; font-weight: normal; }
#twitter_feed #mtaTwitter ul li span { font-style: normal; }
#twitter_feed #mtaTwitter ul li .when { font-size: 0.9em; padding-left: 0.5em; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;  }
#twitter_feed #mtaTwitter ul li .when a { }

#twitter_title {
	background-image: url(/images/elements/divider/divider_bg_2.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	min-height: 30px;
	padding-top: 10px;
}

#twitter_title h3 {
	margin-bottom: 0;
	font-size: 1.35em;
	text-transform: uppercase;
}

.follow {
	text-align: center;
	font-size: 1em;
	padding-bottom: 1 !important;
	padding-top: 0em !important;
	font-style: normal !important;
}

#loading_feeds {
	text-align: center;
}

#press_releases .caps {
	font-size: 0.75em;
}

.caps {
	text-transform: uppercase;
	font-size: 0.8em;
}

/* jquery validate response */
fieldset div.mce_inline_error {
	padding-bottom: 0.5em;
	font-weight:bold;
	font-size:0.9em;
	color:#D12F19;
	font-weight:bold;
}
fieldset input.mce_inline_error {
	background:#FBE3E4;
}
#mce-success-response {
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 0.75em;
	color: #264409;
	padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; margin-top: 1em;
	background: #E6EFC2; color: #264409; border-color: #C6D880;
}

#signup #mce-success-response {
 margin-top: 0em;
 margin-bottom: 0;
}

#mce-error-response {
	color:#D12F19;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 0.75em;
	padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; margin-top: 1em;
	background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4;
}

#volunteer .center_button button {
	margin-left: 180px;
}

/* May Fundraiser */

#splash_link {
	position: relative;
	display: block;
	top: 15px;
	left: 17px;
	height: 385px;
	width: 260px;
	text-indent: -9999px;
}

#new_contribute {
	padding-top: 78px
}/* -------------------------------------------------------------- 
   
   layout.css
   * Sets up basic page elements.
   
-------------------------------------------------------------- */

body {
	background-color: #d3eef9;
	background-image: url(/images/elements/body/body_gradient_2.png);
	background-repeat: repeat-x;
	background-position: top;
}


/* Header */

#header {
	height: 131px;
	width: 100%;
	margin-bottom: 1.2em;
	margin-top: 10px;
}

#head_wrapper {
	background-color: #653111;
	background-image: url(/images/elements/body/head/head_dots_bg.png);
	background-repeat: repeat-x;
	background-position: -20% top;
	width: 100%;
}

#head_shadow {
	background-image: url(/images/elements/body/head/head_shadow_bg.png);
	_background-image: none;
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	min-height: 0px;
}

/* Signup Page */

#signup #quick_signup {
	display:none;
}

#signup_container {
	width: 950px;
	height: 425px;
	background-image: url(/images/signup/signup_bg_salmonbake_2010.jpg);
	background-repeat: no-repeat;
	background-position: center center;
} 

#signup_form {
	margin-top: 40px;
	padding-right: 20px;
}

#signup_form p {
}

#signup_form button {
	margin-top: 0.5em;
}

.text_check {
	margin-top: 1.2em;
}

#signup_skip p {
	text-align: center;
	margin-top: 1em;
	font-size: 1em;
}

/* Main Navigation */

div#nav {
	font-size: 0.8em;
	overflow:hidden;
	background-color: #f78f1e;
	width: 950px;
	margin: 0 auto;
}

* html div#nav {
    /* hide ie/mac \*/
    min-height: 2.1em;
    /* end hide */
}

.wrapper {
	left: 0;
	bottom: 0;
	width: 950px;
}
#nav  { margin: 0; height: 3.2em; }
#nav #menu { margin: 0; padding: 0; padding-left: 0px; text-align: center!important; }
#nav #menu li { display: inline; font-size: 1.5em; text-transform:uppercase; }
#nav #menu li a {
	float: left; width: 158px; min-height: 1.9em;
	outline: none; text-decoration: none; padding-top: 0.3em; font-weight: bold; color: #fff;
}

#nav #menu li a.last {
	width: 160px;
}

#nav #menu li a:focus
{
  -moz-outline-style: none;
}

/* OVER STATE */
#nav #menu li a:hover {
	background: #ffffff;
	color: #f78f1e;
}

/* PRESSED STATES */
#nav #menu li a:active {
	
}

/* ON STATES */
#about #nav #menu li#n_about a, #about #nav #menu li#n_about a:hover, #about #nav #menu li#n_about a:active,
#about_interests #nav #menu li#n_about a, #about_interests #nav #menu li#n_about a:hover, #about_interests #nav #menu li#n_about a:active {
	background-color: #004b8d !important; color: #fff; cursor: default;
}

#issues #nav #menu li#n_issues a, #issues #nav #menu li#n_issues a:hover, #issues #nav #menu li#n_issues a:active,
#greenprint #nav #menu li#n_issues a, #greenprint #nav #menu li#n_issues a:hover, #greenprint #nav #menu li#n_issues a:active,
#transit #nav #menu li#n_issues a, #transit #nav #menu li#n_issues a:hover, #transit #nav #menu li#n_issues a:active,
#jobsnow #nav #menu li#n_issues a, #jobsnow #nav #menu li#n_issues a:hover, #jobsnow #nav #menu li#n_issues a:active {
	background-color: #004b8d !important; color: #fff; cursor: default;
}

#news #nav #menu li#n_news a, #news #nav #menu li#n_news a:hover, #news #nav #menu li#n_news a:active {
	background-color: #004b8d !important; color: #fff;cursor: default;
}

#media #nav #menu li#n_media a, #media #nav #menu li#n_media a:hover, #media #nav #menu li#n_media a:active {
	background-color: #004b8d !important; color: #fff;cursor: default;
}

#supporters #nav #menu li#n_supporters a, #supporters #nav #menu li#n_supporters a:hover, #supporters #nav #menu li#n_supporters a:active {
	background-color: #004b8d !important; color: #fff;cursor: default;
}

#contact #nav #menu li#n_contact a, #contact #nav #menu li#n_contact a:hover, #contact #nav #menu li#n_contact a:active {
	background-color: #004b8d !important; color: #fff;cursor: default;
}


#nav_tab {
	width: 158px;
	min-height: 45px;
}

#nav_tab_body {
	width: 158px;
	min-height: 18px;
	background-image: url(/images/elements/body/nav/nav_tab_2.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding-top: 5px;
}

#nav_tab_bottom {
	width: 158px;
	height: 10px;
	background-image: url(/images/elements/body/nav/nav_tab_2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.about_buttons {
	padding-top: 20px;
	padding-right: 20px;
}

.about_buttons_volunteer {
	padding-top: 20px;
	padding-right: 40px;
}

#quick_signup {
	padding-top: 80px;
}

/* Slideshow */

#slideshow {
	background-color: #2ba1cf;
	background-image: url(/images/welcome/slideshow/slideshow_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 400px;
}

#slide_tile_01 {
	background-image: url(/images/welcome/slideshow/slide_tile_01b.png);
	height: 358px;
	width: 201px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	padding-left: 25px;
	padding-right: 25px;
}

#slide_tile_02 {
	height: 281px;
	width: 640px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

#column_2, #column_3 {
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
} 

#column_1 {
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
} 


#column_1 h3 {
	margin-bottom: 16px;
}

#column_2 {
	padding-right: 20px;
	padding-left: 0;
} 

#column_3 {
	padding-right: 0;
} 

/* Divider */

.divider {
	background-image: url(/images/elements/divider/divider_bg_2.png);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 200px;
}

/* YouTube */

#youtube_embed {
	width: 520px;
	margin: 0 auto;
}

#signup #youtube_embed {
	margin-top: 40px;
}

/* Content */

#content {
	background-color: #ffffff;
	background-image: url(/images/elements/body/content_bg_2.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-bottom: 2em;
}

/* King County Map */

#map {
	position:relative;
	margin:0;
	padding:0;
	width:318px;
	height:229px;
	float: right;
	margin-right: 20px;
}

#map li {
    margin:0;
    padding:0;
    list-style:none;
}

#map li a {
	position:absolute;
	display:block;
	/*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(/images/welcome/maps/blank.gif);
	text-decoration: none;
}

#map li a span { display:none; }

#map li a:hover span {
	display:block;
	width:64px;
	top:20px;
	text-decoration:none;
	text-align: center;
	text-indent: -9999px;
	background-image: url(/images/welcome/maps/pushpin_v3.png);
	_background-image: url(/images/welcome/maps/pushpin_v3.gif);
	height: 50px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center center;
}

#map li a:hover.district_1 span {
	top: 0;
	margin-top: 0;
	margin-left: 0px;
	background-position: top;
	cursor:pointer;
}

#map li a:hover.district_2-4 span {
	top: 0;
	margin-top: 0px;
	margin-left: 0px;
	background-position: top;
	cursor:pointer;
}


#map li a:hover.district_3-6 span {
	top: 30px;
	margin-top: 35px;
	margin-left: 90px;
	background-position: top;
	cursor:pointer;
}

#map li a:hover.district_5-8 span {
	top: 0;
	margin-top: 5px;
	margin-left: 30px;
	background-position: left top;
	cursor:pointer;
}

#map li a:hover.district_7-9 span {
	margin: 5px auto;
	cursor:pointer;
}

#map a.district_1 {
	top:15px;
	left:20px;
	width:45px;
	height:30px;
}
       
#map a.district_3-6 {
    top:30px;
    left:65px;
    width:240px;
    height:130px;
}
       
#map a.district_2-4 {
    top:45px;
    left:13px;
    width:45px;
    height:55px;
}
       
#map a.district_5-8 {
    top:100px;
    left:0px;
    width:50px;
    height:60px;
}
       
#map a.district_7-9 {
    top:150px;
    left:30px;
    width:250px;
    height:90px;
}

/* Home Content */

#content_container {
	margin: 20px 0;
}

#welcome #content_container {
	margin: 0px;
}

/* Footer */

#footer {
	background-image: url(/images/elements/footer/divider_footer_2.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 120px;
	padding-top: 46px;
	margin-top: 4em;
	color: #000;
}

#welcome #footer {
	margin-top: 1em;
}

/* Social Networks */

#networks_wrapper {
	left: 0;
	bottom: 0;
	height: 28px;
}

#networks-title  p {
	margin-bottom: 0;
	margin-top: 1.7em;
	margin-right: 1em;
}

#networks   { height: 28px; margin: 20px auto;  }
#networks  #social_menu { margin: 0; padding: 0; padding-left: 0px; }
#networks  #social_menu li { display: inline; text-indent: -9999px; font-size: 0; }
#networks  #social_menu li a { float: left; width: 77px; height: 0; padding-top: 28px; overflow: hidden; }
#networks  #social_menu li a {
	background-image: url(/images/elements/footer/social/networks_v2_2.png);
	background-repeat: no-repeat;
	outline: none;
}

#networks  #social_menu li a:focus
{
  -moz-outline-style: none;
}

/* BUTTONS */
#networks  #social_menu li#n_facebook a { background-position: 0 0; }
#networks  #social_menu li#n_linkedin a { background-position: -77px 0; }
#networks  #social_menu li#n_tatango a { background-position: -154px 0; }
#networks  #social_menu li#n_flickr a { background-position: -231px 0; }
#networks  #social_menu li#n_youtube a  { background-position: -308px 0; }

/* OVER STATES */
#networks  #social_menu li#n_facebook a:hover { background-position: 0 -28px; }
#networks  #social_menu li#n_linkedin a:hover { background-position: -77px -28px; }
#networks  #social_menu li#n_tatango a:hover { background-position: -154px -28px; }
#networks  #social_menu li#n_flickr a:hover { background-position: -231px -28px; }
#networks  #social_menu li#n_youtube a:hover  { background-position: -308px -28px; }

/* Home Slideshow */

/* Sample 4*/
#box4{
	position:absolute;
}

#box4 .alt {
	padding: 0;
	padding-top: 0.15em;
	font-size: 1.15em;
}

#box4 .slide {
	width:640px;
	height:325px;
	float:left;
}

#box4 h3 {
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 0.25em;
}

#box4 img{
	
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.slide_copy h4 a {
	text-decoration: none;
}

.slide_copy h4 {
	font-size: 1.25em;
}


.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:640px;
	height:325px;
	overflow:hidden;
	float: left;
}

span img{
	display:block;
	border:none;
}

.caption_0 {
	width: 620px;
	position: absolute;
	left: 640px;
	top: 265px;
	height: 40px;
	z-index: 90;
	margin-top: 0px;
	padding: 10px;
	font-size: 70%;
	background-image: url(/images/welcome/slideshow/slides_v3/flickr_bg.png);
	background-repeat: repeat-y;
	background-position: left;
}

.caption_0_text {
	width: 620px;
	position: absolute;
	left: 640px;
	top: 268px;
	height: 40px;
	z-index: 100;
	margin-top: 0px;
	padding: 10px;
	font-size: 70%;
}

.caption_0 h3 {
	line-height: 1.25em;
}

.caption_0 a {

}

.caption_0 a:hover {

}

.caption_news {
	width: 340px;
	position: absolute;
	left: 1940px;
	top: 20px;
	z-index: 100;
}

.caption_2 {
	width: 400px;
	position: absolute;
	left: 1940px;
	top: 20px;
	z-index: 100;
}

.caption_3 {
	width: 200px;
	position: absolute;
	left: 1940px;
	top: 20px;
	z-index: 100;
}

#handles4 {
	float: left;
}

#handles4 span {
	cursor:pointer;
	width: 150px;
	display: block;
	float: left;
	height: 25px;
}

.supporters_list {
}

.supporters_list {
	margin-top: 7.75em;
	list-style-type: none !important;
	width: 250px;
	float: left;
	height: 20px;
	color: #fff;
}

.supporters_list li {
	padding-bottom: 0.5em;
	padding-left: 1em;
	line-height: 1.2em;
}

.buttons{ text-align: center; }

.buttons span {
	color:#fff;
	cursor:pointer;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(../../images/welcome/slideshow/slideshow_bg.png);
	background-repeat: repeat-x;
	background-position: top;
}

.buttons_bottom {
	text-align: center;
	background-image: url(../../images/welcome/slideshow/slideshow_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
}


.buttons_bottom #play {
	height: 0;
	padding-top: 13px;
	background-image: url(../../images/welcome/controls.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 12px;
	font-size: 0;
	text-indent: -9999px;
}

.buttons_bottom #playback {
	height: 0;
	padding-top: 13px;
	background-image: url(../../images/welcome/controls.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 12px;
	font-size: 0;
	text-indent: -9999px;
}

.buttons_bottom #stop {
	height: 0;
	padding-top: 13px;
	background-image: url(../../images/welcome/controls.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 12px;
	font-size: 0;
	text-indent: -9999px;
}



.buttons_bottom span {
}

.buttons span:hover{color:#F78F1E}

.buttons span.active {
	color:#fff;
	background-color: #0080FF;
	background-image: url(../../images/welcome/slideshow/slideshow_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold
}


.slide_00 {
	
}

.slide_temp {
	background-image: url(/images/welcome/slideshow/slides_v3/thankyou.jpg);
	background-position: center top;
}

#mp3_player {
	margin-top: 231px;
	margin-left: 380px;
}

.slide_temp p, .slide_temp h4 {
	text-indent: -9999px;
}

.slide_01 {
	background-image: url(/images/welcome/slideshow/slides_v3/slide_01g.jpg);
	background-position: center top;
}

.slide_02 {
	background-image: url(/images/welcome/slideshow/slides_v3/slide_02c.jpg);
	background-position: center top;
}

.slide_03 {
	background-image: url(/images/welcome/slideshow/slides_v3/slide_03d.jpg);
	background-position: center top;
}

.slide_copy {
	padding-top: 4.4em;
	padding-left: 20px;
	width: 600px;
}

.slide_copy_row_1 {
	width: 280px;
	float: left;
}

.slide_copy_row_2 {
	float: left;
	width: 280px;
	padding-left: 20px;
}

/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 20px solid #fff;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(/images/elements/moodal/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 20px solid #fff;
border-top-style: none;
}

a#mb_close_link {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	margin: 5px 0;
	background-color: transparent;
	background-image: url(/images/elements/moodal/closelabel.gif);
	background-repeat: no-repeat;
	background-position: center;
}

div#mb_caption {
margin-right: 71px;
}

#salmonbake {
	color: #fff;
	margin-top: 30px;
}

#salmonbake p {
	font-size: 1em;
}

#salmonbake h1 {
	margin-bottom: 0;
	font-size: 1.8em;
	font-weight: bold;
}

#salmonbake h2 {
	font-size: 1.6em;
	padding-top: 0;
}

#salmonbake a {
	color: #FFFFFF;
}

#salmonbake a:hover, #salmonbake a:active  {
	color: #22bafd;
	background: #ffffff;
}/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

.button_link {
	float: none!important;
}

a.button, button {
  display:block;
  float:left;
  margin: 0.4em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#ed8116;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#003e78!important;
  border:1px solid #003e78!important;
  color:#ffffff!important;
}
a.button:active{
  background-color:#003e78!important;
  border:1px solid #003e78!important;
  color:#fff!important;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}