* {margin:0; padding:0; }
body {background:#ffffff; font-family:Arial, sans serif; font-size:12px; text-align:left; color:black;}

P, H1, H2, H3 {margin-top:10px;}
.center {text-align:center;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
LI {margin-left:30px; margin-top:10px; }
.greenbold {font-weight:bold; color:#09680D;}
.redbold {font-weight:bold; color:#ffffff; background:#cc0033; padding:5px;}
.greenbox {border:thick solid #09680D; padding:5px;}
TABLE {width:100%; }
TD {vertical-align:top; width:170px; padding-right:10px;}
TD LI {margin-left:25px;}
TH {font-size:larger; font-style:italic;}

TABLE.account {border-collapse:collapse; font-size:11px; table-layout:fixed;}
TABLE.account TD, TABLE.account TH {border:thin solid black; padding:3px;}
TD#date, TH#date {width:75px;}
TD#orderid, TH#orderid {width:40px;}
TD#donorname, TH#donorname {width:75px;}
TD#prodname, TH#prodname {width:75px;}
TD#prodqty, TH#prodqty {width:25px;}
TD#nonprofit, TH#nonprofit {width:50px;}
TD#comments, TH#comments {width:100px;}

TABLE.donations {border-collapse:collapse; font-size:11px; table-layout:fixed;}
TABLE.donations TD, TABLE.account TH {border:thin solid black; padding:3px;}
TD.date, TH.date {width:75px;}
TD.orgname, TH.orgname {width:100px;}
TD.location, TH.location {width:100px;}
TD.amount, TH.amount {width:75px;}

A:link, A:hover, A:visited, A:active {text-decoration:underline; color: #09680D;}
A:link IMG, A:hover IMG, A:visited IMG, A:active IMG {border: thin solid #09680D;}

DIV#top IMG {border:0;}

DIV#greenbar {clear:both; background:#09680D; color:white; font-family:Times New Roman, serif; font-size:18px; font-style:italic; width:100%; line-height:50px; text-align:center;}

/* Following is the CSS for displaying graphic headings on each page within the Hn HTML elements. */
H1#welcome {text-indent: -5000px; background: url(images/welcome01.jpg) no-repeat; height:36px;}
H1#aboutus {text-indent: -5000px; background: url(images/aboutus01.jpg) no-repeat; height:26px;}
H1#howitworks {text-indent: -5000px; background: url(images/howitworks01.jpg) no-repeat; height:34px;}
H1#target {text-indent: -5000px; background: url(images/target01.jpg) no-repeat; height:34px;}
H1#random {text-indent: -5000px; background: url(images/random01.jpg) no-repeat; height:34px;}
H1#zones {text-indent: -5000px; background: url(images/zones01.jpg) no-repeat; height:27px;}
H1#donationsmade {text-indent: -5000px; background: url(images/donationsmade01.jpg) no-repeat; height:26px;}
H1#advantages {text-indent: -5000px; background: url(images/advantages01.jpg) no-repeat; height:34px;}
H1#procedures {text-indent: -5000px; background: url(images/procedures01.jpg) no-repeat; height:34px;}
H1#howto {text-indent: -5000px; background: url(images/howtokit01.jpg) no-repeat; height:34px;}
H1#faq {text-indent: -5000px; background: url(images/faq01.jpg) no-repeat; height:34px;}
H1#agreement {text-indent: -5000px; background: url(images/agreement01.jpg) no-repeat; height:34px;}
H1#contact {text-indent: -5000px; background: url(images/contactus01.jpg) no-repeat; height:27px;}
H1#sitemap {text-indent: -5000px; background: url(images/sitemap01.jpg) no-repeat; height:34px;}
H1#customerlogin {text-indent: -5000px; background: url(images/customerlogin01.jpg) no-repeat; height:34px;}
H1#tellafriend {text-indent: -5000px; background: url(images/tellafriend01.jpg) no-repeat; height:26px;}
H1#privacy {text-indent: -5000px; background: url(images/privacy01.jpg) no-repeat; height:34px;}
H1#conditions {text-indent: -5000px; background: url(images/conditions01.jpg) no-repeat; height:27px;}
H1#dmzone01 {text-indent: -5000px; background: url(images/dmzone01.jpg) no-repeat; height:27px;}
H1#dmzone02 {text-indent: -5000px; background: url(images/dmzone02.jpg) no-repeat; height:27px;}
H1#dmzone03 {text-indent: -5000px; background: url(images/dmzone03.jpg) no-repeat; height:27px;}
H1#dmzone04 {text-indent: -5000px; background: url(images/dmzone04.jpg) no-repeat; height:27px;}
H1#dmzone05 {text-indent: -5000px; background: url(images/dmzone05.jpg) no-repeat; height:26px;}
H1#dmzone06 {text-indent: -5000px; background: url(images/dmzone06.jpg) no-repeat; height:27px;}
H1#dmzone07 {text-indent: -5000px; background: url(images/dmzone07.jpg) no-repeat; height:27px;}
H1#dmzone08 {text-indent: -5000px; background: url(images/dmzone08.jpg) no-repeat; height:26px;}
H1#dmzone09 {text-indent: -5000px; background: url(images/dmzone09.jpg) no-repeat; height:27px;}
H1#dmzone10 {text-indent: -5000px; background: url(images/dmzone10.jpg) no-repeat; height:26px;}
H1#dmzone11 {text-indent: -5000px; background: url(images/dmzone11.jpg) no-repeat; height:26px;}
H1#dmzone12 {text-indent: -5000px; background: url(images/dmzone12.jpg) no-repeat; height:27px;}
H1#dmzone13 {text-indent: -5000px; background: url(images/dmzone13.jpg) no-repeat; height:27px;}
H1#dmzone14 {text-indent: -5000px; background: url(images/dmzone14.jpg) no-repeat; height:27px;}
H1#dmzone15 {text-indent: -5000px; background: url(images/dmzone15.jpg) no-repeat; height:27px;}
H1#dmzone16 {text-indent: -5000px; background: url(images/dmzone16.jpg) no-repeat; height:27px;}
H1#dmzone17 {text-indent: -5000px; background: url(images/dmzone17.jpg) no-repeat; height:27px;}
H1#dmzone18 {text-indent: -5000px; background: url(images/dmzone18.jpg) no-repeat; height:27px;}
H1#dmzone19 {text-indent: -5000px; background: url(images/dmzone19.jpg) no-repeat; height:27px;}
H1#dmzone20 {text-indent: -5000px; background: url(images/dmzone20.jpg) no-repeat; height:27px;}
H1#dmzone21 {text-indent: -5000px; background: url(images/dmzone21.jpg) no-repeat; height:27px;}
H1#dmzone22 {text-indent: -5000px; background: url(images/dmzone22.jpg) no-repeat; height:26px;}
H1#howtosamples {text-indent: -5000px; background: url(images/howtosamples01.jpg) no-repeat; height:34px;}
H1#myaccount {text-indent: -5000px; background: url(images/myaccount01.jpg) no-repeat; height:34px;}
H1#demologin {text-indent: -5000px; background: url(images/demologin01.jpg) no-repeat; height:34px;}
H1#demoaccount {text-indent: -5000px; background: url(images/demoaccount01.jpg) no-repeat; height:27px;}
H1#requestprofit {text-indent: -5000px; background: url(images/requestprofit01.jpg) no-repeat; height:34px;}


/* Three-column liquid layout follows.  NOTE:  Only problem I can find with this layout is if the content div is not high enough, the body background color will show through.  Solution, if necessary, will be to make a box div surrounding the 3-col section and make its background color the same as the content div's color. Alternately, body bg same as other DIVs' bg.  */
DIV#top {background:#ffffff; padding:5px; text-align:center; }
	/* Actual width of left column: 150px; 140px + 5px padding either side. 
	Actual width of right column: 325px; 315px + 5px padding either side.  */
DIV#left {float: left; width: 140px; margin-left: -100%; background:#ffffff; padding:5px; text-align:left;}
DIV#right {float: left; width: 315px; /* <- Width of right column*/ margin-left: -325px; /*Set left marginto -(RightColumnWidth)*/ background:#ffffff; padding:5px;}
DIV#container {float: left; width: 100%; }
DIV#content {background:#ffffff; margin:0 325px 0 150px; padding:5px;} /*Left and right margins same as left and right column widths. */
DIV#bottom {clear:both; background:#ffffff; padding:5px; text-align:center; font-size:10px;}
/* End three-column layout. */

/* "Button" rollover effect for nav menu. */
DIV#left P {margin-top:0px; padding-top:7.5px; padding-bottom:7.5px; padding-left:5px;}
DIV#left P:hover, DIV#left P:hover A {background:#09680D; color:white !important;}

/* Special effect requested by Paul Smart for the "Account Demonstration" text only. */
DIV#left SPAN.demo P {margin-top:0px; padding-top:7.5px; padding-bottom:7.5px; padding-left:5px; background:#FBCA11; }
DIV#left SPAN.demo P:hover, DIV#left SPAN.demo P:hover A {background:#09680D; color:#FBCA11 !important;}