* { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; font-family: tahoma; line-height: 18px; font-size: 11px; }
body { background: url('img/bg.jpg') repeat-x #00325f; color: #333;}
a { color: #036; text-decoration: none; }
a:hover { color: #690; } 
img { border: none; }
#page { width: 976px; margin: auto; }
#leftside { background: url('img/menu.jpg') no-repeat top left; height: 762px; width: 195px; vertical-align: top; }
#center { vertical-align: top; background: url('img/header3.png') no-repeat top left; width: 781px; height: 310px;}
#centermain { vertical-align: top; background: url('img/mainheader.jpg') no-repeat top left; width: 781px; height: 310px;}
#contenttab { border-left: 0px solid #788BA0; height: 500px; margin-top: 0px; background: white; width: 778px; text-align: left; }
#content { vertical-align: top; height: 462px; padding: 10px 10px 0px 10px; text-align: left; }
#content>ul, #content>ol, #notabcontent>ul, #notabcontent>ol { padding: 0px 20px; }
#content>h1, #notabcontent>h1 { color: #339999; }
#columns { width: 100%; text-align: center; }
#leftcolumn { vertical-align: top; text-align: left; }
#rightcolumn { vertical-align: top; text-align: left; }
#topmenu { list-style: none; text-align: right; font-size: 9px;	}
#topmenu li { display: inline; background: url('img/dotsup.gif') left no-repeat; padding-left: 20px; color: white; margin-right: 10px; }
#topmenu li#toplink1 { background: none; }
#topmenu a { color: white; }
#topmenu a:hover { text-decoration: underline; }
#hdr img { margin-bottom: 20px; float: none; }
#hdr { width: 350px; margin-top: 90px; margin-left: 30px; color: white; height: 180px; text-align: justify; text-transform: uppercase;}
#hdr td { vertical-align: top; }
#hdr h1 { font-size: 14px; margin-bottom: 10px; }
.hdrtext { font-weight: bold; margin-top: 20px; }
.hdrtextmain { font-weight: bold; margin-top: 35px; }
#hdrlinks { text-align: right; }
#hdrlinks a { color: white; font-weight: bold; }
#hdrlinks a:hover { text-decoration: underline; }
#footer { background: url('img/footer.jpg') no-repeat; margin-left: 186px; width: 789px; height: 98px; }

#foot {
	font-size: 9px;
	clear: none;
	padding-top: 55px;
	padding-left: 20px; 
}
#foot ul { float: left; list-style: none; margin-left: 10px; }
#foot li { padding-top: 10px; padding-bottom: 10px; display: inline; margin-right: 10px; background: url('img/dots2.gif') right no-repeat; padding-right: 10px;}
p#copy { display: inline; float: right; margin-right: 40px; color: #036; }
#foot li#flast { background: none; }


div#menu { padding: 200px 0 0 30px; }
div#menu h1 { font-weight: bold; background: url('img/search.gif') left no-repeat; padding-left: 20px; color: #036; }
ul#menulist { list-style: none; padding: 0px; margin: 0px; }
ul#menulist li { padding-bottom: 15px; margin-bottom: 15px; background: url('img/dots.gif') bottom left no-repeat; }
ul#menulist a { background: url('img/mico.gif') left no-repeat; padding-left: 20px; }

.greentab { margin-bottom: 10px; text-align: left; }
.greentab thead td{ padding: 0 20px 0 20px; height: 36px; width: 276px; background: url('img/greenhead.png') no-repeat; color: white; font-weight: bold; }
.greentab tbody td{ padding: 5px 15px 0px 15px; width: 286px; background: url('img/greenmain.png') repeat-y; }
.greentab tfoot td{ height: 43px; width: 316px; background: url('img/greenfoot.png') no-repeat; }

.bluetab { margin-bottom: 10px; text-align: left; }
.bluetab thead td{ padding: 0 20px 0 20px; height: 36px; width: 276px; background: url('img/bluehead.png') no-repeat; color: white; font-weight: bold; }
.bluetab tbody td{ padding: 5px 10px 0 10px; width: 296px; background: url('img/bluemain.png') repeat-y; }
.bluetab tfoot td{ height: 43px; width: 316px; background: url('img/bluefoot.png') no-repeat; }

.green2tab { margin-bottom: 10px; text-align: left; }
.green2tab thead td{ padding: 0 20px 0 20px; height: 36px; width: 375px; background: url('img/green2head.png') no-repeat; color: white; font-weight: bold; }
.green2tab tbody td{ padding: 0 10px 0 10px; width: 395px; background: url('img/green2main.png') repeat-y; }
.green2tab tfoot td{ height: 12px; width: 415px; background: url('img/green2foot.png') no-repeat; }

.pinktab { margin-bottom: 20px; margin-top: 20px; text-align: left; }
.pinktab thead td{ padding: 0 20px 0 20px; height: 40px; width: 627px; background: url('img/pinkhead.png') no-repeat; color: white; font-weight: bold; }
.pinktab tbody td{ padding: 0 10px 0 10px; width: 647px; background: url('img/pinkmain.png') repeat-y; }
.pinktab tfoot td{ height: 16px; width: 667px; background: url('img/pinkfoot.png') no-repeat; }

.regtable, .logintable { margin: auto; }
.logintable .name { text-align: right; padding-right: 5px; }
.loginerror, .regerror { text-align: center; padding: 10px; color: red; font-weight: bold; }

#accountinfo { width: 100%; }
#accleftcol, #accrightcol { width: 50%; }
#accleftcol h1 { font-size: 14px; }
.accmicroh1 { font-size: 8px; }

.regSuccess { text-align: center; font-weight: bold; }

.charitytab { width: 80%; margin: auto; }
.charitytab thead td { font-weight: bold; text-align: center; font-size: 20px; padding: 20px; }
.charitypic { float: left; margin-right: 10px; }
.charityshort, .offershort { font-weight: bold; }
.charitylong { text-align: justify; }

#charitycols { width: 100%; }
#offerscols { width: 100%; }
#chleftcol, #chrightcol, #ofleft, #ofright { width: 50%; vertical-align: top; padding-left: 20px; }

ul.itemlist { padding: 0px; margin: 0px; }
.itemlist li { list-style: none; background: url('img/bluebox.gif') no-repeat left 12px; padding-left: 10px; line-height: 2.5em; }
.itemlist a { font-weight: bold; }

.filterstr { text-transform: uppercase; margin-bottom: 20px; margin-top: 25px; }
.filterstr a { padding: 0px 5px; font-size: 14px; background: #eee; margin: 0px 2px; }
.filterstr a:hover, .filterstr .thisfc { background: #ccc;}
#itemstitle { font-size: 13px; color: #036; font-weight: bold; }

#offerurl { margin-top: 10px; }

input, textarea, select { margin: 2px 2px; }
input.inp {background: url('img/sfld.png') no-repeat; border: 0px; padding: 3px; padding-left: 5px; padding-right: 5px;
	width: 135px; height: 20px; font-size: 10px; margin: 2px 0px; }
input#searchinput { background: url('img/sfld.png') no-repeat; border: 0px; padding: 3px; padding-left: 5px; padding-right: 5px;
	width: 135px; height: 20px; font-size: 10px;
}
input#searchbtn { margin-left: 86px; margin-top: 5px; }

input.submit { background: url('img/submit.png') no-repeat; border: 0px;
	width: 51px; height: 24px; cursor: pointer; text-indent: -9999em;}
input.login { background: url('img/login.png') no-repeat; border: 0px;
	width: 51px; height: 24px; cursor: pointer; text-indent: -9999em;}
input.register { background: url('img/register.png') no-repeat; border: 0px;
	width: 58px; height: 24px; cursor: pointer; text-indent: -9999em;}


#charityinfo, #offerinfo { text-align: justify; }
#charityinfo h1, #offerinfo h1 { font-size: 16px; text-decoration: underline; color: #777; font-weight: normal; }
#charityinfo p, #offerinfo p { padding: 5px 0px; }

.chsel { font-weight: normal; background: url('img/greenarr.png') right no-repeat ; padding-right: 13px; font-size: 10px; color: #690; }
.chsel:hover  { background: url('img/bluearr.png') right no-repeat; color: #036;}

.infomsg { text-align: center; font-weight: bold; font-size: 12px; color: #069; margin: 10px 30px; padding: 10px; border: 1px solid #069;
	background-color: #cff; }

.linkbox2 { text-align: center; font-weight: bold; font-size: 12px; padding: 10px; clear: both; }
.linkbox2 a { font-size: 14px; }

.linkbox { text-align: center; font-weight: bold; font-size: 12px; color: white; margin: 10px 30px; padding: 10px; border: 1px solid #099;
	background-color: #3cc; clear: both; }
.linkbox a { font-size: 14px; }

.errmsg { text-align: center; font-weight: bold; font-size: 12px; color: #c36; margin: 10px 30px; padding: 10px; border: 1px solid #c36;
	background-color: #fcc; }
.errmsg ul { text-align: left; padding: 10px 30px; }

#adminpanel { background-color: #ffc; padding: 20px; margin: auto; border: 1px solid #aa2; }

.panelinfo { text-align: center; font-weight: bold; font-size: 12px; margin: 10px 30px; padding: 10px; border: 1px solid #aa2;
	background-color: #ffc; }
.panelinfo a, .panela { background-color: #ff8; padding: 3px; border: 1px solid #995; margin: 0px 3px; }
.panelinfo a:hover, .panela:hover { background-color: #dd5; }


#steps { margin-top: 0px; }
#steps ul li{ list-style: none; background: url('img/dotsblue.gif') bottom center no-repeat; padding: 10px 0px; }
#steps p { text-align: center; position: relative; top: 20px; }
#steps .step { font-size: 18px; color: #078; }
#steps #secondstep img { vertical-align: middle; }

#steps #newmemb a {background: url('img/bluearr.png') right no-repeat; padding-right: 13px; }
#steps #newmemb a:hover {background: url('img/greenarr.png') right no-repeat; }

.charitieslist {list-style: url('img/mico.gif'); margin: 10px 0px 0px 10px; }
.offerslist { list-style: none; margin: 10px 0px 10px 10px; }
.charitieslist li { padding: 0px 40px 0px 0px; margin-bottom: 10px; }
.charitieslist .item0 { background: url('img/greenribbon2.png') right center no-repeat; }
.charitieslist .item1 { background: url('img/blueribbon.png') right center no-repeat; }
.charitieslist .item2 { background: url('img/orangeribbon.png') right center no-repeat; }
.charitieslist .item3 { background: url('img/redribbon.png') right center no-repeat; }
.charitieslist .item4 { background: url('img/violetribbon.png') right center no-repeat; }

.offerslist li { padding: 10px 0px; clear: both;}

.panellist { list-style: none; margin: 10px; }
.panellist li { display:inline; margin: 4px;}
.panellist li a { background: #eda; padding: 5px 10px;}

.panelformtab { margin: 15px; }
.panelformtab thead { font-weight: bold; }
.panelformtab td { vertical-align: top; }

.offerpic { float: left; margin: 10px; padding: 2px 2px; margin: 10px 10px 0px 0px; border: 2px solid white; }
.ofindpic { float: left; margin-right: 5px; }
.ofindpicdiv { width: 105px; float: left; }


.completedtab { border: 1px solid black; width: 100%; }
.completedtab thead { background: #fe1; }
.completedtab td { padding: 2px 5px; }

.footcostam { text-align: right; margin-right: 10px;}
.footcostam a { font-size: 8px; color: black; background: url('img/seemore.gif') no-repeat right; padding-right: 10px; }

#faqlist { margin-bottom: 20px; }
#faqanswers li { margin-bottom: 10px; }

.faqq { font-weight: bold; }

.newstable { width: 100%; margin-bottom: 10px; margin-top: 10px; }
.newstable thead td { font-weight: bold; color: #cc6699; }
.newstable thead span { font-weight: normal; color: #999933; }
.newstable tbody p { padding: 5px 0px; }
.newstable tbody span { text-indent: 20px;  }

#rules { padding-left: 40px; }

.rulesinfo { text-align: center; }
.infoboxtext { margin: 10px; text-align: left;}

.actionbtn { text-align: center; }
.commonfaq { font-weight: bold; }

#notabcontent { padding: 0px 15px; }
.greenribbon { margin-left: 10px; }
.important { font-weight: bold; }

#privacy { height: 500px; overflow: scroll; }
#privacy p { margin-bottom: 10px; text-align: justify; margin-right: 10px; }

#accrightcol, #accleftcol { vertical-align: top; }
#accrightcol ul, #accrightcol p { padding-left: 20px; }
#accrightcol ul li { list-style: none; background: url('img/bluebox.gif') no-repeat left 12px; padding-left: 10px; padding-top: 5px;}

#getstarted { text-align: center; }
#getstarted h1 { font-weight: bold; color: #ff3399; font-size: 14px; line-height: 2.0em; }
#getstarted p { color: #ff3399; font-size: 12px; line-height: 2.0em;  padding: 0px;  }

#accchinfo { margin: 15px 0px; }

#faqcontent { padding: 0px 10px; }