/* Reset CSS */
/*img,*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

body {
	line-height: 1em;
	color: black;
	background:#EFEFEF;
	text-align:center;
}

#pageWidth {
	width:774px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:#FFFFFF;
}

#logo {
	margin:16px 0 12px 13px;
	float:left;
}

#handLinks {
	float:right;
	margin:11px 0 0 0;
	width:325px;
	padding:0;
}

#handLinks ul {
	margin:0;
	padding:0;
}

#handLinks li {
	display:inline;
	margin:0;
	padding:0;
}

#handLinks a {
	overflow:hidden;
	display:block;
	float:left;
}

/***********************
 *      Hand Links     *
 ***********************/

#handHealth {
	width:36px;
	height:42px;
	background:url(/images/shared/hand-health.gif) top left no-repeat;
	margin:0 28px 0 0;
}

#handNutrition {
	width:54px;
	height:40px;
	background:url(/images/shared/hand-nutrition.gif) top left no-repeat;
	margin:7px 18px 0 0;
}

#handEducation {
	width:56px;
	height:40px;
	background:url(/images/shared/hand-education.gif) top left no-repeat;
	margin:2px 13px 0 0;
}

#handMental {
	width:52px;
	height:46px;
	background:url(/images/shared/hand-mental.gif) top left no-repeat;
	margin:3px 14px 0 0;
}

#handFutures {
	width:38px;
	height:39px;
	background:url(/images/shared/hand-future.gif) top left no-repeat;
	margin:3px 16px 0 0;
}


/***********************
 *       Main Nav      *
 ***********************/

#navBar {
	clear:both;
	height:29px;
	background:url(/images/shared/nav-bg.gif) top left repeat-x;
	margin: 0 0 0 2px;
}

#navBar li {
	display:inline;
	float:left;
}

#navBar a {
	height:29px;
	display:block;.
	margin:0;
	background-position:top left;
	background-repeat:no-repeat;
}

#navBar a:hover {
	background-position:bottom left;
}

#navLeftCap {
	display:block;
	background:url(/images/shared/nav-endcap.gif) top left no-repeat;
	width:41px;
	height:29px;
	float:left;
	margin:0;
}

#navSponsorChild {
	background-image:url(/images/shared/nav-sponsor-child.gif);
	width:131px;
}

#navSponsorProject {
	background:url(/images/shared/nav-sponsor-project.gif);
	width:157px;
}

#navDonation {
	background-image:url(/images/shared/nav-donation.gif);
	width:167px;
}

#navFundraise {
	background-image:url(/images/shared/nav-fundraise.gif);
	width:151px;
}

#navShop {
	background-image:url(/images/shared/nav-shop.gif);
	width:112px;
}

#navRightCap {
	background:url(/images/shared/nav-right-cap.gif) top left no-repeat;
	width:7px;
	height:29px;
	float:right;
}


/***********************
 *     Main Content    *
 ***********************/
 
#content {
	clear:both;
	margin:5px 0 0 0;
	padding:0 215px 0 165px;
}

#content .column {
	position:relative;
	float:left;
}

#main {
	width:100%;
	padding:0 0 10px 0;
} 

#lhs {
	padding:0 10px 10px 5px;
	width:150px;
	right:165px;
	margin-left:-395px;
}

#rhs {
	padding:0px 5px 10px 10px;
	width:200px;
	margin-right:-215px;
}

#footer {
	clear:both;
}


/***********************
 *    Left Hand Nav    *
 ***********************/
 
#lhNav {
	margin:0;
	padding:0;
	list-style:none;
}

#lhNav li {
	background:#bfd5ca url(/images/shared/lh-bullet.gif) top left no-repeat;
	font:bold 11px/12px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	border-top:1px solid #80b399;
	border-bottom:none;
	list-style:none;
	margin:0;
}

#lhNav a {
	display:block;
	padding:7px 0 6px 20px;
	color:#333333;
	text-decoration:none;
}

#lhNav a:hover {
	color:#80b399;
}

#lhNav li.current {
	background:#bfd5ca url(/images/shared/lh-bullet-sel.gif) top left no-repeat;
	color:#333;
}

