html, body {
	height: 100%;
}

html {
	min-height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll;
}

body {
	background-color: #502d11;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:62.5%;
}

a {
   text-decoration: none;
}

a:link, a:visited, a:active, a:hover {
}

p {
	font-size: 1.8em;
	margin-bottom: 1em;
}

p.disclaimer {
	font-size: 1.3em;
}

#container {
	height: 100%;
	margin: 0 auto;
	width: 960px;
}

#header {
	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	height: 174px;
	position: relative;
}

#header.charity {
	background-image: url(../images/header-charity-bg.png);
}
				 
#header h1, #header h2, #header h3 {
	float: left;
	text-indent: -9999px;
}

#header .nav {
	background-image: url(../images/nav-bg.png);
	background-repeat: no-repeat;
	height: 40px;
	margin-top: 124px;
	padding: 10px 20px 0 10px;
	position: absolute;
	width: 930px;
}

#header .nav li {
	float: left;
	margin-right: 11px;
}

#header .nav li.navContact {
	margin-right: 0px;
}

#header .nav li a {
	background-image: url(../images/nav-sprite.png);
	display: block;
	height: 40px;
	text-indent: -9999px;
}

#header .nav li.navHome a {
	background-position: 0 0;
	width: 72px;
}

#header .nav li.navPrices a {
	background-position: -72px 0;
	width: 88px;
}

#header .nav li.navOrder a {
	background-position: -278px 0;
	width: 76px;
}

#header .nav li.navCharity a {
	background-position: -354px 0;
	width: 86px;
}

#header .nav li.navFAQ a {
	background-position: -556px 0;
	width: 72px;
}

#header .nav li.navResources a {
	background-position: -628px 0;
	width: 102px;
}

#header .nav li.navContact a {
	background-position: -730px 0;
	width: 106px;
}

#header .nav li.navHome a:hover {
	background-position: 0 -40px;
	width: 72px;
}

#header .nav li.navPrices a:hover {
	background-position: -72px -40px;
	width: 88px;
}

#header .nav li.navOrder a:hover {
	background-position: -278px -40px;
	width: 76px;
}

#header .nav li.navCharity a:hover {
	background-position: -354px -40px;
	width: 86px;
}

#header .nav li.navFAQ a:hover {
	background-position: -556px -40px;
	width: 72px;
}

#header .nav li.navResources a:hover {
	background-position: -628px -40px;
	width: 102px;
}

#header .nav li.navContact a:hover {
	background-position: -730px -40px;
	width: 106px;
}

#content {
	margin-bottom: 20px;
}

#content .panel {
	background-image: url(../images/panel-bg.jpg);
	background-position: 10px 0;
	background-repeat: no-repeat;
	height: 160px;
	margin-bottom: 20px;
	padding: 20px;
}

#content .panel ul {
	background-image: url(../images/why-us.png);
	background-repeat: no-repeat;
	height: 150px;
	text-indent: -9999px;
	width: 355px;
}

#content .homeContent {
	float: left;
	padding-left: 10px;
	width: 760px;
}

#content .mainContent {
	font-size: 1.8em;
	padding: 20px 10px 0 10px;
}

#content .mainContent h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 20px;
}

#content .mainContent h2 {
	margin-bottom: 10px;
}

#content .mainContent h3 {
	font-size: .8em;
	font-weight: bold;
	margin-bottom: 10px;
	text-decoration: underline;
}

#content .faqContent li {
	font-size: 1em;
	font-weight: bold;
	margin-left: 10px;
}

#content .mainContent a {
	color:#FFF;
}

#content .mainContent table {
	margin-bottom: 10px;
	width: 100%;
}

#content .mainContent tr {
}

#content .mainContent tr:hover td {
	background-image: url(../images/pricepanel-bg.png);
}

#content .mainContent th {
	padding: 0 20px 0 10px;
	text-align: left;
}

#content .mainContent td {
	padding: 10px 20px 10px 10px;
}

#content .mainContent td a {
	background-image: url(../images/button-bg.png);
	background-repeat: no-repeat;
	display: block;
	height: 38px;
	line-height: 38px;
	text-align: center;
	width: 134px;
}

#content .mainContent a:hover {
	text-decoration: underline;
}

