/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0;}

/* Normalizes font size for headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%;}

/* Remoes liststyle from lists */
ol,ul
{ list-style : none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal;}

/* Removes list-style from lists */
table
{ border : collapse; border-spacing : 0;}

/* Removes border from fieldset and img */
fieldset, img
{ border :0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align : left;}

/* Removes quotation marks from q */
q:before, q:after
{ content :''; }

/* IE6 .png support */
.image *, li#nav-join img { behavior: url(/iepngfix.htc) }

/*****************************************************************************
**
**  Basic page and typographic styles
**
*****************************************************************************/

body {
	background: black;
}

.clearfix:after {
	content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* Left align IE6 labels, otherwise they don't fit */
/* Begin hide from IE5/mac \*/
* html label.fatfix {
	width: 10px;
}

* html .fatfix label {
	width: 1000px;
}
/* End hide from IE5/mac */

h1 {
	font: normal normal normal 1.8em Arial, sans-serif;
	color: #585858;
	padding-bottom: 0.5em;
	text-transform: uppercase;
}

h1 span {
	color: #6a9acb;
}

h2 {
	font: normal normal normal 1em Arial, sans-serif;
	color: #6a9acb;
}

p {
	font: normal normal normal 12px/1.5em Arial, sans-serif;
	color: #363636;
	padding-bottom: 1em;
}

td {
	font: normal normal normal 12px/1.5em Arial, sans-serif;
	color: #363636;
}

label {
	font: normal normal normal 12px/1.5em Arial, sans-serif;
	color: #363636;
	line-height: 1.8em;
}

a {
	text-decoration: none;
	color: #df5e00;
}

p a:hover {
	text-decoration: underline;
	color: #bd5000;
}

#wrapper {
	width: 968px;
	position: relative;
	margin: 15px auto 0 auto;
}

#header {
	width: 970px;
	height: 185px;
	background: transparent url('/img/header.gif') -1px 0 no-repeat;
}

#content {
	width: 944px;
	min-height: 100px;
	padding: 15px 0 30px 24px;
	overflow: auto;
	float: left;
	background-color: white;
}

.textbox {
	border: solid 1px #b3ccea;
}


/*****************************************************************************
**
**  Button styles
**
*****************************************************************************/

	button { 
		border:0; 
		cursor:pointer; 
		padding:0 13px 0 0; 
		text-align:center; 
		background:url('/img/button-r.gif') right no-repeat; 
		text-transform: uppercase;
	}
	
	button span {
		position:relative; 
		display:block; 
		white-space:nowrap; 
		padding:0 10px 0 23px; 
		height:31px; 
		line-height:31px;
		background:url('/img/button-l.gif') left no-repeat;
		color:#fff;
	}
	
	* + html button {
		padding: 0;
	}

	button:hover, .button-hover {
		background:url('/img/button-r-h.gif') right no-repeat; 
	}
	
	button:hover span, .button-hover-span {
		background:url('/img/button-l-h.gif') left no-repeat; 
	}
	
	#admin-wrapper button {
		background: url('/img/admin-button-r.png') right no-repeat;
	}
	
	#admin-wrapper button span {
		background: url('/img/admin-button-l.png') left no-repeat;
	}
	
	#admin-wrapper button:hover {
		background: url('/img/admin-button-r-h.png') right no-repeat;
	}
	
	#admin-wrapper button:hover span {
		background: url('/img/admin-button-l-h.png') left no-repeat;
	}

    /* if IE */
	button { 
	  _width:auto; 
	  _overflow:visible; 
	}
	button span { 
	  _margin-top:1px; 
	}


/*****************************************************************************
**
**  Navigation styles
**
*****************************************************************************/

#nav {
	width: 920px;
	height: 43px;
	padding: 33px 24px 0 24px;
	margin: 0 auto;
	background-color: white;
}

#nav-left {
	width: 17px;
	height: 43px;
	float: left;
	background: transparent url('/img/nav-leftcap.gif') left 0 no-repeat;
}

li#nav-join {
	position: relative;
	padding-right: 0;
	float: right;
}

li#nav-join img {
	position: absolute;
	left: 0;
	_left: 620px;
	top: 10px;
	margin-left: 20px;
	z-index: 1000;
}

/* Begin hide from IE Mac \*/
* html li#nav-join {
	position: static;
}
* html li#nav-join img {
	left: 620px;
}

* + html li#nav-join {
	position: static;
}
* + html li#nav-join img {
	left: 620px;
}
/* End hide */


li#nav-join a {
	margin-left: 40px;
}

#nav-right {
	width: 17px;
	height: 43px;
	float: right;
	background: transparent url('/img/nav-rightcap.gif') right 0 no-repeat;
}

/* Lavalamp styles */
 .lavaLampNoImage {
    position: relative;
    height: 41px;
    width: 886px;
    background-color: white;
    overflow: hidden;
	float: left;
	background: transparent url('/img/nav-tile.gif') 0 0 repeat-x;
}

.lavaLampNoImage li {
    float: left;
    list-style: none;
}

