@charset "UTF-8";
/* CSS Document */


body { 
	font-family: Arial;
	color:#444;
	margin:0;
	padding:0;
	background-image: url(http://progressnowcolorado.org/page/-/10-national/bg1.jpg);
	}

h1 { font-size:22px; }
h2 { font-size:18px; margin:0 !important; }
h3 { margin:10px 0 0 0; }

p { 
        font-size:16px;
        line-height:20px;
        color:#666;
        font-weight:normal;
        margin:0 0 12px 0;
}
	
a, a:visited { 
	color:#888;
	text-decoration: none;
	}
	
a:hover { 
	color:#cc0000;
	}		

li {
        list-style-image:url(http://progressnowcolorado.org/page/-/10-national/images/bullet.gif);
        margin:0 0 12px 0;
}
	
#wrapper {
	width:960px;
	margin:0px auto;
	}
	
#header { 
	width:960px;
	margin:0;
	padding:0;
	height:137px;	
	}	
	

#logo {
	float:left;
	width:548px;
	height:88px;
	}	

#newslettersignup { 
	padding:5px; 
	float:right; 
	width:390px; 
	height:48px; 
	background-image:url(http://progressnowcolorado.org/page/-/10-national/shade.jpg);	
	}	
	
		
.mainNav {
	list-style: none;
	float:left;
	margin:10px 0 0 10px;
	padding:0;	
	font-weight: bold;
}

.mainNav li {
	display:inline; 
	color:#666;
	font-size:12px;
	letter-spacing: 2px;
	}		
	
	
#donate {
	float:right; 
	width:213px;
	margin:0 0 10px 0;
	}		
	
	
#contentPane { 
	margin:10px 0 0 0;
	padding:10px 10px; 
	background-color: white;
}	

#contentPane p {
	font-size:14px;
	line-height: 20px;
	color:#888;
	}

#leftColumn {
	width:600px;
	padding-right:20px;
	float:left;
	border-right: 1px solid #ccc;
	
}

#rightColumn {
	width:303px;
	float:right;
	margin:0 0 0 0;
}	

.landing #leftColumn {
	width: 939px;
	border-right:none; 
	padding-right: 0;
	}
.landing #rightColumn {
	display:none;
	}

.landing #mapIntro {
	float:left; 
	width:303px; 
	margin:0 20px 0 0;
}	

#footer {
	border-top:1px solid #ccc;
	margin-top:10px;
	}
	
#footer p { 
	text-align:center;
	font-size:11px;
}	
	
	
input[type=text] { 
	height:30px; 
	font-size: 20px;
	color:#444;
	}	
	
#mailform p { margin:0; }
#mailform .label { 
	margin: 0 10px 0 0;
	padding:0 0 10px 0; 
	text-align:right;
	}
	
#mailform input.error { background-color:#fbfcd4;}
#mailform .error {  }	
	
#mailform .label_required {
	font-size:12px;
	margin:0 0 22px 0;
	}	
	

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

.photoLeft { margin:0 20px 20px 0 }
.photoRight { margin:0 0 20px 20px; }

.clearFloat {
	clear:both; 
	}
	

a.getInvolved {
   color:white;
    background-color:#cc0000;
    padding:5px;
    white-space:nowrap; 
    margin-top:10px;
    font-size:16px;
}	

a.getInvolved { color:white; !important }
a.getInvolved a:hover { color:white; text-decoration:underline; }

.featureBox {
	float:left;
	width:605px;
	border:1px solid #ccc;
	padding:3px;
	}	

.featureCaption {
	background-color:#333;
	width:605px;
	height:100px;
	}

div.featureScrollable { 
    position:relative; 
    overflow:hidden; 
    height: 214px; 
    width: 605px; 
	} 

div.featureScrollable a {margin:0; padding:0; }
 
/* root element for scrollable items */ 
div.featureScrollable div.items { 
    position:absolute; 
    height:20000em; 
	}




