body {
	background: #fff url(/images/bg.jpg) top left repeat-x;
	margin: 0; padding: 0;
	
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	
}

div {margin: 0; padding: 0; overflow: hidden;}
a {color: #fff; outline: none;}
a img {border: none;}
form {padding: 0; margin: 0;}
p {margin: 0 0 1em 0;}
h2 {
	font-weight: normal; font-size: 20px;
	color: #ed3c95;
	margin: 12px 0 7px 0;
}


.center {text-align: center;}
.clear {clear: both;}
div.clear {height: 0; padding: 0; margin: 0;}
.red {color: red;}
.pink {color: #ed3c95;}
.white {color: #fff;}

#wrap {
	width: 850px;
	margin: 11px auto;
	background: #574218 url(/images/page-bg.gif) top left repeat-y;
}

body#memberships #wrap, 
body#donations #wrap, 
body#merchandise #wrap, 
body#members #wrap {background-image: none;}

#banner {
	display: block;
	width: 850px;
	height: 175px;
	position: relative;
}
#banner h1 {
	position: absolute;
	top: 0; left: 0;
	width: 504px; height: 175px;
	padding: 0; margin: 0;
	background: #574218 url(/images/pink-and-green-banner.gif) top left no-repeat;
}
#banner h1 span {display: none;}

#promotion-banner {float: right;}
#inpink-join-banner {display: none;}
#pink-penguin-banner {display: block;}
body#home #inpink-join-banner {display: block;}
body#home #pink-penguin-banner {display: none;}


#collar {
	width: 850px;
	height: 39px;
	position: relative;
}

#menu {
	width: 504px;
	height: 39px;
	background-color: #ed3c95;
	background: #ed3c95 url(/images/menu-bg.gif) top left no-repeat;
	background-color: red;
}

#menu a span {display: none;}
#menu a {height: 39px; display: block; float: left;}
#menu a#menu-home {
	width: 136px;
	background: #ed3c95 url(/images/menu/menu-home.gif) top left no-repeat;
}
#menu a#menu-magazine {
	width: 80px;
	background: #ed3c95 url(/images/menu/menu-magazine.gif) top left no-repeat;
}
#menu a#menu-donations {
	width: 82px;
	background: #ed3c95 url(/images/menu/menu-donations.gif) top left no-repeat;
}
#menu a#menu-merchandise {
	width: 102px;
	background: #ed3c95 url(/images/menu/menu-merchandise.gif) top left no-repeat;
}
#menu a#menu-sponsors {
	width: 104px;
	background: #ed3c95 url(/images/menu/menu-sponsors.gif) top left no-repeat;
}

#sign-up {
	width: 346px;
	height: 39px;
	position: absolute;
	right: 0; top: 0;
	background-color: #574218;
	overflow: hidden;
	
	font-size: 11px;
	color: #ed3c95;
	text-algin: center;
}

#sign-up form {padding: 9px 6px;}
#sign-up a {color: #fff;}

#sign-up input.text {
	width: 100px;
	border: 1px solid #574218;
	vertical-align: middle;
}
#sign-up .button {vertical-align: middle; margin-left: 3px;}
#sign-up span {color: #fff;}
#sign-out {text-align: right; padding: 7px; display: block; padding-right: 10px;}

#main {
	width: 504px;
	float: left;
	position: relative;
}
#main .gutter {padding: 20px;}
#main .subbanner {margin: -20px -20px 18px -20px;}
#main p {font-size: 13px;}
#main h3 {font-size: 20px; font-weight: normal; color: #ed3c95;}

body#members #main, 
body#merchandise #main, 
body#memberships #main, 
body#donations #main {width: 850px;float: none;}
body#merchandise #main p {font-size: 13px;}

#main h2.banner {
	margin: -20px -20px 18px -20px;
	background: transparent url(/images/subbanner-members.jpg) 0 0 no-repeat;
	width: 504px;
	height: 142px;
	color: #fff;
	position: relative;
}
#main h2.banner span {
	position: relative;
	top: 57px; left: 22px;
	font-weight: normal;
	font-size: 24px;
}
#main h2.members {background: transparent url(/images/subbanner-members.jpg) 0 0 no-repeat;}
#main h2.about {background: transparent url(/images/subbanner-about.jpg) 0 0 no-repeat;}
#main h2.sponsors {background: transparent url(/images/subbanner-sponsors.jpg) 0 0 no-repeat;}

#main #cart-menu {
	float: right;
	width: 342px;
	height: 35px;
	background-color: #ed3c95;
	margin-top: -20px;
	margin-right: -20px;
	padding: 2px;
	
	text-align: right;
}
#cart-menu p {padding: 0; margin: 8px 20px;}

#product-list {clear: both; margin: 20px 0 20px 0;}
.product {
	float: left;
	width: 200px;
	text-align: center;
}
.product h4 {margin: 4px 0 0 0; font-size: 14px; color: #ed3c95;}
.product span {display: block; font-size: 14px;}
.product .add-to-cart-button {margin: 8px 0;}

#partner-products {clear: both; margin-top: 40px;}
.partner-product img.partner-image {float: left; margin-right: 8px;}
.partner-product div {margin-left: 20px;}
.partner-product h3 {margin: 0 0 4px 0; font-size: 14px;}
.partner-product p {margin: 2px 0 0 0;}
.partner-product p.partner-contact {margin: 0; color: #ed3c95;}


#main #ads {
	clear: right;
	float: right;
	width: 335px;
	margin: 10px -10px 30px 20px;
}

#main #inpink-member-store {
	float: right;
	margin: -20px -20px 10px 20px;
}