#lhNav li.current a {
	color:#333;
}

#lhNav li.selected {
	background:#006633 url(/images/shared/lh-bullet.gif) top left no-repeat;
}

#lhNav li.selected a {
	color:#FFF;
}

#lhNav li ul {
	list-style:none;
	margin:0;
	padding:0;
}

#lhNav li.current ul li {
	background:#d7e6da url(/images/shared/lhnav-sub-bullet.gif) top left no-repeat;
	margin:0;
	padding:0;
}

#lhNav li.current ul li.selected { background:#99BBAA url(/images/shared/lhnav-sub-bullet-sel.gif) top left no-repeat; }

#lhNav li.current ul li a{
	display:block;
	padding:7px 0 6px 24px;
	color:#333333;
}

#lhs div {
	margin:10px 0 0 0;
}

#searchBox {
	margin:0 0 8px 0;
	background:url(/images/panel/gradient-green.jpg) top left no-repeat;
	padding:1px;
	height:187px;
}

#searchBox div {
	margin:10px;
	text-align:center;
	color:#FFFFFF;
}

#searchBox div span {
	color:#FFFFFF;
}

#searchBox div a {
	color:#FFFFFF;
}

#searchBox select { font:11px Verdana, Arial, Helvetica, sans-serif; }


.cartBox {
	margin:0 0 8px 0;
	background:url(/images/shared/faq-bg.gif) top left repeat-y;
}

.cartBox .cartBoxTop {
	margin:0;
	padding:0;
	height:10px;
	background:url(/images/shared/faq-top.gif) top left no-repeat;
}

.cartBox .cartBoxBot {
	margin:0;
	padding:0;
	height:10px;
	background:url(/images/shared/faq-bot.gif) bottom left no-repeat;
}

.cartBox h3 {
	text-align:center;
}

.cartBox div {
	margin:10px;
	text-align:left;
	color:#000;
	clear:both;
}

.cartBox div span {
	float:left;
	margin-bottom:10px;
}

.cartBox div span.price {
	float:right;
}


#findByAge {
	margin:0 0 10px 0;
	background:url(/images/panel/gradient-green.jpg) top left no-repeat;
	padding:1px;
}

#findByAge div {
	margin:10px;
	text-align:center;
}

#findByAge label {
	display:block;
	color:#D9CFC0;
	font-weight:bold;
	margin:0 0 5px 0;
}

#findByAge .field {
	float:left;
	margin:5px 3px;
}

#findByAge select {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:140px;
}

#childFrame, .storeLinks, .greySB {
  background:#EEEEEE url(/images/shared/frame-bg.gif) top left repeat-y;
  margin:0 0 10px 0;
}

.greenSB {
	background:#BFD5CA url(/images/shared/faq-bg.gif) top left repeat-y;
	margin:0 0 8px 0;
}

.greenSB .greenSBTop {
	margin:0;
	height:10px;
	background:transparent url(/images/shared/faq-top.gif) top left no-repeat;
}

.greenSB .greenSBBot {
	margin:0;
	height:10px;
	background:transparent url(/images/shared/faq-bot.gif) bottom left no-repeat;
}

#childFrame div {
	margin:0 10px;
}

.storeLinks div, .greySB div, .greenSB div {
	margin:10px;
}

.storeLinks h3 {
	margin:0 10px 1em 10px;
}

#childFrame #childFrameTop, .storeLinks .storeLinksTop, .greySB .greySBTop {
	margin:0;
	height:10px;
	background:url(/images/shared/frame-top.gif) top left no-repeat;
}

#childFrame #childFrameBot, .storeLinks .storeLinksBot, .greySB .greySBBot {
	margin:0;
	height:10px;
	background:url(/images/shared/frame-bot.gif) bottom left no-repeat;
}

.locationDropDown { width:140px; }

#footer {
	padding:0 5px 10px 5px;
}