div.scrollableCaptions { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden;  
    height: 85px; 
    width: 550px; 
    float:left;
    margin:10px 0 0 10px; 
} 
 
/* root element for scrollable items */ 
div.scrollableCaptions div.items { 
    position:absolute;  
    height:20000em; 
}


div.scrollableCaptions div.items li {
	display:block;
 list-style-image:none !Important;
   list-style-type:none !important;	margin:0;
	padding:0;
	color:white;
	height:85px;
       font-size:22px;
line-height:30px;
}




	
#featureButtons {
	float:right; 
	margin:4px 5px 0 0;
	padding:0;
}

#featureButtons li {
	background-color:#314095;
	display:block;
	padding:2px 0 0 0;
	margin:2px;
	height:19px;
	width:24px;
	color:white;
	text-align: center;
 list-style-image:none !Important;
   list-style-type:none !important;
}

#featureButtons li a
	{
	margin:0px;
	padding:0px;
	color:white;
}


#scrollContainer {
    border:1px solid #ccc; 
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 903px; 
    height:100px; 
    float:left;
} 

div.scrollable img { border:none; }
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
    border:none;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
    border:none;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:17px;
	height:100px;
	float:left;
	margin:0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { 	
	background:url(http://progressnowcolorado.org/page/-/10-national/slider_next.jpg) no-repeat; 
	clear:right; 
	margin-right: 0px;
	}


/* left */
a.left { 
	background:url(http://progressnowcolorado.org/page/-/10-national/slider_back.jpg) no-repeat; 
	margin-left: 0px; 
	}
	 

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	



/* HOME PAGE FEEDS */

.zebraOn { background-color: white;}

#feedHeader {
	background-color:#333;
	height:47px;
	width:100%;
	margin-top:20px;
	}
	
#feedHeader img {
	margin:5px 0 0 10px;
        vertical-align:text-bottom;
	}
	
#subscribeIcon {
	float:right;
	margin:5px 10px 0 0;
	}	
	
#feedContainer {
	background-image:url(http://progressnowcolorado.org/page/-/10-national/shade.jpg);
	width:100%;
	}	
	
.feedState { 
	text-align:center;
	width:100px;
}	

.cell { 
	padding:5px;
	}
	
.feed h4 { 
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 11px;
	color:#777;
	margin:0;
}

.feed p {
	font-size:18px !important;
	color:#222 !important;
	margin:8px 0 0 0;
}

.feed a {
	color:#000088;
}


.feed div { font-size:12px; }

/* ABOUT TEMPLATE */

#aboutMenu {}
#aboutMenu li { color:#aaa; }
#aboutMenuHeader {
       width:100%;
       height:47px;
       background-color:#333;
}

#aboutMenuHeader h2 {
      font-size:22px;
      color:white;
      padding:10px 0 0 10px;
      margin:0;
}





/* GOOGLE FEEDS CSS */


.gf-title { font-size:14px; font-weight:bold; }
.gf-title { color: #cc0000; }

.gf-snippet { 
   font-size:12px; 
   color:#999;
margin-bottom:20px;
}


.gfc-title { font-size:18px; font-weight:bold; }

.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  border: 1px solid #BCCDF0;
}

.gfg-root a { 
  color:#CC0000;
  font-weight:bold;
  text-decoration:none;
}

.gfg-title {
  display:none;
  font-size: 14px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-title a {
  color : #3366cc;
}

.gfg-subtitle {
  font-size: 14px;
  font-weight : bold;
  color : #ccc;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin: 0 0 5px 10px;
}

.gfg-subtitle a {
  color : #333;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : auto;
  height : 100%;
  padding-left : 10px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}
 .gfc-title {
font-size:16px;
margin-top:10px;
}

.gf-title {
margin-bottom:0px;
}
/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gf-relativePublishedDate, .gf-author {
font-size:10px;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}