html, body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
background: #01408d;
}


ul {
list-style-type: square;
margin: 0 0 0 16px;
padding: 0;
}

ul li {
margin: 0;
padding: 0;
line-height: 120%;
}


#pageContainer {
width: 752px;
margin: 0 auto;
text-align: left;
background: #fff;
border:1px solid #fff;
}

div#banner {
margin: 0;
padding: 0;
height: 159px;
background: url("/images/h4ca-banner-bg.jpg") top left no-repeat;
}

body#interior div#banner {
margin: 0;
padding: 0;
height: 159px;
background: url("/images/h4ca-banner-bg2.jpg") top left no-repeat;
}


#headerPeople {
margin: 0;
padding: 0;
}

#headerPeople img {
margin: 0;
padding: 0;
}

h1#logo {
display: none;
overflow: hidden;
border:1px solid red;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000;
letter-spacing: .03em;
}


/* Navigation styling */


/*
body.campaignabout .menu ul li.about a {
background: #fff;
color: #930;
}

body.campaignendorsements .menu ul li.endorse a {
background: #fff;
color: #930;
}

body.campaignnews_resources .menu ul li.newsResources a {
background: #fff;
color: #930;
}

body.campaignevents .menu ul li.events a {
background: #fff;
color: #930;
}

body.campaigngetinvolved .menu ul li.getInvolved a {
background: #fff;
color: #930;
}

body.campaigncontact .menu ul li.contact a {
background: #fff;
color: #930;
}
*/




.menu {
font-family: Arial, Helvetica, sans-serif; 
width:752px; 
position:relative; 
font-size:0.70em;
z-index: 100;
background: #993300 url("/images/h4ca-banner-nav.jpg") 0px -1px no-repeat; 
}

.menu ul {
padding:0; 
margin:0 0 0 10px;
list-style-type: none;
}

.menu ul ul,
.menu ul ul ul {
margin-left: 0;
}

.menu ul li {
float:left;
position:relative;
}

.menu ul li a, 
.menu ul li a:visited {
display:block; 
text-decoration:none; 
width:85px; 
height: 25px;
color:#000; 
border:1px solid #fff;
border-width: 0 0 0 1px;
/* border:1px solid #fff; */ 
padding-left: 3px; 
padding-right: 3px;
padding-top: 3px;
line-height:1em;
text-align: left;
color: #fff;
font-weight: bold;
}

.menu ul li.home a {
border: 0;
text-decoration:none; 
}

* html .menu ul li a, 
.menu ul li a:visited {
width:90px;
w\idth:80px;
text-decoration:none; 
}

.menu ul li ul {
display: none;
}

table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */

.menu ul li:hover a,
.menu ul li a:hover {
color:#993400; 
background:#cc9;
text-decoration:none; 
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:25px;
margin-top:1px;
left:0; 
width:150px;
}

* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#ffffcb; 
color:#000; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:129px
text-decoration:none; 
}

* html .menu ul li a:hover ul li a {
width:150px;
w\idth:129px;
text-decoration:none; 
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#c9c9a7 url() bottom right no-repeat;
text-decoration:none; 
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#c9c9a7; 
color:#000;
text-decoration:none; 
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:150px; 
top:0;
width:150px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}



div#topSlice,
div#bottomSlice {
font-family: Verdana, Tahoma, sans-serif;
font-size: .8em;
}



body#home div#topSlice {
margin: 1px 0 0 0;
padding: 0;
border-top:5px solid #00428c;
background: #fff url("/images/h4ca-homepage-middle-stripe.gif") bottom left repeat-x;
padding-bottom: 32px;
}

body#interior div#topSlice {
height: auto;
}



div#topSlice h1,
div#topSlice h2,
div#topSlice h3 {
margin: 20px 0 0 0;
font-weight: bold;
}

div.content h1 {
font-size: 32px;
}

div.content h2 {
font-size: 26px;
}

div.content h3 {
font-size: 18px;
}

body#home div.action h1,
body#home div.action h2,
body#home div.action h3,
body#home div.action h4,
body#home div.action h5 {
color:#f90;
font-weight: bold;
}

div.action h1 {
font-size: 32px;
}

div.action h2 {
font-size: 26px;
}

div.action h3 {
font-size: 18px;
}

body#home div.action p {
margin: 0;
padding: 0;
}


body#home div.action div#form, 
body#home div.action form {
margin: 0;
padding: 0;
}


div#bottomSlice {
background: #ffffcb;
margin: 0;
padding: 0;
}

div#banner img#bannerImage {
margin: 0;
padding: 0;
margin-top: 12px;
}


div.content {
position: relative;
float: left;
width: 422px;
margin: 0;
padding: 0 0 0 25px;
}



img#contentImage {
float: right;
margin: 0 0 .2em .2em;
border: 0;
}

div.action {
position: relative;
float: left;
padding: 0 0 0 25px;
margin: 0;
width: 275px;
}


body#interior div.content,
body#interior div.action  {
width: 340px;
margin: 0;
}

body#interior div.wide {
width: 702px;
padding-right: 30px;
}

body#home div#topSlice div.content,
body#home div#topSlice div.action {
overflow: hidden;
color: #036;
}


div.news,
div.endorsers {
margin: 0;
padding: 0;
padding-left: 25px;
width: 349px;
float: left;
}

