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

:focus
{
  -moz-outline-style: none;
}/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2008-07-24) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            918 px
    * Number of columns:     13
    * Column width:          54 px
    * Margin width:          18 px
   ======================================

   By default, the grid is 918px wide, with 13 columns 
   spanning 54px, and a 18px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */

.page_container {
	width: 918px;
	margin: 0 auto;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #021f62;
	border-right-width: 9px;
	border-right-style: solid;
	border-right-color: #021f62;
	background-color: #9ab6e4;
}

/* Page container with sidebar

.page_container {
	width: 918px;
	margin: 0 auto;
	border-left-width: 18px;
	border-left-style: solid;
	border-left-color: #021f62;
	background-image: url(../../images/elements/body/sidebar_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #9ab6e4;
}

*/

#whitebar .page_container {
	background-image: url(../../images/elements/bg_whitebar.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

.container {
  width: 918px;
  margin: 0 auto;
}

.footer_container {
  width: 996px;
  margin: 0 auto;
}

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

/* Body margin for a sensile default look. */
body {
  margin:0;	
}


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

/* Sets up basic grid floating and margin. */
div.span-1, div.span-1a, div.span-2, div.span-3, div.span-3a, 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 {float:left;margin-right: 18px;}

div.span-4a { float:left }

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

/* Use these classes to set the width of a column. */
.span-stripe  {
	width: 18px;
	background-color: #2a532d;
	float: left;
	height: 100%;
}
.span-1  { width: 54px;}
.span-1a  { width: 27px;}
.span-2  { width: 126px;}
.span-3  { width: 198px;}
.span-3a  { width: 180px;}
.span-4  { width: 270px;}
.span-4a { width: 215px;}
.span-5  { width: 342px;}
.span-6  { width: 414px;}
.span-7  { width: 486px;}
.span-8  { width: 558px;}
.span-9  { width: 630px;}
.span-10 { width: 702px;}
.span-11 { width: 774px;}
.span-12 { width: 846px;}
.span-13, div.span-13 { width: 918px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 72px;}
.append-2  { padding-right: 144px;}
.append-3  { padding-right: 216px;}
.append-4  { padding-right: 288px;}
.append-5  { padding-right: 360px;}
.append-6  { padding-right: 432px;}
.append-7  { padding-right: 504px;}
.append-8  { padding-right: 576px;}
.append-9  { padding-right: 648px;}
.append-10 { padding-right: 720px;}
.append-11 { padding-right: 792px;}
.append-12 { padding-right: 864px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 72px;}
.prepend-2  { padding-left: 144px;}
.prepend-3  { padding-left: 216px;}
.prepend-4  { padding-left: 288px;}
.prepend-5  { padding-left: 360px;}
.prepend-6  { padding-left: 432px;}
.prepend-7  { padding-left: 504px;}
.prepend-8  { padding-left: 576px;}
.prepend-9  { padding-left: 648px;}
.prepend-10 { padding-left: 720px;}
.prepend-11 { padding-left: 792px;}
.prepend-12 { padding-left: 864px;}



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

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:48px;
  margin-right:45px;
  border-right: 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: -72px;}
