body {background-color: #f2f2f2;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
line-height: 18px;
margin: auto; 
color: #555555;}


a {color: #70923c;
text-decoration:none;
}
a:hover {color: #84b638;
text-decoration: none;}

h2 {font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
margin-left: 16px;
padding-bottom: 2px;
border-bottom: dashed 1px #777777;
text-transform: uppercase;}

h3 {font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
margin-left: 16px;
color: #444444;
}

hr {color:#999999;}

#nav {
	background-image: url(img/navbg.gif);
	background-repeat: repeat-x;
	height: 36px;
	text-align: left;
}

.join {background-image: url(img/navbg.gif);
	background-repeat: repeat-x;
	padding-right: 10px;
	height: 36px;}

#subnav {background:#21352f;
color: #eeeeee;
height: 20px;
display: block;
margin-top: 10px;
overflow: hidden;
padding-left: 16px;}

#subnav a{color: #eeeeee;
margin-left: 4px;
margin-right: 4px;}

#subnav a:hover {color: #ffffff;}

#topbar {background-image:url(img/topbar.gif);
background-repeat:repeat-x;
height: 28px;
width: 867px;
text-align:right;}

#bottombar {background-image:url(img/btmbar.gif); background-repeat:repeat-x;
height: 43px;
width: 867px;
text-align: center;}

.bbb {margin-right: 140px;}

#social {margin-left: 100px;
}
.universal img {padding: 5px;}
.universal p {margin: 10px 0 0 10px;}
.universal a {color: #21352f;}
.universal a:hover {color: #84b638;}

.padtop {margin-top: 135px;}

.heading {padding-right: 200px;
background-color: #e8e8e8;
height: 18px;
border-bottom: 1px solid #999999;}

.smallpad {margin-top:5px;
}

.smallpad p {margin-left: 15px;}
.smallpad table {margin-left: 15px;}

.holder {margin-top: 25px;}

.makecard {background-image:url(img/pgbgMake.jpg); background-repeat:no-repeat;
height: 355px;
text-align: center;
padding-top: 100px;
margin-top: 0px;}

.products {background-image:url(img/pgbgProd.jpg); background-repeat:no-repeat;
height: 93px;
padding-top: 300px;
text-align: left;
padding-left: 45px;}

/* need to subtract padding from height to indicate actual height */


.products img {margin-top: 6px;
border: 0px;}

.lifeshare {background-image: url(img/pgbgLife.jpg); background-repeat:no-repeat;
height: 455px;
text-align: left;
}

.joindiv {background-image: url(img/pgbgJoin.jpg); background-repeat:no-repeat;
height: 325px;
padding-top: 68px;
text-align: left;}

.joinFill {background-image:url(img/joinBtm.jpg);
background-position:bottom;
background-repeat:repeat-x;
height: 325px;}

.padJoin {margin-left: 24px;}


.community {background-image: url(img/pgbgComm.jpg); background-repeat:no-repeat;
height: 455px;
text-align: left;
padding-left: 25px;}

.photo {margin: 6px;
margin-left: 18px;
padding: 6px;
background-color:#dddddd;
border: 1px solid #666666;}

.photonomargin {margin: 6px;
padding: 6px;
background-color:#dddddd;
border: 1px solid #666666;}

/* need to match height of photos */

.bio {height: 200px;}
.bio p {margin-right: 200px;}

.mission {float: right;}

input {background-color:#ffffff;
color: #555555;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;}

textarea {background-color:#ffffff;
color: #555555;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;}