#footNav {
	height:25px;
	background:url(/images/shared/ft-bg.gif) top left repeat-x;
	margin:4px 0 0 0;
	padding:7px 0 0 0;
	text-align:center;
	font:10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#footNav a {
	color:#FFFFFF;
	text-decoration:none;
}

#footNav a:hover{
	text-decoration:underline;
}


/***********************
 *     Text Styles     *
 ***********************/


a {
	color:#BA7539;
	font-weight:bold;
	text-decoration:underline;
}

h1 {
	font:bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
	margin:1em 0;
	color:#000000;
	text-transform:uppercase;
}

h2 {
  font:bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
  margin:0 0 1em 0;
  color:#000000;
}

h3 {
	color:#006633;
	font:bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 1em 0;
}

p {
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 1em 0;
	color:#000000;
}

.greyBg {
  background:#EEEEEE url(/images/rough-edge.gif) bottom left no-repeat;
  padding:8px 0 20px 0;
}

#products {
	width:393px;
	text-align:center;
}

.product {
	width:110px;
	text-align:center;
	margin:10px;
	float:left;
}

.product a {
	display:block;
	margin:5px 0 0 0;
	line-height:normal;
}

.productImage {
	float:left;
	margin:0 5px 5px 0;
}

.productDesc {
  float:left;
  width:170px;
}

.productTable {
	clear:both;
}

.productTable th {
	background:#EEE;
	padding:5px 0 5px 5px;
}

.productTable td {
	padding:5px;
}

.productTable tr {
	border-bottom:1px solid #000000;
}

.separator {
	padding:0;
	height:5px;
	background:url(/images/line_grey_ragged.png) top left no-repeat;
	margin:0 0 1em 0;
	clear:both;
}

.formDiv {
	background:#e9e3da url(/images/form-rough-bottom.gif) bottom left no-repeat;
	padding:8px 0 20px 0;
}

.whiteForm { padding:8px 0 0 8px; }

.formDiv .name {
	float:left;
	width:170px;
	margin: 0 0 8px 8px;
	line-height:normal;
}

	.formDiv .name h3 { margin:0; }

.formDiv .value, .whiteForm .value, .formDiv .check {
	float:right;
	width:200px;
	margin: 0 8px 8px 0;
}

.formDiv .item {
	clear:both;
}

.formDiv .separator {
	padding:0;
	margin:8px 0;
	height:28px;
	background:url(/images/form-seperator.gif) 0px 5px no-repeat;
	clear:both;
}

.formDiv .full, .greyBg .full {
	margin:0 8px 8px 8px;
}

.clear {
	clear:both;
}

.formDiv input, .formDiv select, .greyBg input, .greyBg select {
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#dps {
	text-align:center;
}

#dps a { text-decoration:none;display:block;margin:5px 0; }

#dps a:hover { text-decoration:underline; }

.area { width:50px; }

table.cart {
	width:100%;
}

table.cart th {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#006633;
	padding:0 0 5px 0;
}

table.cart td {
	
}

.size1 {
  width: 60px;
}

.size2 {
  width: 100px;
}

.size3 {
  width: 150px;
}

.size4 {
  width: 175px;
}

.size5 {
  width: 200px;
}

.success h3 {
	float:left;
	margin:0;
	display:inline;
}

.success .date {
	float:right;
	font-weight:bold;
	display:inline;
	margin:0;
}

.success .content {
	clear:both;
}

.successImage {
	float:left;
	margin:5px 5px 5px 0;
}

.appeal h3 {
	margin:0 0 1em  0;
}

.errorMessageBG {
	background:#BFD5CA;
}

.errorMessageBG td {
	padding:10px 0;
}

.errorMessageBG img {
	display:none;
}

.check input {
	float:left;
	width:20px;
}

.check span {
	float:right;
	width:170px;
}

ol, ul {
	margin:0 0 1em 0;
	padding:0 0 0 30px;
}

ol li, ul li {
	margin:.5em 0;
	padding:0;
}

img.copy {
	margin:10px;
}

.small {
	font-size:9px;
	text-align:left;
	line-height:normal;
}

div#navBar ul li { margin:0; }

a img { border:0; }

h2#shop {
  font-size:18px;
}