.pull-2 { margin-left: -144px;}
.pull-3 { margin-left: -216px;}
.pull-4 { margin-left: -288px;}
.pull-5 { margin-left: -360px;}
.pull-6 { margin-left: -432px;}
.pull-7 { margin-left: -504px;}
.pull-8 { margin-left: -576px;}
.pull-9 { margin-left: -648px;}
.pull-10 { margin-left: -720px;}
.pull-11 { margin-left: -792px;}
.pull-12 { margin-left: -864px;}
.pull-13 { margin-left: -936px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13 {float:left;position:relative;}


.push-1 { margin: 0 -72px 1.5em 72px;}
.push-2 { margin: 0 -144px 1.5em 144px;}
.push-3 { margin: 0 -216px 1.5em 216px;}
.push-4 { margin: 0 -288px 1.5em 288px;}
.push-5 { margin: 0 -360px 1.5em 360px;}
.push-6 { margin: 0 -432px 1.5em 432px;}
.push-7 { margin: 0 -504px 1.5em 504px;}
.push-8 { margin: 0 -576px 1.5em 576px;}
.push-9 { margin: 0 -648px 1.5em 648px;}
.push-10 { margin: 0 -720px 1.5em 720px;}
.push-11 { margin: 0 -792px 1.5em 792px;}
.push-12 { margin: 0 -864px 1.5em 864px;}
.push-13 { margin: 0 -936px 1.5em 936px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13 {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 {
	margin-bottom: 1.5em;
	padding-top: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 1.5em;
	border: 1px solid #021F62;
	text-align: center;
}

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

img.donate_button {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 36px; }


/* 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: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

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

.clear { clear:both; }

.left { float: left !important; }/* -------------------------------------------------------------- 
   
   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: #232E4D;
	background: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


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

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

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

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

.lead { font-size: 1.5em; font-weight: bold; }

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

p           { margin: 0 0 1.5em; line-height: 1.85em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #233769; text-decoration: underline; }
a           {
	color: #233769;
	text-decoration: none;
	font-weight: bold;
}

blockquote  { margin: 1.5em; font-style: italic; }
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,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


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

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

#endorsements ul {
	margin-left: 0;
	list-style: none;
	margin-bottom: 6em;
	font-weight: bold;
}

.endorsement_list {
  font-size: 1.1em;
}

ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       {  }
dd          { margin-bottom: 1em;}


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

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { 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; }

.quiet      { color: #666; }
.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 !important; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.al_right	{ text-align:right }

span.amp {
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
}

/* Google 404 */

#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 {
	margin: 0;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
}

#twitter_feed h3 {
	margin-bottom:0.5em!important;
}

#twitter_feed .follow {
	margin-left: 60px;
	color: #fff;
	margin-top: 10px;
	font-size: 0.9em;
}

.follow a {
	color: #fff;
}

#twitter_feed h3 img {
	vertical-align: middle!important;
}


#twitter_feed #mtaTwitter { padding: 0; }
#twitter_feed #mtaTwitter > a { float: left; display:inline }
#twitter_feed #mtaTwitter a img {
	height: 48px;
    width: 48px;
	margin-top: 10px;
}

#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;
	text-align: left;
}
#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 top;
	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: #BCCDEA;
}
#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 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;
	margin-left: 60px;
}

#loading_feeds img {
	float: none;
}

#quotes {
	text-align: left;
	padding: 24px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #fff;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../../images/elements/body/quotes_bg.png);
	width: 362px;
}

#quotes_cap {
	height: 2em;
	background-color: #fff;
	background-image: url(../../images/elements/body/quotes_bg.png);
	background-position: right top;
	width: 410px;
	margin-top: 1em;
}
#quotes_bottom {
	height: 4em;
	background-color: #fff;
	background-image: url(../../images/elements/body/quotes_bg.png);
	background-position: right bottom;
	width: 410px;
		margin-bottom: 1.5em;
}

#quotes ul, #quotelist ul {
	list-style-type: none;
	margin: 0;
	font-size: 1.1em;
	margin-top: 2em;
}

#quotelist {
	font-size: 1.25em;
	margin-bottom: 1em!important;
}

#quotelist li {
		font-weight: normal;
		margin-bottom: 2.5em;
}


#quotes li {
	margin-top: 4em;
}

#quotes h2 { margin-bottom: 0; text-align: left; font-style:italic; }

/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; } 

.right {
	float: right;
	font-size: 0.85em;
}

.home_paragraph {
	margin-top: 4em;
}

.logos, .logos2, .logos3, .logos4 {
	text-align: center;
	margin: 0!important;
}

.logos3 {
	padding-left: 50px;
	padding-top: 15px;
}

.logos4 {
	padding-left: 250px;
}

.alt {  
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
  font-size: 1.2em;
}

.logos3 .alt, .logos4 .alt {
	font-size: 1.25em;
	font-style: normal;
	font-weight: bold;
}

.logos2 li { float: left; height: 120px; width: 250px; }

.logos li, .logos4 li { float: left; height: 75px; width: 250px; }

.logos3 li { float: left; height: 75px; width: 165px; }/* -------------------------------------------------------------- 
  
   layout.css
   * Custom style controls
   
-------------------------------------------------------------- */

body {
	background-color: #011456;
}

#header {
	background-image: url(../../images/elements/body/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 192px;
	background-color: #021f62;
}