.lavaLampNoImage li.back {
    background-color: #426b86;
    width: 9px;
    height: 41px;
    z-index: 8;
    position: absolute;
}

.lavaLampNoImage li a {
    font: normal 1em arial;
    text-decoration: none;
    color: #fff;
    outline: none;
    text-align: center;
	line-height: 2em;
    top: 7px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: auto 20px;
	_margin: auto 10px;
}

.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
    border: none;
}



/*****************************************************************************
**
**  Flash errors
**
*****************************************************************************/

.flash-errors {
	background-color:#FFE6E3;
	border:1px solid #E1A49C;
	float:left;
	margin-bottom:15px;
	padding:10px;
	width:634px;
}

.flash-errors li {
	font: normal normal normal 12px/18px Arial, sans-serif;
	color: red;
	margin: auto 0;
	text-align: center;
}

/*****************************************************************************
**
**  Flash messages
**
*****************************************************************************/

.flash-messages {
	background-color:#e7ffe3;
	border:1px solid #84d077;
	float:left;
	margin-bottom:15px;
	padding:10px;
	width:634px;
}

.flash-messages li {
	font: normal normal normal 12px/18px Arial, sans-serif;
	color: green;
	margin: auto 0;
	text-align: center;
}

/*****************************************************************************
**
**  Message Box 
**
*****************************************************************************/
#mb {
	display: none;
	position: fixed;
	width: 512px;
	left: 50%;
	top: 50%;
	z-index: 99999;
}

/* Emulate position: fixed for IE6 */
/* Hide from IE/mac \*/
* html body, * html {
	height: 100%;
} 

* html #mb {
	position: absolute;
}
/* End hide from IE/mac */

#mb-top-left, #mb-top-right, #mb-bottom-left, #mb-bottom-right {
	position: absolute;
	height: 36px;
	width: 36px;
}

#mb-top-left {
	left: 0;
	top: 0;
	background: transparent url('/img/mb-top-left.png') bottom right no-repeat;
}
#mb-top-middle {
	position: absolute;
	height: 36px;
	width: 440px;
	left: 36px;
	top: 0;
	background: transparent url('/img/mb-top-middle.png') 0 bottom repeat-x;
}
#mb-top-right {
	left: 476px;
	top: 0;
	background: transparent url('/img/mb-top-right.png') bottom left no-repeat;
}

#mb-middle-left {
	position: absolute;
	width: 36px;
	height: 150px;
	top: 36px;
	left: 0;
	background: transparent url('/img/mb-middle-left.png') right 0 repeat-y;
}
#mb-content {
	position: absolute;
	height: 150px;
	width: 440px;
	left: 36px;
	top: 36px;
	background: transparent url('/img/mb-background.png') 0 0 repeat;
}
#mb-content p {
	text-align: left;
	overflow: visible;
}
#mb-middle-right {
	position: absolute;
	width: 36px;
	height: 150px;
	left: 476px;
	top: 36px;
	background: transparent url('/img/mb-middle-right.png') left 0 repeat-y;
}

#mb-bottom-left {
	background: transparent url('/img/mb-bottom-left.png') top right no-repeat;
	top: 186px;
	left: 0;
}
#mb-bottom-middle {
	position: absolute;
	height: 36px;
	width: 440px;
	left: 36px;
	top: 186px;
	background: transparent url('/img/mb-bottom-middle.png') 0 top repeat-x;
}
#mb-bottom-right {
	top: 186px;
	left: 476px;
	background: transparent url('/img/mb-bottom-right.png') top left no-repeat;
}

#mb-shadow-top {
	position: absolute;
	height:16px;
	width: 539px;
	top: -16px;
	
	left: 0;
	background: transparent url('/img/mb-shadow-top.png') 0 bottom no-repeat;
}
#mb-shadow-left {
	position: absolute;
	height: 250px;
	width: 17px;
	top: 0;
	left: -17px;
	background: transparent url('/img/mb-shadow-left.png') 0 0 no-repeat;
}
#mb-shadow-right {
	position: absolute;
	height: 255px;
	width: 33px;
	top: 0;
	left: 512px;
	background: transparent url('/img/mb-shadow-right.png') 0 top no-repeat;
}
#mb-shadow-bottom {
	position: absolute;
	height: 34px;
	width: 512px;
	top: 222px;
	left: 0px;
	background: transparent url('/img/mb-shadow-bottom.png') 0 0 no-repeat;
}

#mb-content h2 {
	color: white;
	font: normal 1.3em/1.5em Helvetica, Arial, sans-serif;
	padding-bottom: 10px;
}
#mb-content p {
	color: #ababab;
	font: normal 0.8em/1.5em Helvetica, Arial, sans-serif;
	padding-bottom: 15px;
}

#mb-content #button-container {
	position: absolute;
	height: 30px;
	left: 230px;
	text-align: right;
	top: 120px;
	width: 210px;
}

#mb-content .mb-button {
	cursor: pointer;
	/*padding-right: 10px;*/
	float: right;
}

* + html #mb-content .mb-button {
	float: none;
}

