@charset "UTF-8";
/* SMOKEY - ORIGINAL Document */

html {
    height: 100%; 
    min-height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	background: #9b9b9b url(../images/page-back.jpg) top left repeat-x;
	padding: 0;
	margin: 0 20px;
	text-align: center;
    height: 100%; 
    min-height: 100%;
}

#main-container {
	background: #4d1a00;
	text-align: left; 
	margin: 0 auto;
	width: 950px;
	height: auto !important; 
    height: 100%; 
    min-height: 100%;
}

#wallpaper-container {
	background: #fff;
	text-align: left; 
	margin: 0 auto;
	width: 950px;
	height: auto !important; 
    height: 100%; 
    min-height: 100%;
    padding: 100px 0 100px 0;
}

#bg-container {
	background: #4d1a00;
	height: auto !important; 
    height: 100%; 
    min-height: 100%;
}

p, td, li, dt, label {
	font-size: .7em;
}

p.small, li.small, td.small, span.small {
	font-size: .6em;
}

p.large, li.large, td.large, span.large {
	font-size: .8em;
}

li p, li li, td p, td td, td li {
	font-size: 3em;
}

li p.small, td p.small, li p.more-link-small, td p.more-link-small {
	font-size: .7em;
}

li p.large, td p.large {
	font-size: 1em;
}

td, dl, li, form, div, img {
	padding: 0;
	border: 0;
	margin: 0;
}

ul {
	padding: 0 0 5px 0;
	border: 0;
	margin: 0;
}

ul ul, ol ul {
	padding: 5px 0;
}

ul li, ol ul li {
	list-style: none;
	vertical-align: top;
	background: url(../images/gen-bullet.gif) top left no-repeat;
	padding: 0 0 5px 10px;
}

ol {
	padding: 0 0 5px 0;
	margin:  0 0 0 30px;
}

ol ol {
	padding: 5px 0 5px 0;
	margin:  0 0 0 30px;
}

ol li {
	padding: 3px 0 5px 0;
}

ol ol li {
	list-style-type: lower-roman;
}

ol li p, ul li p {
	padding: 0;
}

li, td {
	line-height: 130%;
}

p {
	line-height: 130%;
	padding: 0 0 10px 0;
	border: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 120%;
	padding: 0 0 10px 0;
	border: 0;
	margin: 0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: normal;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}

h4 {
	font-size: .8em;
	font-weight: normal;
}

h5 {
	font-size: .7em;
	font-weight: normal;
}

h6 {
	font-size: .6em;
	font-weight: normal;
}

input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	padding: 0;
	border: 1px solid #808080;
	margin: 0;
}

input.submit {
	border: 0;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}

a:link, a:visited, a:active {
	color: #fff;
	text-decoration: none;
}

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

label {
	color: #fff;
	font-weight: bold;
}

label.normal {
	color: #fff;
	font-weight: normal;
}

label.required {
	color: #fc0;
}

p label, h5 label {
	font-size: 1em;
}

label span {
	font-weight: normal;
}


/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}


/* hide */

.hide {
	display: none;
}


/* bold */

.boldit {
	font-weight: bold;
}


/* non-bold */

.normalize {
	font-weight: normal;
}


/* white */

.ko {
	color: #fff;
}


/* grey */

.grey {
	color: #ccc;
}


/* error message */

.error {
	color: #c00;
	font-weight: bold;
	display: block;
}


/* no wrapping */

.no-wrap {
	white-space: nowrap;
}


/* no padding */

.no-pad {
	padding: 0;
	margin: 0;
}


/* floated images */

.img-flush-left {
	float: left;
	padding: 0;
	margin: 2px 12px 5px 0;
}

.img-flush-right {
	float: right;
	padding: 0;
	margin: 2px 0 5px 12px;
}

.img-flush-left-border {
	float: left;
	padding: 0;
	border: 1px solid #676766;
	margin: 2px 12px 5px 0;
}

.img-flush-right-border {
	float: right;
	padding: 0;
	border: 1px solid #676766;
	margin: 2px 0 5px 12px;
}

.img-flush-left-framed {
	float: left;
	padding: 0;
	border: 3px solid #dbd2bc;
	margin: 2px 12px 5px 0;
}

.img-flush-right-framed {
	float: right;
	padding: 0;
	border: 3px solid #dbd2bc;
	margin: 2px 0 5px 12px;
}

