html, body {
margin:0;
padding:0;
}

body {
font: 76% arial, sans-serif; 
text-align: center;
}

img {
border: 0;
}

a {
text-decoration: none;
color: #900;
}

a:hover {
text-decoration: underline;
}

#accessibility {
display: none;
}

div#container{
width:760px;
margin:0 auto;
text-align:left;
}


div#banner {
margin: 0;
padding: 0;
}

div#banner div.cap {
clear: both;
position: relative;
background: url("http://consumercal.live.radicaldesigns.org/img/Banner-CFC-top.gif");
height: 87px;
}

div#banner div.cap ul {
float: right;
font-size: 10px;
color: #333;
}

div#banner div.cap ul li {
display: inline;
}

div#banner div.cap ul li a {
color: #333;
text-decoration: none;
}

div#banner div.cap ul li a:hover {
text-decoration: underline;
}

div#banner div.middle {
margin: 0;
padding: 0;
background: url("http://consumercal.live.radicaldesigns.org/img/Banner-CFC-Home.gif");
height: 102px;
}

#interior div#banner div.middle {
margin: 0;
padding: 0;
background: url("http://consumercal.live.radicaldesigns.org/img/cfc_interiorTop.gif");
height: 20px;
}

div#banner div.middle h1,
div#banner div.middle h2{
display: none;
}

div#banner ul.menu {
margin: 0;
padding: 3px 0 3px 0;
clear: both;
text-align: right;
background: #505045;
color: #fff;
font-family: Verdana, Tahoma, sans-serif;
font-size:11px;
padding-right: .5em;
height: 1.3em;
padding-left: 130px;
}

div#banner ul.menu li {
display: block;
float: left;
position: relative;
height: 20px;
margin-left: 1em;
}


div#banner ul.menu li a {
display: inline;
color: #fff;
text-decoration: none;
letter-spacing: -.05em;
}


div#banner ul.menu li a:hover {
display: inline;
color: #900;
background: #fff;
}

div#banner ul.menu li ul {
display: none;
position: absolute;
top: 1.5em;
left: 0 !important;
left: -50px;
background: #505045;
}

div#banner ul.menu li:hover ul {
display: block;
margin: 0; padding: 0;
}

div#banner ul.menu li ul li {
display: block;
width: 120px;
text-align: left;
}

#content h2.smallTitle, #sidebar h2.smallTitle {
color: #525142;
font-size: 11px;
margin: 0;
padding: 0;
font-weight: bold;
margin-top: 10px;
background-image: url('http://consumercal.live.radicaldesigns.org/img/cfc_smallTransArrow.gif');
background-repeat: no-repeat;
background-position: top left;
padding-left: 18px;
width: 190px;
}

/* space if no small h2, <empty> */

.space {
height:24px;
}


/* temporary */

div#content {
float: left;
width: 516px;
}

div#contentMain {
margin: 0;
border-top: 3px solid #000;
margin-top: 0px;
background: #f2f2f2;
width: 516px;
padding: 12px 10px 12px 10px;
}


div#contentWide {
margin: 0;
border-top: 3px solid #000;
margin-top: 0px;
background: #f2f2f2;
width: 740px;
padding: 12px 10px 12px 10px;
}

div#content p, div#contentWide p {
line-height:1.4;
}

div#feature {
margin: 0 0 10px 0;
padding: 0 12px 30px 12px;
border-bottom: 1px solid #000;
width: 492px;
}

p.featureBlurb {
margin: 0;
}

div#content h2, div#contentWide h2 {
font-weight: bold;
font-size: 16px;
color: #00a;
margin-bottom: 2px;
margin-top: 0;
}

div#keyIssues {
padding: 0;
width: 516px;
}

div#keyIssues .keyItem {
margin: 0;
padding: 8px 8px 8px 12px;
/*height: 130px;*/
width: 235px;
float: left;
overflow: hidden;
}

div#keyIssues .keyItemLeft {
margin: 0;
padding: 8px 8px 8px 12px;
/*height: 130px;*/
width: 235px;
float: left;
overflow: hidden;
clear:left;
}

div#keyIssues .keyItemRight {
margin: 0;
padding: 8px 8px 8px 12px;
/*height: 130px;*/
width: 235px;
float: left;
overflow: hidden;
}

div#keyIssues .keyItemRight h3, div#keyIssues .keyItemLeft h3 {
color: #900;
font-weight: normal;
font-size: 13px;
margin-bottom: 2px;
}




/* footer */

div#footer{
clear: both; 
width: 100%;
margin: 0;
padding: 0;
font-family: 'Courier New', Courier, fixed-width;
}

div#footer ul {
margin: 0;
padding: 3px 0 3px 0;
background:#505045;
color: #fff;
text-align: center;
font-size: 11px;
letter-spacing: -.01em;
}

div#footer ul li {
display: inline;
margin: 0;
padding: 0;
padding-left: 0;
padding-left: 4px;
padding-right: 4px;
border-right: 1px solid #fff;
}

div#footer ul li.last-child  {
border-right: 5px solid #505045;
}