#mb label {
	color: #ababab;
	display: block;
	width: 80px;
	float: left;
	text-align: right;
	margin-right: 20px;
}

#mb input {
	width: 	320px;
	font-size: 0.7em;
	border: 1px solid #AAAAAA;
	padding: 3px;
	margin-bottom: 10px;
}

/* Hide from IE/mac \*/
* html #mb form {
	margin-top: -20px;
}

* html #mb label {
	margin-bottom: 9px;
}

* html #mb input {
	margin-bottom: 7px;
}

* html #mb div.control {
	display: block;
	float: right;
}

* html #mb-shadow-top {
	top: -19px;
}
/* End hide */

#mb button {
	padding: 25px 85px 0 0;
	height: 1%;
	overflow: hidden;
	float: right;
}

#mb-submit {
	background: transparent url('/img/mb-button-yes.png') 0 0 no-repeat;	
}

button#mb-sign {
	float: none;
	background: transparent url('/img/mb-button-sign.png') 0 0 no-repeat;
	width: 132px;
	margin-right: 10px;
}

button#mb-cancel {
	float: none;
	background: transparent url('/img/mb-button-cancel.png') 0 0 no-repeat;
	width: 101px;
	margin-right: 10px;
}

#mb-content #mb-cancel-st {
	float: left;
}

#mb-no {
	background: transparent url('/img/mb-button-no.png') 0 0 no-repeat;
}

#mb f {
	padding-left: 129px;
	font: normal normal normal 0.75em/1.5em Arial, sans-serif;
	color: red;
}

/* Le Grande IE7 "Sign Petition" Style Massacre */
* + html #mb-content form:first-child {
	margin-top: -20px;
}
* + html #mb-content form input {
	float: left;
	width: 320px;
	margin-bottom: 10px;
}
* + html #mb-content form label {
	clear: both;
	margin-bottom: 10px;
}
* + html #mb-content form .control {
	float: right;
}
* + html #mb-content form button {
	margin-top: 8px;
}

/*****************************************************************************
**
**  Main page layout
**
*****************************************************************************/

#main {
	float: left;
	width: 656px;
}

#main .top {
	width: 656px;
	height: 15px;
	background: transparent url('/img/main-topcap.gif') 0 0 no-repeat;
}

#main .top-home {
	width: 656px;
	height: 15px;
	background: #fafafa url('/img/main-topcap-home.gif') 0 0 no-repeat;
}

#main .middle {
	min-height: 100px;
	padding: 0 30px 0px;
	background: transparent url('/img/main-tile.gif') 0 0 repeat-y;
}

#main .bottom {
	width: 656px;
	height: 19px;
	background: transparent url('/img/main-bottomcap.gif') 0 0 no-repeat;
}

#main .bottom-blue {
	width: 656px;
	height: 19px;
	background: transparent url('/img/main-bottomcap-blue.gif') 0 0 no-repeat;
}

.breadcrumb {
	padding-bottom: 20px;
}

.breadcrumb li {
	display: inline;
	font: normal normal normal 0.7em Arial, sans-serif;
	color: #cccccc;
	text-transform: uppercase;
}

.breadcrumb .arrow {
	padding: 0 8px;
}

.breadcrumb a {
	color: #cccccc;
	text-decoration: underline;
}

/*****************************************************************************
**
**  Home content styles
**
*****************************************************************************/

#latest {
	width: 594px;
	margin: 0 -29px;
	padding: 15px 30px 15px 30px;
	overflow: auto;
	border-bottom: solid 1px #b6cedc;
	background: #fafafa url('/img/latest-backtile.png') 0 bottom repeat-x;
}

#latest p {
	padding-bottom: 25px;
}

#latest h2 {
	padding-bottom: 4px;
}

#latest img#latest-img {
	float: left;
	width: 140px;
	margin-right: 20px;
	border: solid 1px #8aafc5;
}

#latest-subscribe, #latest-more {
	position: relative;
	padding-left: 38px;
	float: left;
}

/* Temporarily hide the subscribe button from featured campaign. Remove from markup later if necessary */
#latest-subscribe, #latest-subscribe img {
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#latest-button-divider {
	float: left;
	margin: 0 20px;
	
	/* temporary hide */
	width: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#latest-more img, #latest-subscribe img {
	position: absolute;
	left: 0;
}

#latest-more img {
	top: 3px;
}

table#home-table {
	border-spacing: 0 25px;
	margin: 20px 0;
	_margin: 0 -25px;
}

table h2 {
	font-size: 1.4em;
	padding-bottom: 4px;
}

tr td:first-child {
	padding-right: 20px;
}

td.home-table {
	padding-left: 8px;
	width: 50%;
	border-left: solid 2px #6a9acb;
}

#index-bottom-banner {
	margin-left: -10px;
}

/*****************************************************************************
**
**  Campaigns content styles
**
*****************************************************************************/

#campaigns {
	width: 596px;
	_margin-left: -29px;
	_width: 652px;
}

#campaigns li:first-child {
	border-top: solid 1px #eeeeee;
}