.img-flush-left-caption {
    float: left;
    padding: 0;
    margin: 2px 12px 10px 0;
}

.img-flush-left-caption p {
	color: #666;
    padding: 3px 3px 0 0;
    margin: 0;
}

.img-flush-right-caption {
    float: right;
    padding: 0;
   	margin: 0 0 10px 12px;
}

.img-flush-right-caption p {
	color: #666;
    padding: 3px 3px 0 0;
    margin: 0;
}


/* clear float */

div.clearit {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
}

p.clearit {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}


/* horizontal divider */

div.h-divider {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: url(../images/h-divider.gif) top left repeat-x;
	padding: 1px 0 0 0;
}

p.h-divider {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: url(../images/h-divider.gif) top left repeat-x;
	margin: 5px 0;
}

div.h-divider-ko {
	clear: both;
	font-size: 2px;
	line-height: 1px;
	background: url(../images/h-divider-ko.gif) top left repeat-x;
	padding: 1px 0 0 0;
}

p.h-divider-ko {
	clear: both;
	font-size: 2px;
	line-height: 1px;
	background: url(../images/h-divider-ko.gif) top left repeat-x;
	margin: 5px 0;
}

div.h-divider-solid {
	clear: both;
	font-size: 2px;
	line-height: 1px;
	background: url(../images/h-divider-solid.gif) top left repeat-x;
	padding: 1px 0 0 0;
}

p.h-divider-solid {
	clear: both;
	font-size: 2px;
	line-height: 1px;
	background: url(../images/h-divider-solid.gif) top left repeat-x;
	margin: 5px 0;
}


/* pdf link */

.pdf-link {
	color: #7b4831;
	line-height: 100%;
	background: url(../images/icon-pdf.gif) top left no-repeat;
	padding: 8px 10px 33px 33px;
}


/* print logo */ 

#logo-print {
	display: none;
}

/* splash page */ 

#splash-container {
	background: #0f4200 url(../images/splash-back.jpg) top left no-repeat;
	height: 100%; /* IE6 bug */
}

#sb-logo {
	padding: 0;
	/*background: #fff url(../images/logo-back.gif) top left repeat-x;*/
}

#splash-nav {
	padding: 0;
}

#splash-video1 {
	float: left;
	width: 575px;
	padding: 0 13px 41px 21px;
	display: block;
}

#splash-video2 {
	float: left;
	width: 575px;
	padding: 0 13px 41px 21px;
	display: none;
}

#splash-video3 {
	float: left;
	width: 575px;
	padding: 0 13px 41px 21px;
	display: none;
}

#splash-video4 {
	float: left;
	width: 575px;
	padding: 0 13px 41px 21px;
	display: none;
}

#splash-pledge {
	float: left;
	width: 318px;
	padding: 0;
}

.splash-pledge-txt {
	padding: 0 11px 0 11px;
}

div.splash-pledge-txt a:link, div.splash-pledge-txt a:visited, div.splash-pledge-txt a:active {
	color: #333;
	text-decoration: none;
}

div.splash-pledge-txt a:hover {
	color: #fff;
	text-decoration: underline;
}

p.splash-pledge-txt a:link, p.splash-pledge-txt a:visited, p.splash-pledge-txt a:active {
	color: #fff;
	text-decoration: none;
}

p.splash-pledge-txt a:hover {
	color: #333;
	text-decoration: underline;
}

#splash-callout-l {
	float: left;
	width: 203px;
	padding: 0 11px 24px 21px;
	overflow: hidden;
}

#splash-callout-l div {
	color: #fff;
	background: url(../images/splash-kids-back.jpg) top left no-repeat;
}

#splash-callout-lc {
	float: left;
	width: 203px;
	padding: 0 13px 24px 0;
	overflow: hidden;
}

#splash-callout-lc div {
	color: #fff;
	background: url(../images/splash-only-you-back.jpg) top left no-repeat;
}

#splash-callout-rc {
	float: left;
	width: 203px;
	padding: 0 15px 24px 0;
	overflow: hidden;
}

#splash-callout-rc div {
	color: #fff;
	background: url(../images/splash-vault-back.jpg) top left no-repeat;
}

#splash-callout-r {
	float: left;
	width: 266px;
	padding: 0 0 24px 0;
	overflow: hidden;
}

.splash-callout div {
	height: 182px;
	padding: 10px;	
}

.splash-callout table td {
	height: 182px;
	vertical-align: bottom;	
}