#main #promo-box {
	float: right;
	width: 346px;
	margin-top: -20px;
	margin-right: -20px;
	margin-left: 20px;
	overflow: visible;
}

#magazine-list {
	margin: 20px 0;
}

.magazine {
	width: 142px;
	float: left;
	line-height: 1.1;
}

#inpink-team {
	margin: 40px -8px 0 -8px;
	background: transparent url(/images/inpink-team-box.jpg) top left no-repeat;
	color: #fff;
	line-height: 1.2;
	display: block;
}
#inpink-team h3 {
	color: #fff; 
	margin: 0 0 4px 0;
	background-color: #ed3c95;
	padding: 4px 10px;
	display: block;
	Xdisplay: inline-block;
	
}
#inpink-team p {
	padding: 4px 10px;
}

#more-good-info {
	width: 183px;
	float: right;
	Xdisplay: inline-block;
	background-color: #00aeef;
	color: #fff;
	text-align: center;
	margin-right: -20px;
	margin-top: -20px;
	padding: 0px 0px 20px 0;
}
#more-good-info h3 {color: #fff; margin-top: 40px;}
#more-good-info p {padding: 0 8px;}

.join-box {
	width: 262px;
	float: left;
	border-right: 1px solid #8cc63f;
	text-align: center;
	line-height: 1.2;
}
div.join-box.last {border-right: none;}

.join-box h4 {
	margin: 0;
	font-size: 21px;
	color: #ed3c95;
	font-weight: normal;
}
.join-box h4 span {color: #fff;}

.join-box h5 {
	margin: 4px 0 0 0;
	font-size: 12px;
	color: #ed3c95;
}
.join-box h5.member-price {color: #fff; margin: 0 0 8px 0; font-weight: normal;}
.join-box p {margin-bottom: 0;}

#raffle-winners {
	border: 1px solid #fff;
	height: 157px;
	padding: 20px;
	position: relative;
	border-collaspse: collapse;
}
#raffle-winners h2 {margin-top: 0;}
#raffle-winners h4.winner {margin: 0; color: #ed3c95;}
#raffle-winners h4.winner span {color: #fff; font-weight: normal;}
#raffle-winners p {width: 60%;}
#raffle-winners img {border-left: 1px solid #fff;}
#raffle-winners img#prize-1-photo {
	position: absolute;
	top: 0; right: 0;
	border-bottom: 1px solid #fff;
}
#raffle-winners img#prize-2-photo {
	position: absolute;
	bottom: 0; right: 0;
}

#membership-upgrade {clear: left; margin-top: 20px;}
#membership-upgrade a {
	float: left;
	width: 150px;
}
#membership-upgrade p {
	font-size: 14px;
	margin: 4px 0 0 152px;
}

#membership-form-intro {width: 480px;}
form#membership_form {width: 484px; padding-left: 20px;}
form#membership_form div, form#signin div {margin-bottom: 1em;}
form#membership_form label, form#signin label {
	display: block;
	font-size: 11px;
	line-height: 1.1;
	margin-bottom: 0;
}
form#membership_form input.text, form#signin input.text {width: 80%; border: 1px solid #fff; font-size: 110%; padding: 2px;}

#donate-form-intro {width: 480px;}
form#donate_form {width: 484px; padding-left: 20px;}
form#donate_form div, form#signin div {margin-bottom: 1em;}
form#donate_form label, form#signin label {
	display: block;
	font-size: 11px;
	line-height: 1.1;
	margin-bottom: 0;
}
form#donate_form input.text, form#signin input.text {width: 80%; border: 1px solid #fff; font-size: 110%; padding: 2px;}

#sponsor-logos {
	text-align: center;
}

#coming-soon {
	height: 245px;
	position: relative;
	background: transparent url(/images/coming-soon.jpg) top left no-repeat;
}
#coming-soon h2 {
	position: absolute;
	top: 50px; left: 92px;
	color: #fff;
	font-size: 24px;
}


#sidebar {
	float: right; width: 340px;
	letter-spacing: normal;
}
#sidebar .gutter {padding: 20px 22px 20px 20px}
body#members #sidebar, 
body#merchandise #sidebar, 
body#memberships #sidebar, 
body#donations #sidebar {display: none;}


#sidebar #sidebar-ads {
	margin: -12px -22px 0 -22px;
}

#sidebar h2 {
	font-weight: normal; font-size: 30px;
	text-align: right; 
	color: #ed3c95;
	margin: 12px 0 7px 0;
}

#sidebar form div {margin-bottom: 6px; line-height: 1;}
#sidebar .contact-text {
	width: 100%;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	padding: 2px;
	border: 1px solid #fff;
}
#sidebar #contact p {text-align: right; font-size: 11px; line-height: 1.3; }

#sidebar #address {font-size: 14px;}
#sidebar #address {text-align: right;}
#sidebar #address span {color: #ed3c95;}
#sidebar #address h2 {margin-top: 0;}
#sidebar #address p {margin-bottom: 0;}


#footer {
	width: 850px;
	height: 46px;
	vertical-align: middle;
	margin: 8px auto 8px auto;
	color: #898989;
	font-size: 12px;
}

#footer a {color: #898989; text-decoration: none;}
#footer img {
	vertical-align: middle;
}

#footer #bottom-menu {
	float: left;
	margin-top: 13px;
}
#bottom-menu a {text-decoration: none;}
#bottom-menu a:hover {text-decoration: underline;}

#footer #in-support-of {float: right; vertical-align: middle;}


#copyright {
	clear: both;
	padding-top: 10px;
	text-align: center;
	font-size: 80%;
	color: #574218;
}
#copyright a {color: #009;}