span.more a {
color: #900;
font-weight: bold;
background: url("http://consumercal.live.radicaldesigns.org/img/cfc_smallarrow.gif");
background-repeat: no-repeat;
background-position: top right;
padding: 0 8px 0 0;
}

#feature span.more a {
color: #993;
font-weight: bold;
background: url("http://consumercal.live.radicaldesigns.org/img/cfc_smallarrowgreen.gif");
background-repeat: no-repeat;
background-position: top right;
padding: 0 8px 0 0;
}



div#footer ul li a {
color: #fff;
text-decoration: none;
}

div#footer ul li a:hover {
text-decoration: underline;
}

div#footer p {
font-size: 10px;
text-align: center;
}

/* image drop shadow */

.img-shadow {
float:left;
background: url("http://consumercal.live.radicaldesigns.org/img/shadowAlpha.png") no-repeat bottom right !important;
background: url("http://consumercal.live.radicaldesigns.org/img/shadow.gif") no-repeat bottom right;
margin: 10px 10px 0 10px !important;
margin: 10px 0 0 5px;
}

.img-shadow img {
display: block;
position: relative;
background-color: #fff;
margin: -6px 6px 6px -6px;
}




/* forms */

input, submit, textarea, select {
border: 1px solid #ccc;
}

input#bttn {
background-color: #b23f3f;
color: #fff;
font-weight: bold;
border: #000 1px solid;
padding: 2px;
}

#form.yesWide input, 
#form.yesWide textarea, 
#form.yesWide select, 
#form.yesWide .grFormErrorFieldLabel, 
#form.yesWide .grFormFieldLabel {
float: left;
}

#form.yesWide div.formItem {
margin-bottom: 7px;
}

#form.yesWide .grFormErrorFieldLabel, 
#form.yesWide .grFormFieldLabel {
text-align: right;
width: 120px;
margin-right: 14px;
font-weight: bold;
}

#form.yesWide .grFormErrorFieldLabel label, 
#form.yesWide .grFormFieldLabel label {
margin-left: 3px;
}

#form.noWide .grFormErrorFieldLabel label, 
#form.noWide .grFormFieldLabel label {
font-weight: bold;
}

#form.yesWide {
margin: 0 auto;
}

#form.yesWide .formItem {
display: block;
clear: left;
padding-top: 7px !important;
padding-top: 0;
}

#form.yesWide .submit input {
float: none;
}

#form.yesWide .submit {
text-align: center;
}

#form.noWide input {
margin-bottom: 7px;
}

#form.noWide .submit input {
margin-left: 0;
}

#form.noWide .submit  {
text-align: center;
padding-top: 7px;
}


.grFormErrorFieldLabel {
color: #c00;
}

.TandC {
font-size: 0.8em;
}

.formInfoMessage {
font-size: 0.8em;
}


/* sidebar */

div#sidebar{
float:right;
width:210px;
margin: 0;
padding: 0;
}


div#sidebarContent{
border-top: 3px solid #000;
background: #f2f2f2;
padding: 0 4px 30px 4px;
}

/* dark blue box */

h3.sidebar_signup {
background-image: url("http://consumercal.live.radicaldesigns.org/img/sidebar_signup.gif");
background-color:  #4a719c;
background-repeat: no-repeat;
background-position: top left;
height: 18px;
width: 165px;
color: #fff;
font-weight: bold;
font-size: 1.2em;
padding: 6px 0 0 40px;
margin: 20px 0 0 0;
}

html>body h3.sidebar_signup {
padding: 4px 0 4px 40px;
}

div.dark {
background: #4a719c;
padding: 0 0 0 0;
margin: 0;
width: 205px;
}

html> body div.dark {
padding: 0 0 10px 0;
}

.boxTop {
background-image: url("http://consumercal.live.radicaldesigns.org/img/whiteBox_Top.gif");
background-repeat: no-repeat;
background-position: bottom right;
width: 193px;
height: 7px;
margin: 0 4px 0 6px;
padding: 0;
}

.box {
background-color: #fff;
padding: 0 10px 1px 10px;
width: 173px;
background: #fff;
margin: 0 4px 0 6px;
}

.boxBottom {
background-image: url("http://consumercal.live.radicaldesigns.org/img/whiteBox_Bottom.gif");
background-repeat: no-repeat;
background-position: top left;
width: 193px;
height: 7px;
margin: 0 4px 0 6px;
padding: 0;
}

.blueBoxBottom {
background-image: url("http://consumercal.live.radicaldesigns.org/img/sidebar_blueBottom.gif");
background-color: #f2f2f2;
background-repeat: no-repeat;
background-position: top left;
height: 4px;
width: 205px;
padding: 0;
margin: 0;
}


/* medium blue box */

h3.sidebar_takeaction {
background-image: url("http://consumercal.live.radicaldesigns.org/img/sidebar_takeaction.gif");
background-color:  #849ebd;
background-repeat: no-repeat;
background-position: top left;
height: 18px;
width: 165px;
color: #fff;
font-weight: bold;
font-size: 1.2em;
padding: 6px 0 0 40px;
margin: 0;
}