.splash-more {
	text-align: right;
	padding: 0;
}

.splash-more a:link, .splash-more a:visited, .splash-more a:active {
	color: #fff;
	text-decoration: none;
}

.splash-more a:hover {
	color: #fff;
	text-decoration: underline;
}


/* sub pages */

#sub-container-l {
	background: url(../images/sub-l-back.gif) top left repeat-y;
}

#sub-container-lc {
	background: #4c7f00 url(../images/sub-lc-back.gif) top left repeat-y;
}

#sub-container-cr {
	background: #4c7f00 url(../images/sub-cr-back.gif) top left repeat-y;
}

#sub-container-res-l {
	background: url(../images/sub-res-l-back.gif) top left repeat-y;
}

#content-l {
	float: left;
	width: 186px;
	overflow: hidden;
}

.content-c {
	float: left;
	width: 574px;
	overflow: hidden;
}

.content-c a {
	text-decoration: underline;
}

div.splash-pledge-txt a:hover {
	color: #fff;
	text-decoration: underline;
}

.content-lc {
	float: left;
	width: 760px;
	overflow: hidden;
}

.content-cr {
	float: left;
	width: 760px;
	overflow: hidden;
}

.content-c-indent, .content-lc-indent, .content-cr-indent {
	padding: 10px 12px;
}

#main-nav {
	padding: 0;
}

#crumb {
	color: #fff;
	font-size: .6em;
	background: #360;
	padding: 2px 18px 6px 18px;
}

#crumb.res {
	color: #fff;
	background: #996;
	padding: 2px 18px 6px 18px;
}

.intro-hdr {
	padding: 10px 8px 3px 13px;
}

.intro-hdr h1.float-l {
	float: left;
	width: 55%;
	padding: 0;
}

.print-send-r {
	float: right;
	font-size: .7em;
	font-weight: bold;
	text-align: right;
	width: 35%;
	padding: 0;
	margin-top: 10px;
	overflow: hidden;
}

.print-send-r img {
	margin-bottom: -5px;
}

.print-send-r a {
	text-decoration: none;
}


/* left nav */

#lnav {
	padding: 7px 3px;
}

#lnav li.lnav {
	font-weight: bold;
	text-align: right;
	background: url(../images/arrow-lnav.gif) top right no-repeat;
	padding: 4px 21px 4px 7px;
}

#lnav li.lnav-select {
	font-weight: bold;
	text-align: right;
	background: url(../images/arrow-lnav-select.gif) top right no-repeat;
	padding: 4px 21px 4px 7px;
}

#lnav li.lnav-down {
	font-weight: bold;
	text-align: right;
	background: url(../images/arrow-lnav-down.gif) top right no-repeat;
	padding: 4px 21px 4px 0;
	border-top: 1px solid #537432;
}

#lnav a:link, #lnav a:visited, #lnav a:active {
	color: #fff;
	text-decoration: none;
}

#lnav a:hover {
	color: #fc0;
	text-decoration: none;
}

#lnav li.lnav-select a:link, #lnav li.lnav-select a:visited, #lnav li.lnav-select a:active, #lnav li.lnav-select a:hover, #lnav li.lnav-down a:link, #lnav li.lnav-down a:visited, #lnav li.lnav-down a:active, #lnav li.lnav-down a:hover {
	color: #fc0;
	text-decoration: none;
}

#lnav li.snav {
	font-weight: normal;
	text-align: right;
	background: #295200 url(../images/arrow-snav.gif) top right no-repeat;
	padding: 2px 21px 2px 7px;
	margin-right: 7px;
}

#lnav li.snav-select, #lnav li.snav-on {
	font-weight: normal;
	text-align: right;
	background: #214200 url(../images/arrow-snav.gif) top right no-repeat;
	padding: 2px 21px 2px 7px;
	margin-right: 7px;
}

.snav-ul {
	margin-right: -28px;
	margin-bottom: -2px;
	border-bottom: 1px solid #537432;
	display: none;
}

#lnav li.snav a:link, #lnav li.snav a:visited, #lnav li.snav a:active, #lnav li.snav .snav-ul a:hover {
	color: #fc0;
	text-decoration: none;
}

#reslnav {
	padding: 7px 3px;
}

#reslnav li.reslnav {
	font-weight: bold;
	text-align: right;
	background: url(../images/arrow-reslnav.gif) top right no-repeat;
	padding: 3px 21px 3px 7px;
}