#content .mainContent p {
	color: #CCC;
	margin-left: 10px;
}

#content .mainContent dl {
	font-weight: normal;
	margin: 0 0 20px 10px;
}

#content .faqContent dl,  #content .orderContent dl, #content .charityContent dl {
	font-size: .7em;
}

#content .mainContent dt {
	font-size: 1em;
	font-weight: bold;
}

#content .mainContent dd {
	color: #CCC;
	font-size: .9em;
	margin-bottom: 20px;
}

#content .faqContent dt, #content .stateInfo dt, #content .orderContent dt, #content .charityContent dt {
	cursor: pointer;
	padding: 5px;
}

#content .faqContent dt:hover, #content .stateInfo dt:hover, #content .orderContent dt:hover, #content .charityContent dt:hover {
	background-image: url(../images/pricepanel-bg.png);
	text-decoration: underline;
}

#content .faqContent dd, #content .orderContent dd {
	font-size: .7em;
}

#content .stateInfo dd {
	margin-left: 10px;
}

#content .mainContent dd ul {
	list-style-type: circle;
	margin: 0 0 10px 10px;
}

#content .mainContent dd ul li {
	color: #CCC;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 5px 20px;
}

#content .charityContent ul {
	font-size: .8em;
}

#content .charityContent li {
	margin-bottom: 5px;
}

#content .charityContent dl {
	font-size: .9em;
}

#content .charityContent dl ul {
	font-size: .6em;
}

#content .charityContent em {
	color: #f7941d;
	font-style: normal;
}

#content .charityContent small, #content .faqContent small, #content .orderContent small, #content .orderForm small {
	color: #CCC;
	font-size: .6em;
}

#content .charityContent ul.charityRes {
	list-style-type: none;
	margin-left: 0;
}

#content .charityContent .charityRes li {
	margin: 0 0 20px 0;
}

#content .productTab {
	float: left;
	margin: 0 8px 20px 0;
}

#content .orderTab {
	float: left;
	margin: 0 10px 20px 0;
}

#content .tab1 {
	margin-left: -1px;
}

#content .homeContent .tab3, #content .tab4 {
	margin-right: 0px;
}

#content .productTab p {
	background-image: url(../images/tab-bg-top.png);
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: bold;
	height: 61px;
	margin-bottom: 0;
	padding: 10px;
	text-align: center;
	width: 222px;
}

#content .orderTab p {
	background-image: url(../images/ordertab-bg-top.png);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	height: 61px;
	margin: 0;
	padding: 10px;
	text-align: center;
	width: 207px;
}

#content .productTab a {
	background-image: url(../images/tab-bg-bottom.png);
	background-repeat: no-repeat;
	color: #FFF;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	height: 26px;
	padding: 5px 10px 0 10px;
	text-transform: uppercase;
	width: 222px;
}

#content .orderTab a {
	background-image: url(../images/ordertab-bg-bottom.png);
	background-repeat: no-repeat;
	color: #FFF;
	display: block;
	font-size: .8em;
	font-weight: bold;
	height: 26px;
	padding: 5px 10px 0 10px;
	text-transform: uppercase;
	width: 207px;
}

#content .productTab a span, #content .orderTab a span {
	float: right;
}

#content .pricePanel {
	background-image: url(../images/pricepanel-bg.png);
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 20px;
	padding: 10px 10px 0 10px;
	width: 140px;
}

#content .pricePanel td {
	padding-bottom: 20px;
}

#content .pricePanel small {
	font-size: .9em;
	font-weight: normal;
}

#content .charityNav {
	background-image: url(../images/pricepanel-bg.png);
	float: left;
	font-size: 1.2em;
	margin: 20px 0 0 10px;
	padding: 5px;
	width: 180px;
}

#content .statement {
	color: #333;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin-top: 20px;
	padding: 5px;
	text-align: center;
	width: 170px;
}

#content .charityNav li a {
	color: #FFF;
	display: block;
	padding: 5px;
}

#content .charityNav li a:hover {
	background-color: #791f00;
	text-decoration: none;
}

#content .charityNav li.current a {
	background-image: url(../images/pricepanel-bg.png);
	font-weight: bold;
	text-decoration: none;
}

#content .charityContent {
	float: left;
	margin-left: 20px;
	width: 710px;
}