html>body h3.sidebar_takeaction {
padding: 4px 0 4px 40px;
margin-top: 10px;
}

div.dark2 {
background: #849ebd;
padding: 0 0 0 0;
margin: 0;
width: 205px;
}

html> body div.dark {
padding: 0 0 10px 0;
}

.blueBoxBottom2 {
background-image: url("http://consumercal.live.radicaldesigns.org/img/sidebar_blueBottom2.gif");
background-color: #f2f2f2;
background-repeat: no-repeat;
background-position: top left;
height: 4px;
width: 205px;
padding: 0;
margin: 0;
}

/* light blue box */

h3.sidebar_donate {
background-image: url("http://consumercal.live.radicaldesigns.org/img/sidebar_donate.gif");
background-color:  #adbece;
background-repeat: no-repeat;
background-position: top left;
height: 18px;
width: 165px;
color: #fff;
font-weight: bold;
font-size: 1.2em;
padding: 6px 0 0 40px;
margin: 0;
}

html>body h3.sidebar_donate {
padding: 4px 0 4px 40px;
margin-top: 10px;

}

div.dark3 {
background: #adbece;
padding: 0 0 0 0;
margin: 0;
width: 205px;
}

html> body div.dark {
padding: 0 0 10px 0;
}

.blueBoxBottom3 {
background-image: url("http://consumercal.live.radicaldesigns.org/img/sidebar_blueBottom3.gif");
background-color: #f2f2f2;
background-repeat: no-repeat;
background-position: top left;
height: 4px;
width: 205px;
padding: 0;
margin-bottom: 20px;
}

/* linklists */

#list {
margin-top: 12px;
}

#list .listCol1 {
width: 80px;
float: left;
font-weight: bold;
color: #63563f;
margin-bottom: 6px;
}

#list .listCol2 {
font-weight: bold;
color: #63563f;
margin-bottom: 6px;
}

#list .listDate {
width: 80px;
float: left;
}

#list .listHeadline {
float: left;
color: #990000;
font-weight: bold;
}

#list .listBlurb {
margin-left: 80px;
margin-bottom: 11px;
display: block;
clear: left;
}

/* for issue target page */

#formBlock  {
width: 330px;
float: left;
}

#letterCol {
width: 360px;
float: left;
position:relative;
margin-left: 20px;
}

#letterBox {
background-color: #fff;
padding: 12px 20px;
border: #000 1px solid;
font-family: courier, arial, sans-serif;
margin-bottom: 20px;
}

div#content h4, div#contentWide h4 {
font-family: courier, arial, sans-serif;
font-weight: bold;
margin: 14px 0 0 0;
color: #990000;
}

#formIssueTargets {
display: block;
clear: both;
padding: 9px 0;
}

.grFormITLetter input {
width: 315px;
}



/* hacks, fixes */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


ul.menu li:hover ul {
display: block;
}



/* rollovers */

a#cfcec {
display: block;
background: url(http://consumercal.live.radicaldesigns.org/img/cfcec_redhover.gif) top;
width: 206px;
height: 125px;
overflow: hidden;
margin: 14px 0 14px 0;
}

a#cfcec:hover {
background: url(http://consumercal.live.radicaldesigns.org/img/cfcec_redhover.gif) bottom;
}

a#cfcb {
display: block;
background: url(http://consumercal.live.radicaldesigns.org/img/cfc_bluehover.gif) top;
width: 205px;
height: 125px;
overflow: hidden;
margin: 14px 0 14px 0;
}

a#cfcb:hover {
background: url(http://consumercal.live.radicaldesigns.org/img/cfc_bluehover.gif) bottom;
}

/*boxes*/

#contentWide div.tanBox, 
#contentMain div.tanBox {
background-color: #d0d0aa;
margin: 10px;
color: #000;
}

#contentWide div.tanBox h2, 
#contentWide div.tanBox p,
#contentMain div.tanBox h2, 
#contentMain div.tanBox p {
margin: 0 10px;
color: #000;
}

#contentWide div.redBox,
#contentMain div.redBox {
background-color: #990000;
margin: 10px;
color: #fff;
}

#contentWide div.redBox h2, 
#contentWide div.redBox p,
#contentMain div.redBox h2, 
#contentMain div.redBox p {
margin: 0 10px;
color: #fff;
}

/*NiftyCorners*/

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}


/* multiplier toolbar */

div#wiki_open {display: none;}

body#interior.fundraising div#contentWide table.formRegFields{
width: 60%;
padding: 0;
position: relative;
float: left;
margin-right: 3px;
}


body#interior.fundraising div#contentWide table.formButtons1, 
body#interior.fundraising div#contentWide table.TandC  {
float: none;
clear: both;
width: 100%;
}

body#interior.fundraising div#contentWide table.formButtons2 {
margin: 0 auto 0 auto;
}

body#interior.fundraising div#contentWide div.approve table {
width: 70%;
margin: 0 auto 0 auto;
}

table.formDonationCCInfo {
border-top:1px solid #333;
padding-top: 5px;
margin-top: 1em;
}


div.approve .grFormFieldLabel {
font-weight: bold;
}