#reslnav li.reslnav a:link, #reslnav li.reslnav a:visited, #reslnav li.reslnav a:active {
	color: #fff;
	text-decoration: none;
}

#reslnav li.reslnav a:hover {
	color: #fc0;
	text-decoration: none;
}

#reslnav li.reslnav-select {
	color: #fc0;
	font-weight: bold;
	text-align: right;
	background: url(../images/arrow-reslnav-select.gif) top right no-repeat;
	padding: 3px 21px 3px 7px;
}

#reslnav li.reslnav-select a:link, #reslnav li.reslnav-select a:visited, #reslnav li.reslnav-select a:active, #reslnav li.reslnav-select a:hover {
	color: #fc0;
	text-decoration: none;
}


/* callouts */

#callouts {
	float: left;
	width: 180px;
	padding: 8px 5px;
	overflow: hidden;
} 

.callout-indent {
	padding: 0 7px;
}

div.callout-divider {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: url(../images/callout-divider.gif) top left repeat-x;
	padding: 1px 0 0 0;
}

p.callout-divider {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: url(../images/callout-divider.gif) top left repeat-x;
	margin: 5px 0;
}

#callout-ticker {
	margin: -8px -5px 8px -5px;
}

#ticker-txt {
	color: #f30;
	font-weight: bold;
}

#callouts h3 {
	color: #fc0;
	font-size: .8em;
	font-weight: bold;
}

#callout-mask {
	float: left;
	width: 92px;
	padding: 0 9px 0 0;
}

#callout-mask-txt {
	float: left;
	width: 79px;
	padding: 0;
}

a.callout-blue:link, a.callout-blue:visited, a.callout-blue:active {
	color: #3cf;
	font-weight: bold;
	text-decoration: underline;
}

a.callout-blue:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}


/* only you */

#stop-wildfires {
	width: 760px;
	height: 195px;
	background: url(../images/stop-wildfires-back.jpg) top left no-repeat;
}

#stop-wildfires h1 {
	color: #fff;
	font-weight: normal;
	vertical-align: bottom;
	padding: 155px 17px 0 17px;
}

#stop1 {
	float: left;
	color: #fff;
	width: 168px;
	background: url(../images/stop-back.gif) top right no-repeat;
	padding: 11px 5px 15px 12px;
	overflow: hidden;
} 

#stop2 {
	float: left;
	color: #fff;
	width: 159px;
	background: url(../images/stop-back.gif) top left no-repeat;
	padding: 11px 5px 15px 19px;
	overflow: hidden;
}

#stop3 {
	float: left;
	color: #fff;
	width: 166px;
	background: url(../images/stop-back.gif) top left no-repeat;
	padding: 11px 5px 15px 19px;
	overflow: hidden;
}

#stop4 {
	float: left;
	color: #fff;
	width: 178px;
	background: url(../images/stop-back.gif) top left no-repeat;
	padding: 11px 5px 15px 19px;
	overflow: hidden;
}

#stop1 h2, #stop2 h2, #stop3 h2, #stop4 h2 {
	font-weight: normal;
	padding: 0 0 15px 0;
}

#pledge {
	padding: 0 20px;
}

#pledge #fname, #pledge #email {
	width: 280px;
}

#pledge #state {
	width: 160px;
}

#tally-map {
	width: 564px;
	padding: 0 0 0 5px;
}

.photo-l-160 {
	float: left;
	width: 160px;
}

.photo-l-160-txt {
	float: left;
	width: 390px;
}


/* resources */

.resources-l {
	float: left;
	width: 102px;
	padding: 0 10px 5px 0;
}

.resources-r {
	float: left;
	width: 400px;
	padding: 0 5px 5px 0;
}

.resources-l-wide {
	float: left;
	width: 228px;
	padding: 0 10px 5px 0;
}

.resources-r-l-wide {
	float: left;
	width: 274px;
	padding: 0 5px 5px 0;
}

.resources-r p, .resources-r-l-wide p {
	font-size: .8em;
}

.resources-r p.pad5b, .resources-r-l-wide p.pad5b {
	font-size: .7em;
}


/* footer */

#footer {
	color: #ccc;
	padding: 11px 13px 15px 16px;
	border-top: 4px solid #361200;
}