div.news h1,
div.endorsers h1,
div.news h2,
div.endorsers h2,
div.news h3,
div.endorsers h3
div.news h4,
div.endorsers h4 {
margin: 20px 0 0 0;
padding: 0;
color: #930;
font-weight: normal;
}

ul#newsList {
list-style-type: square;
margin: 0 0 0 16px;
padding: 0;
}

ul#newsList li {
margin-bottom:.5em;
}


div#footer {
margin: 0;
padding:7px 0 7px 0; 
background: #930;
color: #fff;
font-size: .8em;
}

div#footer a {
color: #fff;
text-decoration: none;
}

div#footer ul {
list-style-type: none;
}

div#footer ul li {
padding-right: .5em;
display: inline;
}

.clearfix {
clear: both;
}



/*********/
/* forms */
/*********/

.formInfoMessage {
font-size: .85em;
}

input, submit, textarea, select {
border: 1px solid #ccc;
}

input#bttn {
background-color: #eee;
}

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

#form.yesWide .grFormErrorFieldLabel label, 
#form.yesWide .grFormFieldLabel label {
margin-left: 3px;
}

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

div#form p.termsAndConditions {
font-size: .85em;
}



p.smallText {
font-size: .8em;
}

/*
body#home #form.noWide label {
display: none;
}
*/

body#home #form.noWide input {
margin: 3px 0 3px 0;
}

body.home #form.noWide .submit  {
text-align: right;
}

body#home #form.noWide p.smallText {
text-align: left;
font-size: 8px;
}

body#interior.lobby #form.yesWide #targetsListPreamble {
display: block;
clear: left;
padding-top: 1em;
}

body#interior.lobby #form.yesWide p.button {
display: block;
text-align: center;
margin: 0 auto;
}

body#interior.lobby #form.yesWide p.button input {
margin: .5em auto;
text-align: center;
float: none;
}

body#interior.lobby #form.yesWide p.smallText {
clear: both;
}

#form.yesWide div#forwards {
margin: 0 auto;
padding: 1em 0;
clear: both;
width: 300px;
text-align: left;
}

#form.yesWide div#forwards .grFormFieldLabel {
width: auto;
float: none;
text-align: left;
}

#form.yesWide div#forwards textarea {
float: none;
}


/* Include Form */

body#home div#includeForm .grFormDefaultText {
display: none;
}

body#home div#includeForm .formInfoMessage {
margin: 0;
padding: 0;
}

body#home div#includeForm form {
margin: 0;
padding: 0;
}

body#home div#includeForm div.formItem {
margin: 0;
padding: 0;
}

body#home div#includeForm div#form {
float: left;
margin: 0;
padding: 0;
}

div#includeForm div#form label,
div#includeForm div#form input {
margin: 0;
padding: 0;
}

div#includeForm div#form input {
background: url("http://homes4ca.grassroots.com/images/gradient-yellow-forminput.jpg") 50% 50% no-repeat;
color: #930;
height: 18px;
}

body#home div#includeForm p.termsAndConditions {
display: none;
}

body#home div#form div.formItem {
margin: 0;
margin-top:.3em;
padding: 0;

}

body#home div#includeForm div#form.yesWide div.grFormFieldLabel {
display: inline;
width: 75px;
margin: 0;
padding: 0;
}

body#home div#includeForm div#form.yesWide div.grFormInput {
display: inline;
margin: 0;
padding: 0;
}

body#home div#includeForm div#formButtons {
float: right;
margin: .5em 0 0 0;
padding: 0;
}

/*

body#home div#includeForm div#formButtons #bttn {
background: #930;
font-weight: normal;
margin: 0 1px 0 1px;
padding: 3px;
font-size: 10px;
}

*/

/*

#bttn {
width: auto; 
height: 25px;
border: 3px double #000;
border-top-color: #f1f1f1;
border-left-color: #f1f1f1;
padding: 3px; 
background-color: #930; 
background-repeat: repeat-x; 
color: #f1f1f1; 
font-size: 75%; 
font-weight: bold; 
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#bttn:active {
border: 3px double #f1f1f1; 
border-top-color: #000; 
border-left-color: #000;
color: #fe0;
}
*/


#bttn {
margin: 0;
padding: 0 0 2px 0;
border: 0;
width: 68px;
height: 23px;
background-image: url("/images/brown-donate-bg.gif");
color: #fff;
}

#bttn:active {
color: #fe0;
font-weight: bold;
}

div#letter {
margin: 6em 0 1em 0;
padding: 1em;
border:1px solid #333;
font-family: Georgia, 'Times New Roman', serif;
}



body#interior div.wide #form.yesWide .grFormFieldLabel {
width: 250px;
}

body#interior div.wide #form.yesWide {
width: 550px;
}

body#interior div.wide #form.yesWide div.chooseMultiple {
margin: 0 0 .5em 0;
padding: 0;
vertical-align: text-top;
}

body#interior div.wide #form.yesWide .chooseMultiple input {
margin: 0 0 0 0;
padding: 0;
vertical-align: text-top;
}

body#interior div.wide #form.yesWide .chooseMultiple label {
display: block;
vertical-align: text-top;
}

span.breadcrumb {
font-size: .85em;
}

span.breadcrumb a {
color: #01408D;
text-decoration: none;
}

span.breadcrumb a:hover {
color: #000;
}


#bottomListImage {
margin: 0 0 3px 3px;
}