#logolink {
	height: 125px;
	width: 300px;
	left: 22px;
	top: 10px;
	display: block;
	position: relative;
	text-indent: -9999px;
	font-size: 0;
}

#contribute_wrapper {
	height: 91px;
}

#contribute_button a {
	text-indent: -9999px;
	font-size: 0;
}

#contribute_button a {
	width: 156px;
	background: url(../../images/elements/body/contribute_footer.png) 0 0 no-repeat;
	float: right;
	display: block;
	position: relative;
	padding-top: 56px;
	height: 0;
	margin-right: 30px;
}

#contribute_button a:hover {
	background-position: 0 -56px;
}

.gainlayout { min-height: 0; }

#endorse_wrapper {
	height: 146px;
	border: thin solid #FF0000;	
}

#endorse_button a {
	text-indent: -9999px;
	font-size: 0;
	width: 103px;
	display: block;
	float: right;
	height: 56px;
	margin-right: 10px;
	background-image: url(../../images/elements/endorsements/endorse_v4.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
}

#r71_button {
	text-indent: -9999px;
	font-size: 0;
	width: 94px;
	display: block;
	float: right;
	height: 42px;
	margin-top: 5px;
	margin-right: 10px;
	background-image: url(../../images/elements/body/approve_71.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
}

.video_right {
	float: right;
	padding-bottom: 1em;
	padding-left: 1em;
	width: 412px;
}

.video_left {
	float: left;
	padding-bottom: 1em;
	padding-right: 1em;
}


/* Menu */

	div#nav {
	font-size: 1.3em;
	font-style:italic;
	height: 32px;
	overflow:hidden;
    }
    * html div#nav {
        /* hide ie/mac \*/
        height: 32px;
        /* end hide */
    }
    div#nav div.wrapper {
        position: relative;
        left: 0px;
        bottom: 0;
		padding-top: 6px;
		padding-bottom: 5px;
    }
	#nav  {
	height: 32px;
	margin: 0px auto;
	position: relative;
}
	#nav #menu { margin: 0; padding: 0; width: 550px; }
	#nav #menu li {	display: inline; padding-right: 21px; padding-bottom: 10px;  }
	#nav #menu li a {
	display: inline;
	padding-right: 0px;
	color: #fff;
	text-decoration: none;
	padding-bottom: 10px;
	}
	#nav #menu li a:hover {
	display: inline;
	padding-right: 0px;
	color: #9ab6e4;
	}
	
	#biography #nav #menu #n_biography a,
	#issues #nav #menu #n_issues a,
	#endorsements #nav #menu #n_endorsements a,
	#endorsements_thanks #nav #menu #n_endorsements a,
	#involved #nav #menu #n_involved a,
	#unsubscribed #nav #menu #n_involved a,
	#confirmed #nav #menu #n_involved a,
	#thankyou #nav #menu #n_involved a,
	#contact #nav #menu #n_contact a {
	color: #fcff0b;
	cursor: default;
	}
	
	#welcome #f_welcome,
	#issues #f_issues,
	#endorsements #f_endorsements,
	#endorsements_thanks #f_endorsements,
	#biography #f_biography,
	#involved #f_involved,
	#unsubscribed #f_involved,
	#confirmed #f_involved,
	#thankyou #f_involved,
	#contact #f_contact {
	font-weight: bold !important;
	color: #fff;
	}
	
	#f_support {
	color: #fcff0b;
	font-weight: bold !important;
	}

/* Normal Content */

	.normal_content .dateline {
	padding-top: 2em !important;
	font-size: .85em;
	margin-bottom: .75em;
	margin-left: 0;
	}
	
	#normal_content {
	padding-top: 36px;
	padding-left: 54px;
	padding-right: 72px;
	padding-bottom: 36px;
	background-image: url(../../images/elements/body/content_tile_bg.jpg);
	background-repeat: repeat-x;
	background-position: 75px top;
	float: left;
	width: 792px;
	}
	
	.pdf a:hover {
	background-position: left -55px;
	text-decoration:underline;
	}