#footer-l {
	float: left;
	width: 700px;
	padding: 0 10px 10px 0;
	overflow: hidden;
	padding: 10px 10px 10px 0px;
}

#footer-r {
	float: right;
	text-align: right;
	width: 195px;
	margin-top: -8px;
	overflow: hidden;
	padding: 10px 10px 10px 0px;
}

#footer-r img {
	margin-bottom: -8px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #ccc;
	text-decoration: none;
}

#footer a:hover {
	color: #fc0;
	text-decoration: none;
}


/* misc */

.color999 {
	color: #999;
}

.enlarge {
	font-size: .7em;
}

.enlarge a {
	padding-left: 20px;
	margin-left: -20px;
}

#error, .error {
	color: #fc0;
	font-weight: bold;
}

.float-l {
	float: left;
	width: 45%;
}

.float-r {
	float: right;
	text-align: right;
	width: 45%;
}

img.vt {
	vertical-align: top;
}
 
img.vm {
	vertical-align: middle;
}

img.vb {
	vertical-align: bottom;
}

.pad20b {
	padding: 0 0 20px 0;
}

.pad5b {
	padding: 0 0 5px 0;
}

.pad3b {
	padding: 0 0 3px 0;
}

.yellow {
	color: #fc0;
}

a.yellow:link, a.yellow:visited, a.yellow:active {
	color: #fc0;
	text-decoration: underline;
}

a.yellow:hover {
	color: #fff;
	text-decoration: underline;
}


#join {
	float: left;
	background: url(/images/splash-top.jpg) bottom left no-repeat;
	width: 497px;
	height: 99px;
	padding: 8px 15px 0 0;
	text-align: right;
}

.join-bg {
	background: url(/images/join-bg.gif) top right repeat-y;
	padding: 8px 0 0 0;
}

#join p {
	color: #fff;
	text-align: left;
	padding: 0 0 3px 0;
	font-size: 0.6em;
}

#join p a {
	text-decoration: underline;
}

#join label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
}

#join input {
	vertical-align: middle;
	border: 1px solid #999;
	color: #999999;
	padding: 3px;
	width: 142px;
}

#join input.check {
	border: none;
	padding: 0;
	width: auto !important;
}

#join input.btn {
	border: none;
	padding: 0;
	width: auto !important;
}

.join-r {
	float: right;
	margin: 0 0 0 20px;
	width: 185px;
}

.join-l {
	float: right;
}

#logo {
	width: 438px;
	float: left;
}

.clearit {
	clear: both;
	height: 1px;
	line-height: 1px;
}

.popup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	background: #4C7F00 url(/images/popup-bg.jpg) top left repeat-x;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left;
}

.popup h1 {
	color: #FFCC00;
	background: #336600;
	padding: 30px 10px 10px 30px;
	margin: 0 0 15px 0; 
}

.popup h1 span {
    float: right;
    padding-right: 15px;
}

.popup h1 span a{
    color: #FFCC00;
	text-decoration: underline;
    font-size: 0.4em;
}

.popup .indent {
	padding: 0 10px 0 30px;
}

.popup .indent a {
	color: #FFCC00;
	text-decoration: underline;
}

#overlay {
	padding: 0;	
    margin: 0;
	display:none; 
	background-image: url(/images/s.gif);	
}

#overlay1 {
	padding: 0;	
    margin: 0;
	display:none; 
	background-image: url(/images/s.gif);	
}

body {
	text-align: center;
}

.wallpaper {
	background: none;
	background-color: #fff; 
}

#container {
	margin: 0 auto !important;
	width: 470px;
	text-align: left;
}

#container p {
	font-size: 11px;
	color: #666666;
}

#container p a {
	color: #295200;
}

#container #column-l {
	float: left;
	width: 120px;
	margin: 0 20px 0 0;
}

#container #column-l p {
	text-align: center;
}

#container #column-l img {
	margin: 0 0 4px 0;
}

#container #column-r {
	float: left;
	width: 330px;
	padding: 45px 0 0 0;
}

#container #column-r input {
	font-size: 11px;
	color: #666666;
	height: 22px;
	padding: 3px 5px;
	font-weight: bold;
	width: 230px;
	vertical-align: middle;
}

#container #column-r input.btn {
	font-size: 11px;
	color: #666666;
	border: none;
	padding: 0;
	width: 69px;
	height: 22px;
}

#container #column-r .check {
	padding: 0;
	width: auto;
	border: none;
}

#container #column-r p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}