#campaigns li {
	margin: 0 -29px;
	padding: 16px 30px;
	_padding: 16px 59px;
	border-bottom: solid 1px #eeeeee;
	overflow: auto;
	_width: 564px;
}

#campaigns h2 {
	padding-bottom: 4px;
}

#campaigns p {
	padding-bottom: 0;
	margin-left: 158px;
}

p#campaigns-controls {
	float: right;
	margin-top: -35px;
}

#campaigns a.campaigns-img {
	float: left;
}

#campaigns li img {
	clear: left;
	margin-right: 16px;
	border: solid 1px #8aafc5;
}

#campaigns li.even {
	background-color: #f2f7f9;
}

#campaigns div.no-image {
	float: left; 
	width: 140px; 
	height: 140px; 
	margin-right: 20px;
}

/*****************************************************************************
**
**  Campaign content styles
**
*****************************************************************************/

#single-wrapper {
	overflow: hidden;
	width: 100%;
}

#main .image {
	position: relative;
	float: right;
	width: 220px;
	margin: 0 0 10px 20px;
}

#main .image-frame-topleft {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background: transparent url('/img/image-frame-topleft.png') left top no-repeat;
	z-index: 9999;
}

#main .image-frame-toptile {
	position: absolute;
	top: 0;
	left: 15px;
	height: 15px;
	width: 190px;
	background: transparent url('/img/image-frame-toptile.png') 0 top repeat-x;
	z-index: 9998;
}

#main .image-frame-topright {
	position: absolute;
	top: 0;
	left: 205px;
	height: 15px;
	width: 15px;
	float: right;
	background: transparent url('/img/image-frame-topright.png') right top no-repeat;
	z-index: 9999;
}
#main .image-frame-middle {
	margin-top: 5px;
	width: 220px;
	background: transparent url('/img/image-frame-middletile.png') 0 0 repeat-y;
	z-index: 9997;
}

#main img.photo {
	width: 210px;
	margin-left: 5px;
}

#main .image-frame-bottom {
	margin-top: -15px;
	_margin-top: -18px;
}

#main .image-frame-bottomleft {
	position: relative;
	height: 15px;
	width: 15px;
	float: left;
	background: transparent url('/img/image-frame-bottomleft.png') left bottom no-repeat;
	z-index: 9999;
}

#main .image-frame-bottomtile {
	position: relative;
	height: 15px;
	width: 190px;
	float: left;
	background: transparent url('/img/image-frame-bottom.png') 0 bottom repeat-x;
	z-index: 9998;
}

#main .image-frame-bottomright {
	position: relative;
	height: 15px;
	width: 15px;
	float: right;
	background: transparent url('/img/image-frame-bottomright.png') right top no-repeat;
	z-index: 9999;
}

#action-list {
	margin-top: 30px;
	display: block;
	font: normal normal normal 0.7em/1.5em Arial, sans-serif;
	overflow: hidden;
}

#action-list li.actions-titlebar {
	padding: 3px 10px;
	color:  #df5e00;
	border-top: 1px solid #df5e00;
	background-color: #fff5ec;
}

#action-list li.item {
	display: inline;
	float: left;
	clear: both;
	width: 100%;
	color:  #df5e00;
	border-bottom: 1px solid #efefef;
	padding: 3px 10px;
	cursor: pointer;
	background-color: white;
}

#action-list li a {
	margin: -3px -10px;
	padding: 3px 10px;
	width: 200px;
}
#action-list li.item.first {
	border-top: 1px solid #efefef;
	margin-top: 0;
}
#action-list li.item.first:hover, #action-list li.action-list-item-first-hover {
	margin-top: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}


#action-list li.item:hover {
	margin-top: -1px;
	background-color: #fff5ec;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #fce9d7;
	border-bottom: 1px solid #fce9d7;
}

#action-list li.action-list-item-hover {
	background-color: #fff5ec;
}

#action-list .icon {
	padding-right: 10px;
	margin-bottom: -3px;
}
#action-list .document a {
	padding-left: 10px;
}

#campaign-actions {
	overflow: auto;
	padding-top: 20px;
}

#campaign-actions > * {
	font: normal normal normal 0.75em/1.5em Arial, sans-serif;
	color: #acacac;
	float:left;
	font-size:8.5pt;
	height: 54px;
	line-height:1.1em;
	margin-bottom:0pt;
	margin-right:30px;
	padding-bottom:0pt;
	position:relative;
	width:178px;
	cursor: pointer;
}

#campaign-actions > *.hilited-tab {
	background: transparent url('/img/actions-menu-tab-middle.gif') 0 top repeat-x;
	color: #3979ba;
}

#campaign-actions > *.selected-tab {
	background: transparent url('/img/actions-menu-tab-middle.gif') 0 top repeat-x;
	color: #3979ba;
}

.tab-left {
	width: 16px;
	height: 53px;
	float: left;
	display: inline;
	margin-top: 1px;
	margin-right: 29px;
}

