/* CSS Document */

@charset "UTF-8";

/* ----------------------------------------------------------
  Rainbow PUSH Style Sheet
  Managed by BLUE STATE DIGITAL (http://www.bluestatedigital.com)
  Author: Kyle Rush
  Author URI: http://www.kylerush.net
  Date/Version: 11/11/2008

  Modified by: Ben Weibel, Adam Moore
  Date: 3/24/09
  Last Modified: 1/31/10
  

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


/* ----------------------------------------------------------
	RESET
---------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}*{margin:0;padding:0}

.tri-column {
width: 250px;
padding: 15px 15px 15px 15px;
margin: 5px;
height: 100%;
border: solid 1px #000000;
background: #ffffff url(http://rainbowpush.org/page/-/images/dc-col-bg.jpg) top left repeat-x;
float: left;
}
.tri-column-big {
width: 300px;
padding: 15px 15px 15px 15px;
margin: 5px;
height: 100%;
border: solid 1px #000000;
background: #ffffff url(http://rainbowpush.org/page/-/images/dc-col-bg.jpg) top left repeat-x;
float: left;
}
.tri-column-double {
width: 600px;
padding: 15px 15px 15px 15px;
margin: 5px;
height: 100%;
border: solid 1px #000000;
background: #ffffff url(http://rainbowpush.org/page/-/images/dc-col-bg.jpg) top left repeat-x;
float: left;
text-align: center;
}
.tri-column-double table td{text-align: left;}
.dc-button{
margin: 15px 0px 10px 0px;
}
.tri-column-double a:link{font-family:Arial,Lucida Grande,Verdana,Geneva,Sans-serif;
font-size:12px;}
.dc-clear{
clear: both;
}
/* ----------------------------------------------------------
	TEXT STYLES
---------------------------------------------------------- */
/*  Font-Families */
#header ul li a, #footerText, .blockLogoContainer a, .news span, .news h2, .moreNews, .featuredVideo h2, .getLocal, .makeDifference p, .eventDate, .eventDescription, #searchSubmit, STARTS HERE, .subPage h1, .subPage p, .subPage ul li, .subPage ol li, .newsIndexDate, .backButton, .featuresText {font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