#content .charityContent img.banner {
	border: 5px solid #FFF;
	margin-bottom: 10px;
}

#content .charityContent p, #content .contactContent p {
	font-size: 1em;
	margin-left: 0;
}

#content .charityContent ul {
	list-style-type: circle;
	margin: 0 0 20px 20px;
}

#content .charityContent a.questionnaire {
	background-image: url(../images/button-large-bg.png);
	background-repeat: no-repeat;
	display: block;
	height: 58px;
	line-height: 58px;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	width: 248px;
}

.orderForm fieldset {
	background-image: url(../images/pricepanel-bg.png);
	border: 1px solid #FFF;
	display: block;
	margin: 10px 0 20px 0;
	padding: 20px;
}

.orderForm legend {
	background-color: #FFF;
	color: #333;
	font-size: 1em;
	margin-bottom: 10px;
	padding: 5px;
}

.orderForm div {
	float: left;
	height: 80px;
	margin: 0 20px 10px 0;
	width: 300px;
}

.orderForm div.tall {
	padding-bottom: 20px;
}

.orderForm div.xtall {
	height: 200px;
}

.orderForm div.wide {
	width: 800px;
}

.orderForm label {
	clear: right;
	float: left;
	font-size: .8em;
}

.orderForm div.radio {
	clear: both;
	height: 30px;
	line-height: 20px;
}

.orderForm div.ss {
	padding-left: 20px;
}

.orderForm p.disclaimer {
	clear: left;
	font-size: .7em;
}

.orderForm h2 {
	clear: both;
}

.orderForm input[type=text], .orderForm textarea {
	background-color: #FFF;
	border: 1px solid #333;
	clear: left;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .8em;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding: 0 5px;
	width: 290px;
}

.orderForm input[type=text] {
	height: 30px;
}

.orderForm textarea {
	height: 60px;
}

.orderForm input[type=radio] {
	background-color: transparent;
	border: 0;
	float: left;
	height: 20px;
	width: 20px;
}

#ss {
	clear: none;
	float: none;
	width: 200px;
}

.orderForm input.submit {
	background-color: transparent;
	background-image: url(../images/button-large-bg.png);
	background-repeat: no-repeat;
	border: 0;
	clear: both;
	color: #FFF;
	display: block;
	font-size: .7em;
	font-weight: bold;
	height: 58px;
	line-height: 58px;
	margin: 20px 0;
	text-align: center;
	text-transform: uppercase;
	width: 248px;
}

#footer {
	background-image: url(../images/footer-bg.png);
	background-position: 10px 0;
	background-repeat: no-repeat;
	height: 257px;
	position: relative;
	width: 960px;
}

#footer address {
	color: #252525;
	float: left;
	font-size: 1.6em;
	font-style: normal;
	padding: 20px;
}

#footer address strong {
	color: #791f00;
	font-weight: bold;
}

#footer .contactForm {
	float: right;
	padding: 20px;
	position: relative;
}

#footer h2 {
	color: #791f00;
	float: right;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 20px;
	text-align: left;
	text-transform: uppercase;
}

#footer .contactForm {
	float: right;
}

#footer .contactForm input, #footer .contactForm textarea {
	background-repeat: no-repeat;
	color: #252525;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
}

#footer .contactForm input {
	background-image: url(../images/input-bg.png);
	height: 25px;
	margin-bottom: 5px;
	padding: 0 10px;
	width: 179px;
}

#footer .contactForm textarea {
	background-image: url(../images/textarea-bg.png);
	height: 70px;
	margin-bottom: 5px;
	padding: 5px 10px;
	width: 179px;
}

#footer .contactForm .hint {
	color: #b7b7b7;
	font-size: 1.2em;
	font-weight: bold;
}

#footer .contactForm input.submitBtn {
	background-image: url(../images/button-send.png);
	background-repeat: no-repeat;
	float: right;
	height: 43px;
	margin: 0 -4px 0 0;
	text-indent: -9999px;
	width: 148px;
}

#footer .copyright {
	bottom: -50px;
	font-size: 1.2em;
	padding-bottom: 10px;
	position: absolute;
	text-align: center;
	width: 960px;
}

.clear {
	clear: both;
}