.selected-tab .tab-left, .hilited-tab .tab-left {
	background: transparent url('/img/actions-menu-tab-left.gif') 0 top no-repeat;
}

.tab-right {
	width: 16px;
	height: 53px;
	float: right;
	display: inline;
	margin-top: 1px;
}

.selected-tab .tab-right, .hilited-tab .tab-right {
	background: transparent url('/img/actions-menu-tab-right.gif') 0 top no-repeat;
}

.tab-text {
	display: inline;
	float: left;
	padding-top: 10px;
	width: 116px;
}

#campaign-tab-sign {
	margin-right: 0;
}

#campaign-tab-view img, #campaign-tab-subscribe img, #campaign-tab-sign img {
	position: absolute;
	left: -5px;
}

#campaign-action-pane {
	position: relative;
	width: 594px;
	margin: 0 -29px;
	overflow: auto;
	padding: 25px 30px 15px 30px;
	border-top: solid 1px #e9eff4;
	background-color: #fafcfd;
	overflow: hidden;
}

/*#campaign-action-pane > div {
	margin: 30px 30px 15px 30px;
}*/

#campaign-subscribe-pane, #campaign-sign-pane {
	display: none;
}

#campaign-sign-pane h2, #campaign-subscribe-pane h2 {
	padding-bottom: 1em;
}

#campaign-sign-wrapper * {
	margin-top: 10px;
}

.petition-div {
	margin: 0 -29px;
	clear: both;
}


.frame {
	width: 653px;
	overflow: hidden;
	clear: both;
}

.tray {
	float: left;
	width: 3265px;
}

table.page {
	float: left;
	width: 653px;
}

.petition-div td {
	width: 100%;
	padding: 10px 15px;
	border: none;
}

.petition-div td.even {
	background-color: #eaf2f6;
}

.petition-div td.petition-id {
	width: 100px;
	border-right: 2px solid white;
	padding-left: 50px;
	vertical-align: top;
}

.petition-div td.petition-id-even {
	width: 100px;
	border-right: 2px solid white;
	background-color: #eaf2f6;
	padding-left: 50px;
	vertical-align: top;
}

.petition-name {
	color: #3979ba;
	font-size: 1.2em;
	padding-right: 5px;
}

.petition-location {
	color: #a3a3a3;
}

#petition-stamp {
	position: absolute;
	display: none;
	width: 182px;
	height: 167px;
	left: 100px;
	top: 100px;
}

.petition-count {
	color: #3979ba;
	font-size: 0.9em;
	display: inline;
	float: left;
	padding-left: 40px;
}

.petition-nosignatures {
	clear: both;
	padding-left: 40px;
}

.pagination {
	display: inline;
	float: right;
	padding-right: 50px;
	visibility: hidden;
}

.pagination li {
	display: inline;
	padding-left: 6px;
	padding-top: 3px;
	font-family: Arial;
	font-size: 8pt;
}

.pagination li a {
	color: inherit;
	text-decoration: none;
	padding: 3px 5px;
	margin: -5px 0 0 -5px;
}

.pagination-circle {
	color: #f28313;
	margin: 0 5px 0 0;
	padding-bottom: 4px;
	background: transparent url('/img/pagination-circle.gif') 0 0 no-repeat;
}

.pagination-circle-hi {
	color: white;
	margin: 0 5px 0 0;
	padding-bottom: 4px;
	background: transparent url('/img/pagination-circl-hi.gif') 0 0 no-repeat;
}

.pagination-circle-selected {
	color: white;
	margin: 0 5px 0 0;
	padding-bottom: 4px;
	background: transparent url('/img/pagination-circl-hi.gif') 0 0 no-repeat;
}

/*****************************************************************************
**
**  Join styles
**
*****************************************************************************/

#join-form-wrapper * {
	margin-top: 10px;
}

#join-form-wrapper li {
	overflow: auto;
	width: 100%;
}

#join-form-wrapper li div {
	float: left;
	text-align: left;
	margin-top: 0;
}

#join-form-wrapper form {
	margin-bottom: 0;
}

#join-form-wrapper label {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	
	margin-right: 20px;
}

#join-form-wrapper input {
	width: 280px;
	border: 1px solid #AAAAAA;
	padding: 4px;
}

#join-form-wrapper button {
	margin-left: 165px;
}

#join-form-wrapper button span {
	margin-top: 0;
}

#join-form-wrapper .error {
	background-color: #ffe6e3;
	border: 1px solid #e1a49c;
}

#join-form-wrapper .errors {
	font: normal normal normal 0.75em/1.5em Arial, sans-serif;
	color: red;
}

#join-form-wrapper #dob_day {
	display: inline; 
	float: left; 
	margin-right: 5px;
}

#join-form-wrapper #dob_month {
	display: inline;
	float: left;
	margin-right: 5px;
}

#join-form-wrapper #dob_year {
	display: inline;
}

#forgotten-wrapper form {
	margin-top: 20px;
	margin-bottom: 0;
}
#forgotten-wrapper #error-box {
	color: red;
	margin-top: 4px;
}

