html, body {height: 100%;}

body {
height: 100%;
margin:0;
padding:0;
font-size:13px;
color:#444444;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.wrapper {
min-height: 100%;

width: 960px;
height: 100%;
margin: 0 auto -4em;
padding: 0px;
position:relative;
background-color: #;
}

h4 { display: inline; font-size:1.4em; font-family: 'Shanti', arial, serif; color:#446600;}
h1 { display: inline; font-weight: 700; font-size:2.0em; font-family: 'Shanti', arial, serif; color:#333300;}
h2 { display: inline; font-size:2.0em; font-family: 'Shanti', arial, serif; color:#446600;}
h3 { display: inline; font-size:1.2em; font-family: 'Shanti', arial, serif; color:#446600;}
h5 { display: inline; font-size:1.2em; font-family: 'Gloria Hallelujah', cursive; color:#CC0033;}
h6 { display: inline; font-size:1.0em; font-family: 'Shanti', arial, serif; color:#446600;}

.vert 
{
border-left: 1px #CCCCCC solid
}


li {
margin-left: 20px;
font-size:13px;
font-weight: bold; 
}

ul {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  display: inline;
  position: relative;
  float: right;
}

li ul { display: none; }

ul li a {
  display: inline;
  text-decoration: none;
  color: #666666;
  padding: 3px 3px 3px 3px;
  margin-left: 1px;
  white-space: nowrap;
}

ul li a:hover {
}

li:hover ul {
  display: block;
  position: absolute;
}


dd {
font-size:1.4em; 
font-family: 'Arial Black', Times, serif; 
color:#555555;
}


div#logo {
margin-top:10px;
width: 144px;
text-align: left;
float: left;
}

.head1 {
font-size:1.7em; 
font-family: 'Shanti', arial, serif; 
color:#444444;
margin-bottom:4px;
}

.subhead {
font-family: Verdana, Geneva, sans-serif; 
font-size:1.1em;
font-weight:bold;
margin-bottom:4px;
}

.pricesubhead {
font-family: Verdana, Geneva, sans-serif; 
font-size:1.0em;
font-weight:bold;
margin-bottom:4px;
}

.header {
width: 100%;
margin-top: 0px;
margin: 0px;
}


div#nav {
width: 816px;
font-family: Verdana, Geneva, sans-serif;
font-size:15px;
padding: 7px;
margin-top: 0px;
position:relative;
height: 100%;
float: right;
}

.main {
width: 600px;
position:relative;
height: 100%;
margin-left: 20px;
min-height: 100%;
margin-top: 15px;
padding: 0px;
margin-bottom: 10px;
}

.mainthin {
width: 400px;
padding-bottom: 300px;
padding: 0px;
float: left;
margin-left: 20px;
margin-top: 0px;
}

.left {
width: 600px;
padding-bottom: 300px;
padding: 0px;
float: left;
margin-top: 15px;
}

.leftthin {
width: 400px;
padding-bottom: 300px;
padding: 0px;
float: left;
margin-top: 15px;
}

.middleleft {
padding-bottom: 300px;
width: 650px;
padding: 0px;
float: left;
margin-left: 20px;
margin-top: 0px;
}

.categories {
width: 600px;
position:relative;
height: 100%;
margin-left: 0px;
min-height: 100%;
margin-top: 12px;
padding: 0px;
margin-bottom:0px;
float: left;
}

.productlist {
width: 930px;
padding: 0px;
float: left;
margin-left: 20px;
margin-top: 0px;
}

.promoproduct {
width: 850px;
padding: 10px;
float: left;
margin-left: 5px;
margin-top: 17px;
border-left: 1px #CCCCCC solid;
border-top: 1px #CCCCCC solid;
border-right: 1px #CCCCCC solid;
border-bottom: 1px #CCCCCC solid;
}

.promoprice {
font-size:1.6em; font-family: 'Shanti', arial, serif; 
text-align: center;
width: 500px;
padding: 3px 3px 3px 3px;
margin-left: 0px;
margin-top: 0px;
}

.promoprice2 {
font-size:1.3em; font-family: 'Shanti', arial, serif; 
text-align: center;
width: 500px;
color:#446600;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
}

.slide
{
float: right;
width: 284px;
padding: 0px 0;
margin-bottom: 100px;
}

.slidewide
{
float: right;
width: 454px;
padding: 0px 0;
margin-bottom: 100px;
}

.slidefundraiser
{
float: right;
width: 284px;
height: 800px;
padding: 0px 0;
margin: 0px 0 0 0;
}

div#testimonials 
{
width: 250px;
font-size:12px;
margin-top: 36px;
padding: 0px;
float: right;
padding-left:30px;
border-left: .1em #AAAAAA dotted;
}

.fulfillmentbox {
float: right;
margin-top: 6px;
margin-left: 10px;
}

.popup
{
   position:absolute; left:0; top:-80; width:132;
   border-style:solid;
   border-width:4;
   border-color:blue;
   background-color:yellow;
   padding: 5px;
   color: red;
   font-family: Arial;
   font-weight: bold;
   font-size: 10pt;
   z-index:2;
   visibility:hidden;
}

.push {
height: 110px;
clear: both;
}

.infobox {
border-left: 1px #CCCCCC solid;
border-top: 1px #CCCCCC solid;
border-right: 1px #CCCCCC solid;
border-bottom: 1px #CCCCCC solid;
}

.border {
width: 1px;
font-size:11px;
margin-top: 5px;
margin-left: 0%;
min-height: 100%;
padding: 0px;
margin-bottom:0px;
float: right;
padding-left:10px;
border-left: 1px #CCCCCC solid;
}


.borderh {
width: 1px;
font-size:11px;
margin-top: 12px;
margin-left: 20%;
min-width: 100%;
padding: 0px;
margin-bottom:0px;
float: right;
padding-left:0px;
border-top: 1px #CCCCCC solid;
}

.priceborder {
width: 350px;
font-size:11px;
margin-top: 5px;
margin-left: 0%;
min-height: 100%;
padding: 0px;
margin-bottom:0px;
float: right;
padding-left:40px;
border-top: 1px #BBBBBB solid;
}

.padding {
margin-top: 5px;
margin-left: 30px;
margin-right: 20px;
}

tr.gry {
	background-color: #DDDDDD;
border-collapse: collapse; 
width: 100%;
}


.footer {
margin-top: -170px;
height: 170px;
clear:both;
width: 960;
font-size: 12px;
text-align: left;
position: relative;
border-top: 1px #EEEEEE solid;
color: #666666;
}


.footernav {
width: 900;
font-size:12px;
text-align: center;
position: relative;
height: 100%;
color: #666666;
}


.footertitle {
font-family: 'Shanti', arial, serif;
font-size:1.4em;
font-weight:bold;
margin-bottom:4px;

}

.borderwpi {
width: 1px;
font-size:11px;
margin-top: 10px;
min-height: 100%;
padding: 0px;
margin-bottom:0px;
border-left: 1px #DDDDDD dotted;
}

.size {
font-size:12px;
color: #666666;
}

.size2 {
margin-top:10px;
font-size:10px;
color: #666666;
}

body#fundraising a#Fundnav,
body#promotionalproducts a#Promotionnav,
body#mailorder a#Mailordernav,
body#packagingfulfillment a#fulfillmentnav,
body#contactus a#contactnav {
color: #446600;
text-decoration: bold;
font-size:13px;
}


a:link {
text-decoration: none;
color: #585858;
}
a:visited {
text-decoration: none;
color: #585858;
}
a:hover {
text-decoration: underline;
color: #202020;
}
a:active {
text-decoration: none;
color: #585858;
}


a.bodylink:link {
text-decoration: underline;
color: #446600;
}
a.bodylink:visited {
text-decoration: none;
color: #446600;
}
a.bodylink:hover {
text-decoration:  underline;
color: #446600;
}
a.bodylink:active {
text-decoration: none;
color: #446600;
}


a.bodylinksm:link {
font-size:9px;
text-decoration: underline;
color: #446600;
}
a.bodylinksm:visited {
font-size:9px;
text-decoration: none;
color: #446600;
}
a.bodylinksm:hover {
font-size:9px;
text-decoration:  underline;
color: #446600;
}
a.bodylinksm:active {
font-size:9px;
text-decoration: none;
color: #446600;
}



/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}