/* Sidebar */
	#sidebar {
	float: right;
	clear: none;
	color: #fff;
	
	}
	
	#sidebar_content {
	padding-top: 37px;
	padding-left: 36px;
	padding-right: 25px;
	padding-bottom: 2em;
	}
	
	#sidebar h2 {
	color: #fff;
	margin-bottom: 1em;
	font-style:normal;
	font-size: 1.85em;
	}
	
	#sidebar h3 {
	font-style: italic;
	color: #fff;
	}
		
	#sidebar p {
	}
	
	#sidebar .arrow a {
	background-image: url(../../images/elements/arrow_more.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	color: #fff;
	}
	
	#sidebar .arrow a:hover {
	text-decoration: underline;
	}
	
	#sidebar a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
	#sidebar a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
	#sidebar a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
	#sidebar .dateline {
	font-style: italic;
	margin-top: 3em;
	margin-bottom: 0;
	font-size: 0.8em !important;
	}
	
	#sidebar .newsletter {
	color: #fff;
	font-style: italic;
	}
	
	#sidebar .last_paragraph {
	margin-bottom: 3em;
	}
	
	#sidebar strong {
	color: #fff;
	}
	
	#sidebar ul {
	}
	
	
	
/* Footer */

	#footer {
	height: 100px;
	width: 936px;
	margin: 0 auto;
	background-color: #021f62;
	}
	
	.footer_content {
	margin-left: 30px;
	padding-top: 15px;
	font-size: 1.1em;
	color: #769819;
	text-align: left;
	font-size: 1em;
	}
	
	.footer_content img {
	vertical-align: middle !important;
	margin: 0;
	}
	
	.footer_content p {
	margin-bottom: .40em;
	}
	
	.footer_content a {
	color: #fff;
	text-decoration: none;
	font-weight: normal!important;
	}
	
	.footer_content a:hover {
	color: #9ab6e4;
	}
	
	.copyright {
	color: #CCCCCC;
	font-size: 0.90em;
	padding: 0;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	

	img.floatRightClear {
	float: right;
	clear: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
	}
	
	img.floatLeftClear {
	float: left;
	clear: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;     
	}
	
	#page_bottom {
	width: 100%;
	background-image: url(/images/elements/body/page_bottom_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 60px;
	}
	
	#glow {
	width: 100%;
	background-image: url(/images/elements/body/body_tile.png);
	background-repeat: repeat-y;
	background-position: center;
	}
	
	#slideshow {
	margin-left: 1.5em;
	margin-bottom: 1em;
	margin-top: 0.5em;
	float:right;
	width: 412px;
	}
	
	#footer_fb {
	width: 32px;
	padding-top: 32px;
	height: 0;
	margin-top: 12px;
	background-image: url(/images/elements/body/fb_logo.png);
	float: right;
	text-indent: -9999px;
	margin-right: 10px;
	display: block;
	background-repeat: no-repeat;
	}
	
	#footer_twitter {
	width: 32px;
	padding-top: 32px;
	height: 0;
	margin-top: 12px;
	background-image: url(/images/elements/body/twitter_logo.png);
	float: right;
	text-indent: -9999px;
	margin-right: 10px;
	display: block;
	background-repeat: no-repeat;
	}
		
	/* Modal Box */
	
	/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 0%;
    left: 50%;
    
    margin-left: -200px;
    width: 400px;
    
    background-color: #011456;
    border: 1px solid black;
    padding: 12px;
}

#close {
	width: 100%;
	text-align: center;
	padding-top: 12px;
	color: #fff;
}

#close a {
	color: #fff;
}

.jqmOverlay { background-color: #000; }

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	font-size: 0.9em;
}

span .textfieldRequiredMsg {
	line-height: 1%;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}

#rotator
{
	overflow: hidden;
	margin: 0 auto 10px;
	position: relative;
	width: 412px;
	height: 228px;
	float: right;
	background-image: url(../../images/elements/body/rotator_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#endorsements #rotator
{
	overflow: hidden;
	margin: 0;
	position: relative;
	width: 792px;
	height: 150px;
	float: none;
	font-size: 1.2em;
	margin-bottom: 15px;
	margin-top: 0px;
	background-color: #fff;
}

#endorsements #rotator p {
	margin: 30px;
	margin-bottom: 80px;
	padding-top: 0;
	margin-top: 5px;
	background-color: #fff;
}

#endorsements #normal_content {
	padding-top: 25x;

}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 412px;
	height: 228px;
}