#forgotten-wrapper input {
	padding: 3px;
	width: 200px;
}

#forgotten-wrapper button {
	margin-left: -5px;
}


/*****************************************************************************
**
**  Sidebar layout
**
*****************************************************************************/

#sidebar {
	width: 256px;
	margin-right: 20px;
	_margin-right: 10px;
	float: right;
}

.sidebar-item {
	padding-bottom: 15px;
	position: relative;
}

.sidebar-item h1 {
	font-size: 1.4em;
	text-align: right;
}

.sidebar-item h2 {
	font-size: 0.9em;
	color: #3979ba;
}

.sidebar-item p {
	line-height: 1.3em;
}

.sidebar-item li {
	font: normal normal normal 1em/1.5em Arial, sans-serif;
	color: #363636;
	padding-bottom: 1em;
	list-style: none;
}

.grey {
	color: #acacac;
	line-height: 1em;
	padding-bottom: 0.4em;
}

.orange {
	color: #df5e00;
}

.sidebar-item .top {
	position: absolute;
	top: 0;
	left: 0;
	
	height: 16px;
	width: 256px;
	background: transparent url('/img/sidebar-topcap.gif') 0 0 no-repeat;
}

.sidebar-item .middle {
	width: 226px;
	min-height: 20px;
	padding: 13px 15px 0;
	background: transparent url('/img/sidebar-tile.gif') 0 0 repeat-y;
}

.sidebar-item .bottom {
	height: 17px;
	width: 256px;
	background: transparent url('/img/sidebar-bottomcap.gif') 0 0 no-repeat;
}


#latest-subscribe, #latest-more {
	position: relative;
	padding-left: 38px;
	float: left;
}

/* Temporarily hide the subscribe button from featured campaign. Remove from markup later if necessary */
#latest-subscribe, #latest-subscribe img {
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#latest-button-divider {
	float: left;
	margin: 0 20px;
	
	/* temporary hide */
	width: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#latest-more img, #latest-subscribe img {
	position: absolute;
	left: 0;
}

#latest-more img {
	top: 3px;
}


/*****************************************************************************
**
**  Admin
**
*****************************************************************************/

#admin-wrapper table {
	border-style: none;
	border-spacing: 0;
	border-collapse: collapse;
}

#admin-wrapper table#admin-users {
	width: 100%;
	margin-bottom: 30px;
}

#admin-wrapper table#admin-campaigns, #admin-wrapper table#admin-petitions {
	width: 100%;
	margin-bottom: 30px;
}

#admin-wrapper table#admin-updates, #admin-wrapper table#admin-news, #admin-wrapper table#admin-documents {
	width: 100%;
}

#admin-wrapper tr {
	background-color: #dae9ef;
}

#admin-wrapper td {
	border: none;
	padding: none;
	margin: none;
}

#admin-wrapper td {
	padding: 7px 18px;
}

#admin-wrapper .edit-campaign-pane td {
	padding: 0;
}

#admin-wrapper a {
	color: #6a9acb;
}

#admin-wrapper button {
	padding-right: 17px;
}

#admin-wrapper button span {
	padding-right: 3px;
}

#admin-wrapper a.edit-campaign-button {
	cursor: pointer;
}
#admin-wrapper a.edit-document-button {
	cursor: pointer;
}

#admin-wrapper li {
	clear: both;
	margin-top: 8px;
}

#admin-wrapper tr.title-bar {
	height: 33px;
	color: white;
	background-color: #759db7;
}

#admin-wrapper tr.title-bar td {
	color: white;
	padding: 0 10px;
}

#admin-wrapper tr.title-bar h2 {
	color: white;
	margin-top: 7px;
}

#admin-wrapper tr.title-bar td.title-bar-right {
	text-align: right;
	padding-bottom: 5px;
}

#admin-wrapper tr.title-bar td.title-bar-right .button-wrapper {
	display: block;
	margin-top: 10px;
}

#admin-wrapper tr.title-bar td.title-bar-right img {
	margin-bottom: -4px;
	margin-right: 3px;
}

#admin-wrapper tr.even {
	background-color: #f2f7f9;
}

#admin-wrapper td.edit, #admin-wrapper td.update, #admin-wrapper td.delete, #admin-wrapper td.archive, #admin-wrapper td.unarchive {
	width: 10px;
	padding: 0 10px;
}

#admin-wrapper td.spacer {
	width: 10px;
	padding: 0 40px;
}

#admin-wrapper #add-campaign-pane {
	background-color: #90b9d3;
	padding: 0;
	margin: 0;
}

#add-campaign-pane td, #admin-wrapper .edit-siteupdate-pane td, #admin-wrapper .edit-update-pane td {
	padding: 0;
	margin: 0;
}

#add-campaign-pane > td, #admin-wrapper .edit-siteupdate-pane > td, #admin-wrapper .edit-update-pane > td {
	padding: 0 18px;
}

#admin-wrapper div.hidden-pane-content {
	display: none;
	margin: 0;
	padding: 7px 0;
}

#admin-wrapper tr.footer {
	height: 55px;
	background-color: #759db7;
}