.makeDifference h2, .featuresText h2, .eventLocation, .subPage h2, .subPage h3, .subPage h4{font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

/* Colors */
#header ul li a, .news h2 a:link, .news h2 a:active, .news h2 a:visited, .moreNews, .featuredVideo h2, .featuredVideo h2 a:link, .featuredVideo h2 a:active, .featuredVideo h2 a:visited, #searchSubmit, .backButton, .featureButton {color: #fff;}

.blockLogoContainer a, .getLocal a:link, .getLocal a:active, .getLocal a:visited, .featuresText p a:link, .featuresText p a:active, .featuresText p a:visited, .subPage p a:link, .subPage p a:active, .subPage p a:visited, .subPage p a:hover {color: #369;} /* ALTERNATE BLUE */

.subPage h1 {color: #c00;}

#header ul li a:hover {color: #66c;} /* LAVENDER */

#header ul ul li a:hover, .links a:hover,  .subPage h3 a:hover {color: #039;} /* LIGHTER BLUE */

.sidebarContent span {color: #036;} /* DARK BLUE */

.makeDifference h2,  .subPage h2, .subPage h2 a:link, .subPage h2 a:active, .subPage h2 a:visited{color: #036;}  /* RED */

.subPage h3, .subPage h3 a:link, .subPage h3 a:active, .subPage h3 a:visited, .subPage h4, .subPage h4 a:link, .subPage h4 a:active, .subPage h4 a:visited, .eventDate {color: #369;}


.makeDifference p, .featuresText p, .eventDescription, .eventLocation, .subPage p, .subPage ul li, .subPage ol li  {color: #333;}

#pressDate p, #pressInfo p, .newsIndexDate, #newsIndex p {color: #666;}

#pressInfo a, #pressInfo a:visited{
font-size:14px;
color: #369;
}

/* Font Sizes */
.featuredVideo h2, .makeDifference h2, .featuresText h2, .subPage h1, .subPage h2, .subPage h2 a:hover, .subPage h2 a:visited{font-size: 16px;}

.subPage h3 {font-size: 14px;}


#header ul li a, .news h2, .eventDate, .eventLocation, .subPage h4, #pressDate p, .pressSingle span, .newsIndexDate  {font-size: 14px;}

/*Homepage Font Sizes Bumped by 1px*/
.makeDifference p, .featuresText p {
	font-size: 13px;
}

.commentary p, .subPage p {font-size: 13px;
	color: #333;
}

.blockLogoContainer a, .moreNews,  .eventDescription, #searchSubmit, .featuresText span,  .subPage ul li, .subPage ol li, .backButton, .featureButton{font-size: 12px;}

.getLocal{font-size: 11px;}

#footerText {font-size: 11px;}

.news span {font-size: 10px;}

/* LINE HEIGHTS */
.makeDifference p, .featuresText p {line-height: 16px;}

.subPage p {line-height: 16px}

.news h2, .eventDescription  {line-height: 16px;}

/* MISC */
#header ul li a, .news span, .news h2, .moreNews, .eventDate, .eventLocation, .subPage h1, .subPage h2, .newsIndexDate, .backButton, .featureButton {font-weight: bold;}


.news h2 a:link, .news h2 a:active, .news h2 a:visited, .news h2 a:hover, .moreNews, .getLocal a:hover, .featuresText h2 a:link, .featuresText h2 a:visited, .featuresText h2 a:active, .subPage h2 a:link, .subPage h2 a:active, .subPage h2 a:visited, .subPage h2 a:hover, .subPage h3 a:link, .subPage h3 a:active, .subPage h3 a:visited,  .subPage h4 a:link, .subPage h4 a:active, .subPage h4 a:visited, .featuredVideo h2 a:link, .featuredVideo h2 a:active, .featuredVideo h2 a:visited, .backButton, .featureButton {text-decoration: none;}

.subPage h3 a:hover{
	text-decoration: none;
	font-size: 14px;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}

.test3{
	font-size: 14px;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
        color:#369;
}

.test3 a:hover{
	font-size: 14px;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
        color:#369;
}

.getLocal a:link, .getLocal a:active, .getLocal a:visited,  .subPage h4 a:hover, .subPage p a:link, .featuredVideo h2 a:hover  {text-decoration: underline;}

.news span, #searchSubmit, .subPage h1 {text-transform: uppercase;}

.news span {letter-spacing: 0px;}

.moreNews {background-color: #369; padding: 5px; float: right;}
.backButton, .featureButton {
	color:#FFF;
	background-color: #369; 
	text-decoration:none;
	padding: 5px; 
	float: center;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	}
	.twitterButton{
float:right;
color:#FFF;
	background-color: #369; 
	text-decoration:none;
	padding: 5px; 
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;	
        font-weight:bold;
margin-right:5px;
margin-left:0px;
margin-top:20px;
	}

div.twitterBox{
border:1px #555 solid; float:right;width:340px; height:98px; margin-top:10px; margin-right:5px;
background: url(https://secure.rainbowpush.org/page/-/images/gradientbg.gif) repeat-x;
}

.twitterBox img{
margin: 5px;

}

.makeDifference p, .featuresText p {margin: 8px 5px 8px 5px;}

.pressSingle p {margin: 0 0 15px 0;}

.subPage ul li {list-style-type: disc; line-height: 18px; margin: 0 0 10px 30px;}

.subPage ol li {list-style-type: decimal; line-height: 18px; margin: 0 0 10px 30px;}

.subPage h1, .subPage h2, .subPage h3, .subPage h4, .subPage p {margin: 0 0 15px 0;}

/* ----------------------------------------------------------
	GLOBAL STYLES
---------------------------------------------------------- */
body {background-color: #000; text-align: center;}

#container {width: 960px; margin: 0 auto; background-color: #fff; padding: 10px;}

/* ---------------------------
	HEADER
--------------------------- */
#header {width: 960px; padding: 0;}
#headerImages {width: 960px; height: 216px;}
#random {float: left;}
#logo {float: right;}

/* ---------------------------
    NAVIGATION 
--------------------------- */
#navContainer {position: relative; height: 42px; z-index: 40; background-color: #000;}
#header ul {width: 938px; height: 40px; background: url(https://secure.rainbowpush.org/page/-/images/menubar_bg.gif) repeat-x top left; border: 1px solid #000; padding: 0 10px 0 10px; margin: 0; position: absolute; left: 0; z-index: 15;}

#header ul ul {display:none; position:absolute; left:0; top:41px; margin:0; padding:0; width:176px; background: #000 border:none; text-align: left;}

#header ul ul li {width:175px; padding:0; background:#000; border-top:none; border-right:1px solid #333; border-left:1px solid #fff; text-align: left;}

#header ul ul li a {color:#fff; width:165px; padding:7px 5px; text-transform:none; border-top:none; border-right:none; border-left:none; border-bottom:1px solid #fff; font-weight: normal;}

#header ul ul li:first-child {border-top:none;}

/*main button rollovers*/
#header ul li.hover a, #header ul li:hover a, #header ul li.hover a:hover, #header ul li:hover a:hover {background: url(https://secure.rainbowpush.org/page/-/images/menubar_roll.png) repeat top left;}

/* submenu */
#header ul li.hover ul li a, #header ul li:hover ul li a{background:#000;}

#header ul li.hover ul li a:hover, #header ul li:hover ul li a:hover {background:#444;}

#header ul li {padding:0 0 0 0px; list-style:none; float:left; text-transform:uppercase;}
#header ul li:first-child {background: none;}
#header ul li a {text-decoration: none; padding: 13px 12px; display: block; float: left; text-transform: uppercase;}
#header ul li:hover a {color: #fff;}
#header ul ul li a:hover {text-decoration:underline;}
#header ul li.hover, #header ul li:hover {position:relative;}
#header ul li.hover ul, #header ul li:hover ul {display:block;}
#header ul ul li:hover, #header ul ul li.hover {background-color: #fff;}
#header ul ul li a:link {color: #fff;}
#header ul ul li a:hover {color: #fff; text-decoration: none; font-weight: normal;}

/* ---------------------------
	SIDEBAR
--------------------------- */
/* LAYOUT */
#sidebar {width: 328px; padding: 8px 0 8px 8px; float: right; background: #9ab url(https://secure.rainbowpush.org/page/-/images/sidebarBg.gif) repeat; text-align: left;}
.sidebarContent {width: 306px; background: #69c url(https://secure.rainbowpush.org/images/page/-/sidebarContentBg.gif) repeat; padding: 7px;}
.sidebarWrapper {margin: 0 0 8px 0;}

/* STAY INFORMED */

#stayInformed label {position: absolute; margin-left: -9999px;}
#stayInformed p {text-align: center;}
#stayInformed input {color: #999997; border: 1px solid; padding: 2px;}
#email {width: 120px;}
#zip {width: 75px;}
#stayInformed button {border: none; background: url(/page/-/images/searchSubmitBg.gif) 0 0 repeat-x; color: #FFF; padding: 1px; text-transform: uppercase;}

/* BROADCAST */
.floatLeft {float: left;}
.floatRight {float: right;}
.paddingTop, .getLocal ul {margin: 10px 0 0 0;}

/* SEARCH */
#searchSubmit {background: #000 url(https://secure.rainbowpush.org/page/-/images/searchSubmitBg.gif) repeat-x 0px 1px; height: 20px; border: 0px; padding: 2px 5px;}
#searchInput {width: 200px; background-color: #fff; border: 1px solid #ccc;}
.searchForm {text-align: center;}

/* ---------------------------
	FOOTER
--------------------------- */
#footer {width: 958px; height: 69px; border: 1px solid #000; margin: 10px 0 0 0; text-align: left;}
#footerLogo {width: 87px; height: 69px; float: left;}
#footerText {width: 851px; text-align: center; margin-top: 30px; float: left;}


/* ----------------------------------------------------------
	HOMEPAGE
---------------------------------------------------------- */

/* LAYOUT */
#leftContent {width: 619px; float: left; text-align: left;}
.homeColumnLeft {width: 305px; border: 1px solid #ccc; float: left; margin: 10px 0 0 0; text-align: left;}
.homeColumnLeftPadding {padding: 0 5px;}
.homeColumnRight {width: 304px; border: 1px solid #ccc; float: right; margin: 10px 0 0 0;}

/* FEATURED CONTENT */
#featuresContainer {width: 617px; height: 275px; border: 1px solid #ccc; text-align: left; align: left; margin: 5px 0 0 0; position: relative;}
.featuresContent {width: 600px; height: 250px; position: absolute; left: 0; z-index: 4;}
.featuresText {width: 230px; height:250px; position: absolute; top: 0px; left: 5px; text-align: justify; align: justify; overflow: hidden;}
.featuresContent img {position: absolute; top: 0px; right:-1px;}
.divider {width: 362px; height: 0px; padding: 0px; border-left: 1px solid #ccc; float: right; background: url(https://secure.rainbowpush.org/page/-/images/featureBackBlack.gif) no-repeat; }
.divider2 {width: 359px; height: 0px; border-left: 1px solid #ccc; position: absolute; top: 0; right: 2px; z-index: 5; padding: 5px;}
.navTopDivider {width: 245px; height: 1px; border-top: 1px solid #ccc; position: absolute; top: 246px; left: 0px; z-index: 10;}

.featuresText h2, .featuresText h2 a:link, .featuresText h2 a:active, .featuresText h2 a:visited{
color:#000;
}

.featuresText p{
       margin: 2px;
	padding:2px;

}

.featuresText h3{
	font-size:14px;
	color:#369;
	text-align: center; 
	align:center;
       margin: 2px;
padding:2px;

}

.featuresText h4{
	font-size:14px;
	color:#111;
	text-align: center; 
	align:center;
margin: 2px;
padding:2px;
}
.featuresText h5{
	clear:inherit;
	font-size: 12px;
	text-align: center; 
	align: center; 
margin: 2px;
padding:2px;
}

#featDate {
	color:#111;
	font-size: 11px;
        line-height: 13px;
     position: relative;
top: 10px;
	}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide {display: none;}}

/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav {display: none;}}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 18px;}
.ui-tabs-nav {list-style: none; margin: 0; padding: 0 0 0 4px; width: 268px; position: absolute; top: 246px; left: -6px; z-index: 10;}
/* clearing without presentational markup, IE gets extra treatment */
.ui-tabs-nav:after {display: block; clear: both; content: " ";}
.ui-tabs-nav li {float: left; margin: 0 -2px 0 1px; min-width: 50px; /* be nice to Opera */ background-color: #f5f5f5;}
.ui-tabs-nav a, .ui-tabs-nav a span {display: block; padding: 0 9px 0 9px;}

.ui-tabs-nav a {margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #cdcdcd; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ border-left: 1px solid #ccc; border-right: 1px solid #ccc; /* border-top: 1px solid #ccc; */}

.ui-tabs-nav .ui-tabs-selected a {position: relative; top: 0px; z-index: 50; margin-top: 0px; color: #c33; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: none; border-bottom: none;}

.ui-tabs-nav a span {width: 30px; /* IE 6 treats width as min-width */ min-width: 30px; height: 19px; /* IE 6 treats height as min-height */ min-height: 15px; padding-top: 5px; padding-bottom: 5px; padding-right: 0;}

*>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto;}
.ui-tabs-nav .ui-tabs-selected a span {}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-position: 100% -150px;}

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {background-position: 100% -100px;}

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -50px;}

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {background-position: 0 0;}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text;}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer;}

.ui-tabs-disabled {opacity: .4; filter: alpha(opacity=40);}
.ui-tabs-panel {/*border-bottom: 1px solid red;*/height:258px; padding: 8px; background: url(https://secure.rainbowpush.org/page/-/images/featureBack.gif) no-repeat; /* declare background color for container to avoid distorted fonts in IE while fading */}
.ui-tabs-loading em {padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%;}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block;}

*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */display: inline-block;}

/* TAKE ACTION SLIDER */
#takeActionContainer {border: 1px solid #000; width: 617px; margin: 15px 0; height: 75px; position: relative; z-index: 14; overflow: hidden;}

#takeActionImage {width: 124px; height: 75px; background: url(https://secure.rainbowpush.org/page/-/images/take-action.png) no-repeat; position: absolute; left: 0; z-index: 13;}

.takeActionCarousel {width: 499px; height: 75px; background: url(https://secure.rainbowpush.org/page/-/images/take-action-bg.jpg); repeat-x; float: right;}

.takeActionCarousel ul li {margin: 3px 0 0 0; padding: 0 10px;}

/* EVENT FINDER */
.eventsHomepage {text-align: center; padding: 0 0 10px 0;}
.eventEntry {padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; width: 260px; margin: 0 auto 0 auto; text-align: left;}
.eventEntry a{text-decoration:none; color:#369;}
.eventsHomepage p {padding: 10px 0 10px 0; width: 260px; margin: 0 auto 0 auto; text-align: right;}

/* GET LOCAL */

#getLocalContents {padding: 10px;}
.getLocal ul {display: block; width: 280px; float: right;}
.getLocal ul li {margin: 0 0 8px 0;}

/* MAKE A DIFFERENCE */
.makeDifference center {margin: 10px 0 10px 0;}

/* LOGO BLOCKS */
.blockLogoContainer {width: 154px; float: left; margin: 10px 0 0 0; text-align: center;}
.blockLogoContainer a, .moreNews, .featuredVideo h2 {margin: 10px 0 0 0;}
.grayOutline {border: 1px solid #ccc; margin: 0 0 10px 0; display: block;}
.grayOutline1 {border: 1px solid #ccc; margin: 0 0 10px 0; padding: 20px; display: block;}
/* ----------------------------------------------------------
	SUB PAGES
---------------------------------------------------------- */
/* LAYOUT */
#pressIndex {width: 619px; float: left; text-align: left; margin: 15px 0 0 0;}
#leftColumn{width: 581px; float: left; text-align: left; align: left; margin: 15px 20px 0 20px;}
#leftColumn h5{position: relative; top: -8px;}
#contentFullWidth {width: 960px; margin: 15px 0 0 0; text-align: left;}

/* PRESS RELEASES */
#pressContainer {width: 599px; margin: 0 auto;}
#pressIndex {text-align: left;}
#pressContainer {margin: 0 0 20px 0;}
#pressDate {float: left; width: 55px; text-align: left; margin: 2px 0 0 0;}
#pressInfo {float: right; width: 544px; text-align: left;}
#pressInfo h2 {margin: 0 0 7px 0;}
.pressSingle span {display: block; margin: 10px 0 10px 0;}

/* NEWS */
.newsTemplate h2 {margin: 0 0 10px 0;}
.newsTemplate p {margin: 0 0 15px 0;}


/* EVENT FIXES */
.main {font-family: Verdana, "Lucida Grande", sans-serif;}
th {padding: 0 0 8px 0;}



/*--------------------------------------------------------------
STYLING FOR FORMS
----------------------------------------------------------------*/
label {
	font-size: 14px;
        font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
        color: #333;
        padding: 1;
}

label.field {
	font-size: 14px;
        font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
        color: #036;
}

#signup tbody tr td table tbody tr td input, #signup tbody tr td table tbody tr td select {
	margin: 5px 5px 5px 0px;
}

#signup span {
	line-height: 0px;	
}

#signup tbody tr td table tbody tr td {
	font-size: 16px;
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-weight:bold;
   	color: #036;
	text-align: left;
	height: 20px;
}

#signupheader{
	padding-top: 15px;
	text-align: left;
}

#signupheader h1{
	border-bottom: 1px solid;
	border-bottom-color:#777;
	padding-top: 15px;
	text-align: left;
}



/* SECTION HEADERS */
#contribution td.contribheader { 
  padding-top: 15px;
  border-bottom: solid 1px #666;
  text-align: left;
  font-weight: bold;
 }


/*SUBPAGE HEADERS */
.subPage h1{
	border-bottom: 1px solid;
	border-bottom-color:#ccc;
	padding-top: 15px;
	text-align: left;
}

.subPage h5 {
font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:12px;
line-height:0;
padding-top:0;
text-align:left;
}


.featuresText h2{
    margin-bottom: 0px;
    margin-top: 10px;
	border-bottom: 0px solid;
	border-bottom-color:#ccc;
	}

.featureButton{
	position:absolute; 
	right:0px; 
	bottom:10px;
}



/* Links */
.links a:link{
font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
color:#369;
text-decoration:none;
font-size:13px;
}

.links a:hover{
font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
text-decoration:underline;
font-size:13px;
}

.links a:visited {
font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
text-decoration:none;
font-size:13px;
color:#369;
}

.subPage a:visited{
font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
text-decoration:none;
color:#369;
}

.backButton a:visited{
color: FFF;
}

.fbButton{
margin-top: 15px;
}

/* Trade Page */
.tradeBar a:link{
color:#FFFFFF;
}

.upfrontBottom h3, .upfrontBottom h4{
color: #000;
text-align: center;
}

#getInvolved{
width: 580px;
height: 100px;
position:relative;
top: -15px;
}

#getInvolved p {
position: relative;
top: -15px;
}

#getInvolved img{
border: 0px;
}
#tradefloatright {
float: right;
margin-left: 10px;
}
.tradeButton{
clear:both;
background-color: #369; 
padding: 5px; 
float: center;
color: #fff;
font-weight:bold;
}
.tradeBanner{
border: 3px solid #336699;
position: relative;
top: -30px;
margin-bottom: -20px;
}

.satTitle {
position: relative;
top: -35px;
}
.satTitle-thin {
position: relative;
top: -35px;
}
.satForum{float: right;}

.membershipBox0 strong {
margin-top: 5px;
}
.membershipBox0 {
float: left;
border: 1px solid rgb(204, 204, 204);
margin: 8px; 0 10px 0;
width: 175px;
text-align: center;

background: url(https://secure.rainbowpush.org/page/-/images/gradientbg.gif) repeat-x;
}
.membershipBox {
border: 1px solid rgb(204, 204, 204);
margin: 0 0 10px 0;
background: url(https://secure.rainbowpush.org/page/-/images/gradientbg.gif) repeat-x;
}
.membershipBox p{
margin: 0 20px 20px 20px;
}
.membershipBox h4{
clear:inherit;
margin: 5px 10px 10px 10px;
}

.staffBox {
border: 1px solid rgb(204, 204, 204);
margin: 0 0 10px 0;
background: url(https://secure.rainbowpush.org/page/-/images/gradientbg.gif) repeat-x;
}
.staffBox p{
line-height:14px;
margin:0 30px 5px;
}

.staffBox h3{
margin:0 5px 5px;
}

/*--19th Annual Page --*/
#annual-cont{
 height: 530px;
 width: 419px;
 background: url('http://rainbowpush.org/page/-/images/juneFlyer72.jpg') top center no-repeat;
 padding-right: 20px;
margin: 0 auto;
}
#annual-cont img{
 float: right;
 position: relative;
 top: 372px;
}
.or {
 float: left;
 padding-top: 250px;
 font-weight: bold;
 font-size: 18px;
}
.conf-program table{
 width: 98%;
 padding: 5px;
 margin: 10px;
 font-family: Helvetica, Verdana, Arial;
 font-size: 14px;
}
.conf-program table td{
 padding: 8px;
}
.conf-program table .dayTheme{
 font-size: 16px;
 color: #666666;
}
.conf-program table th{
 color: #039;
 font-family: Helvetica, Verdana, Arial;
 font-size: 18px;
}
.twitter{font-family: Helvetica, Verdana, Arial; font-size: 10px;}

#ram-content{background: url(http://rainbowpush.org/page/-/images/ram-bg.jpg) 20px top no-repeat; padding-right: 10px;}
#ram-left{float: left;}
.ram-pics{padding-left: 25px;}
#ram-march{padding-top: 18px; margin-bottom: 10px;}
#ram-right{float: left; width: 330px;}
.clear{clear: both; line-height: 0;}
.flt-rt{float: right;font-family: arial; padding-top: 2px;}
#endorsements{text-align: center; border-top: solid 1px #000000;}
#endorsements ul li{text-align: left; width: 185px;}
#endorsers{text-align: center;}
#endorsers ul li{text-align: left;}
#ram-table{margin: 5px 15px; padding: 5px;padding-top: 0; margin-top: 0;}
#ram-table td{width: 255px; padding-top: 0; font-size: 14px;}
.ram-td-rt{padding-left: 25px;}
.ram-cap{color: #AAA; margin-bottom: 1px; font-style: italic; font-size: 10px!important; line-height: 12px!important;}
.main-wside{width: 64%; float: left;}