.link_language {
	font-size: 1em;
	text-align: center;
	margin-bottom: 1em;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */

#carousel_container {
	width: 253px;
	float: right;
	height: 91px;
	margin-right: 20px;
	margin-top: 20px;
	position: relative;
	background-image: url(../../images/elements/body/endorsements_box2.png);
	background-repeat: no-repeat;
}

#carousel_container p {
	font-size: 1em;
	text-align:center;
	margin-bottom: 5px;
	margin-top: 15px;
	text-transform: uppercase;
	color: #999999;
	letter-spacing: 1px;
}

#fader {
	position:absolute;
	width: 180px;
	height: 60px;
	top: 27px;
	left: 35px;
	background-image: url(../../images/elements/body/fader2.png);
	_background-image: none;
	background-repeat: repeat-y;
	background-position: center center;
	z-index: 9999;
}

.jcarousel-container {
    width: 180px;
	position: absolute;
	top: 27px;
	left: 35px;
}

.jcarousel-clip {
    width:  180px;
    height: 60px;
}

.jcarousel-list {
    width:  180px;
    height: 60px;
}

.jcarousel-list li {
    width: 180px;
    height: 60px;
    margin-right: 10px;
}

.jcarousel-item-placeholder {
    background: #fff url(jcarousel_loading.gif) 50% 50% no-repeat;
}

.MenuFrame {
	border: 1px solid #003366;
	padding: 10px;
	width: 100%;
	height: 250px;
}<br />
<b>Warning</b>:  ob_start() [<a href='ref.outcontrol'>ref.outcontrol</a>]: output handler 'ob_gzhandler' cannot be used twice in <b>/home/p14fpt00/public_html/css/src/forms.css</b> on line <b>1</b><br />

/* -------------------------------------------------------------- 
   
   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; }
#dialog fieldset    {
	border: 1px solid #021f62;
	background: #9AB6E4;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 1.4em;
	padding-right: 1.4em;
	padding-bottom: 1.4em;
	padding-left: 1.4em;
}

fieldset  {
	margin: 0 !important;
	paddng: 0 !important;
	border: none;
}

#endorsement_form fieldset, #involved fieldset {
	margin-bottom: 4em;
}

legend      { padding: 0.5em !important; }

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

input.text, input.title,
textarea, select {
  margin: 0;
  border:1px solid #021f62;
  z-index: 4000;
}

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

.contact_drop {
	width: 508px !important;
	height: 31px !important;
}

.contact_form, .contact_drop {
	background-color: #fff;
	border: 1px solid #329d52;
	margin:0.5em 0;
	padding: 3px;
	width: 500px;
	height: 23px;
	color: #2a532d;
	font-size: 1.25em;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
}

.contact_form:focus, .contact_drop:focus {
	border: 1px solid #329d52;
	background-color:#FFFFF3;
}


.contact_form:hover, .contact_drop:hover {
	border: 1px solid #329d52;
	background-color:#FFFFEA;
}

.text_area {
	height: 10em !important;
	overflow:auto;
}

input.textbutton { 
border:0; 
padding:0; 
color: inherit; 
background:transparent; 
}

input.textbutton:hover { 
text-decoration: underline;
border:0; 
padding:0; 
color: inherit; 
background:transparent; 
}

.email_button {
	float: right;
}
#endorsement_form #Button1 {
	margin-left: 100px;
}

#endorsement_list {
	margin-top: 1.5em;
}

#submit_button {
	text-align: center;
}

#Button1 {
	margin-top: 5px;
}

.structural {
   	position:absolute;
   	left:-9999px;
   	}

input.text_phone1 { width: 30px!important; padding:5px; }
input.text_phone2 { width: 40px!important; }
input.city { width: 125px!important; }
input.state { width: 25px!important; }
input.zip { width: 40px!important; }

.error_nobreak {line-height: 0; }

input.text, 
input.title   { width: 358px; padding:3px; }
input.title   { font-size:1.5em; }
#involved input.text      { width: 300px; }
textarea      { width: 358px; height: 250px; padding:5px; }
select      { width: 370px;  padding:3px; }


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

.error,
.notice, 
.success    {  }

.error      { color: #8a1f11; }
.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; }