#admin-wrapper .control {
	margin-top: 8px;
}
#admin-wrapper .control:first-child {
	margin-top: 0;
}

#admin-wrapper label {
	display:block;
	float:left;
	text-align:right;
	margin-right: 20px;
	width: 110px;
	margin-top: 8px;
}
#admin-wrapper label:first-child {
	margin-top: 0;
}

#admin-wrapper .edit-siteupdate-pane label {
	margin-top: 0;
}

#admin-wrapper #add-campaign-pane input[type='text'], #admin-wrapper textarea {
	border:1px solid #AAAAAA;
	padding: 3px;
	width: 400px;
}

#admin-wrapper .edit-siteupdate-pane textarea {
	height: 100px;
}

#admin-wrapper #add-campaign-pane input[type='checkbox'] {
	margin-bottom: 0;
	margin-top: 10px;
}

#admin-wrapper #add-campaign-pane button, .edit-siteupdate-pane button, .edit-campaign-pane button, #add-document-pane button, 
	#admin-wrapper .edit-document-pane button{
	margin-left: 126px;
	margin-bottom: 10px;
}

#admin-wrapper #add-campaign-pane textarea {
	height: 18em;
}

#admin-wrapper .edit-campaign-pane td {
	padding-top: 0;
	padding-bottom: 0;
}

#admin-wrapper .edit-campaign-pane input[type='text'] {
	border:1px solid #AAAAAA;
	padding: 3px;
	width: 400px;
}



#admin-wrapper .edit-campaign-pane input[type='checkbox'] {
	margin-bottom: 0;
	margin-top: 10px;
}

#admin-wrapper .edit-campaign-pane input[type='image'] {
	cursor: default;
	border: 1px gray solid;
}

#admin-wrapper .edit-campaign-pane input[type='file'], .edit-campaign-pane .hint {
	margin-left: 130px;
}

#admin-wrapper .edit-campaign-pane textarea {
	height: 18em;
}

#admin-wrapper #add-update-pane {
	background-color: #90b9d3;
}

#admin-wrapper #add-update-pane td {
	padding-top: 0;
	padding-bottom: 0;
}

#admin-wrapper #add-update-pane label {
	margin-top: 14px;
	text-align: left;
}

#admin-wrapper #add-update-pane textarea, #admin-wrapper .edit-update-pane textarea {
	width: 550px;
	height: 8em;
}

#admin-wrapper #add-update-pane button {
	margin-left: 0;
	margin-bottom: 10px;
}

#admin-wrapper #add-siteupdate-pane, #admin-wrapper #add-document-pane {
	background-color: #90B9D3;
}


#admin-wrapper #add-siteupdate-pane label {
	margin-right: 20px;
	width: 110px;
	margin-top: 8px;
}

#admin-wrapper #add-siteupdate-pane input[type="text"], #admin-wrapper #add-siteupdate-pane textarea {
	margin-top: 8px;
	padding: 3px;
	width: 400px;
}

#admin-wrapper #add-siteupdate-pane button {
	margin-left: 130px;
	margin-bottom: 10px;
}

#admin-wrapper #add-siteupdate-pane td {
	padding-top: 0;
	padding-bottom: 0;
}

#admin-wrapper table#users span.email {
	color: #999999;
}

#admin-wrapper table#users .button-wrapper {
	padding-top: 4px;
	display: block;
}

#admin-wrapper table#users td:first-child {
	width: 100%;
}

#admin-wrapper .fake-label {
	padding-top: 8px;
}

#admin-wrapper .errors {
	padding-left: 170px;
	font: normal normal normal 0.75em/1.5em Arial, sans-serif;
	color: red;
}

#admin-wrapper .errors-box {
	background-color: #ffe6e3;
	border: 1px solid #e1a49c;
}

#admin-wrapper .button-wrapper {
	cursor: pointer;
	margin: 0;
	padding: 0;
	display: inline;
}

#admin-wrapper #add-document-pane td, #admin-wrapper .edit-document-pane td {
	padding: 0 18px;
}
#admin-wrapper #add-document-pane form {
	padding: 7px 0;
}

#email-wrapper * {
	margin-bottom: 5px;
}

#email-wrapper a {
	color: #6a9acb;
}

#email-wrapper label {
	float: left;
	text-align: left;
	width: 80px;
}

#email-wrapper input#to {
}

#email-wrapper input#subject {
	width: 510px;
}

#email-wrapper textarea {
	width: 590px;
}

.title-link {
	padding-bottom: 0;
	margin-top: -10px;
}

#admin-wrapper hr.title-line, #email-wrapper hr.title-line {
	margin-bottom: 10px;
}

table#user {
	width: 100%;
}

.hide-dammit {
	visibility: hidden;
	float: right;
	height: 0;
	padding: 0;
	margin: 0;
}

/* Slider toggle */
.checkbox {
	margin: 10px 0;
}

/* IE7 Nip\tucks */
#admin-wrapper ul .element {
	margin-top: 0;
}

#admin-wrapper input[type="hidden"] {
	margin: 200px;
}

* + html #admin-wrapper button span {
	margin-left: -20px;
	margin-top: 2px;
	margin-right: -4px;
}

* + html #admin-wrapper button {
	padding: 0;
}

* + html #admin-wrapper button#hacky-button {
	margin-bottom: -7px;
	padding-bottom: 0;
	padding-right: 9px;
}

* + html #admin-wrapper button#hacky-button span {
	margin-left: 0;
}

* + html #admin-wrapper input[type="image"] {
	margin: 8px 0;
}

* + html #admin-wrapper .edit-siteupdate-pane button {
	padding-right: 10px;
}

/* Le Grande IE7 Email Style Massacre */
* + html #email-wrapper form:first-child {
	margin-top: -20px;
}
* + html #email-wrapper form input {
	float: left;
	width: 320px;
	margin-bottom: 10px;
}
* + html #email-wrapper form label {
	clear: both;
	margin-bottom: 10px;
}
* + html #email-wrapper form .control {
	float: right;
}
* + html #email-wrapper select {
	margin-right: 300px;
}
* + html #email-wrapper button span {
	margin-top: 6px;
}

* + html #email-wrapper button {
	padding-right: 4px;
}

/*****************************************************************************
**
**  Specific sidebar item styles
**
*****************************************************************************/

#login.sidebar-item {
	text-align: right;
}

#login.sidebar-item h2 {
	color: #444444;
}

#login-form {
	margin-bottom: 0px;
}

.sidebar-item label {
	display: block;
	
	float: left;
	text-align: right;
	width: 55px;
}



#login.sidebar-item input {
	width: 65%;
	margin-bottom: 10px;
	padding: 2px;
}

#login.sidebar-item input#login-button {
	padding: 31px 0 0 0;
	margin-bottom: 0px;
	overflow: hidden; 
	height: 1%; 
	cursor: pointer; 
	width: 108px; 
	border: 0; 
	background: transparent url('/img/login-button.gif') 0 0 no-repeat;
}

#login.sidebar-item input#login-button:hover {
	background: transparent url('/img/login-button-hi.gif') 0 0 no-repeat;
}

#login.sidebar-item .top {
	height: 13px;
	background: transparent url('/img/login-topcap.gif') 0 0 no-repeat;
}

#login.sidebar-item .middle {
	background: transparent url('/img/login-tile.gif') 0 0 repeat-y;
	overflow: auto;
}

#login.sidebar-item .bottom {
	height: 13px;
	background: transparent url('/img/login-bottomcap.gif') 0 0 no-repeat;
}

#login.sidebar-item a {
	color: #6a9acb;
}

#login.sidebar-item #subscriptions-list li {
	font: normal normal 12px/24px Arial, sans-serif;
	padding-bottom: 0;
}

#login.sidebar-item .subscription-remove-icon {
	margin-bottom: -3px;
	padding-left: 8px;
	cursor: pointer;
}

#login ul.errors li {
	color: red;
	font-size: 0.8em;
}

#login .red-box {
	padding: 5px;
	font: normal 0.75em/1.5em arial, sans-serif;
	color: inherit;
	background-color: #ffe6e3;
	border: 1px solid #e1a49c;
	margin-bottom: 10px;
	text-align: center;
}

/* IE layout requires set width to push input box down */
/* Begin hide from IE5/Mac \*/
* html #login-page form {
	width: 310px;
}
* + html #login-page form {
	width: 310px;
}
/* End hide */

#login-page li {
	list-style: none;
}

#login-page label {
	width: 80px;
	float: left;
	clear: both;
	text-align: right;
	padding: 3px 20px 13px 0;
}

#login-page input {
	width: 200px;
	float: left;
	padding: 3px;
	margin-top: 6px;
}



/* IE6 Peekaboo bug fix */
#login-page h1 {
	width: 100%;
}

#login-page button {
	float: left;
	clear: left;
	margin-left: 100px;
}

#login-page hr {
	display: block;
	clear: left;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

.sidebar-item ol#latest-news li {
	margin: 0 -12px 0 -14px;
	padding: 14px 10px 3px 10px;
	border-bottom: solid 1px #eeeeee;
}

.sidebar-item ol#latest-news li:first-child {
	border-top: solid 1px #eeeeee;
}

.sidebar-item ol#latest-news li.odd {
	background-color: #f2f7f9;
}

.sidebar-item ol#latest-news a.more {
	padding-left: 10px;
}

/*****************************************************************************
**
**  Footer
**
*****************************************************************************/

#footer {
	width: 969px;
	height: 53px;
	float: left;
	clear: both;
	background: transparent url('/img/footer.gif') -1px 0 no-repeat;
}


#footer p {
	text-align: center;
	color: #b3aeae;
}

#footer a {
	color: #b3aeae;
}


/*****************************************************************************
**
**  Error page
** 
*****************************************************************************/

ul#error-page-list {
	list-style: disc inside;
}
ul#error-page-list li {
	color:#363636;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5em;
	padding-bottom:1em;
}