@charset "utf-8";
/* Page Layout CSS */

/* --------------------------------------------
	Conditional Browser Rules
----------------------------------------------- */

/*
	Usage: Apply each of these "hacks" after the initial incorrect value has been set.

	Child Selector for FF, IE7, Opera, Safari:
		html > body element {rule}
	
	Child Selector + Comment Hack, which IE7 ignores:
		html >/^^/ body element {rule}
	
	Replace ^ with *
*/



/* --------------------------------------------
	Top-level Elements
----------------------------------------------- */

/* Top-level Elements

    * HTML - HTML document
          o BODY - Document body
*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100.01%;	/* Creates scrollbar in FF */
}

body {
	background-image:url(../images/bg_blue.gif);
	/*background-repeat: repeat-x;*/
	color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-bottom: 100px;
}

a {
	color:#00F;
}
/* --------------------------------------------
	Block Level Elements
----------------------------------------------- */

#outer_box	{
	height:auto;
	width: 850px;
	margin: auto;
	/*background: url(../images/bg_header.gif) repeat 0 0;*/
	background-color:#FFFee9;
	border:thin #444 solid;
}
#outer_box_join	{
	height:auto;
	width: 850px;
	margin: auto;
	/*background: url(../images/bg_header.gif) repeat 0 0;*/
	background:url(../images/mandalaRed.png) no-repeat center 239px;
	background-color:#FFFee9;
	border:thin #444 solid;
}

#header {
	margin: auto;
	height:auto;
	width: auto;
}

img.logo {
	margin: 20px auto -100px 35px;
}

/*img.volcano {
	margin: -25px 10px 20px 150px;
}
*/
#headline {
	width: 340px;
	height: 90px;
	background-color: #FFEA94;
	margin: -10px 20px 30px 466px;
	text-align:center;
	border:medium solid #396d69;
	
}
#headline h2{
	font: italic bold 24px Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	color: #555; /*#A72A11;*/
}
#headline h3{
	font: italic bold 20px Georgia, "Times New Roman", Times, serif;
	color: #555; /*#4C25B6;*/
}
#headline h3 span{
	font-size: 22px;
}
div.head_text {
	font:italic 10px Georgia, "Times New Roman", Times, serif;
	margin: -8px auto -1px 0;
	color:#8C740E;
}
div.head_address {
	float:left;
	margin-left: 5px;
}
div.head_copyright {
	float:right;
	margin-right: 5px;
}

#color_band {
	height:15px;
	width: auto;
	background-color:#006837;
	margin-top: 20px;
}

h2.selection_heading, h2.caption, h2.caption_right, h2.captionBuying, h2.captionJoin,  h2.caption_joined{
	font: italic bold 24px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	margin: 25px auto 20px auto;
	color:#396d69;
}

h2.captionJoin {
	margin-left: 134px;
}

h2.selection_heading {
	margin-left: 164px;
}

h2.caption_right {
	margin:25px auto 20px 180px;
}

#page_content {
	position:relative;
}
#page_content_UC {
	height: 600px;
	width: 850px;
	background:url(../images/mandalaSketch.jpg) no-repeat 65% 60%;
/*	background-image:url(../images/mandalaSketch.jpg);
	background-repeat:no-repeat;
	background-position:80% 60%;
*/}
#page_content_joined {
	height: 357px;
	width: 850px;
}
#page_content_joined h3 {
	font: bold italic 30px Georgia, "Times New Roman", Times, serif;
	color:#396d69;
	margin: 260px auto auto 332px;
}
img.imageLeft {
	float:left;
	margin:-60px auto auto 15px;
}

img.store {
	margin: 10px 0px auto 0px;
}
img.map {
	margin: 10px 0px auto 20px;
}
p.googleMapLink {
	position:relative;
	margin:-280px auto 280px 30px;
}
div.mailListJoin p{
	display:block;
	margin: 20px 260px 5px 240px;
	font: 10px Verdana, Geneva, sans-serif;
	line-height:1.2em;
}
div.mailListExplain {
	background-color: #fffdcb;
	width: 515px;
	height: auto;
	margin: 10px 80px 10px 240px;
	font: 10px Verdana, Geneva, sans-serif;
	line-height:1.2em;
	border-left: thin #A58D10 solid;
	border-right: thin #A58D10 solid;
	padding: 3px 0px 3px 6px;
	color:#203d3b;
}
#mailingForm {
	width: 500px;
	height: auto;
	background-color: #FFEA94;
	margin: 5px auto 10px 240px;
	border:solid thin #A58D10;
	font: 10px Verdana, Geneva, sans-serif;
	padding: 10px;
	color:#203d3b;
	line-height:1.6em;
}
#mailingForm input, #mailingForm textarea {
	font: 12px Verdana, Geneva, sans-serif;
	padding: 3px;
	color:#203d3b;
}
#mailingForm table{
	margin: 10px 0px 10px 20px;
}
#mailingForm input.submitForm {
	margin: 10px 0px 10px 23px;
	padding:3px 7px 4px 7px;
}
#mailingForm input.resetForm {
	margin: 10px 0px 10px 10px;
	padding:3px 7px 4px 7px;
}
#contact {
	width: 320px;
	height: 30px;
	background-color: #FFEA94;
	margin: 30px auto 10px 224px;
	text-align:center;
	border:solid thin #33615d;
}
#contact p {
	font: bold 14px Verdana, Geneva, sans-serif;
	padding: 6px;
}
span.contact_bull {
	color:#888;
	padding:15px;
}
img.contact_img {
	margin: auto 0px auto 0px;
}
div.map_text {
	position:absolute;
	top:90px;
	left:450px;
	width:100px
	height: auto;
}
.map_text h3{
	font-size: 110%;
	margin-bottom: 4px;
	color:#00f;
}
.map_text ul{
	font: bold 12px Verdana, Geneva, sans-serif;
	color:#00F;
	line-height: 1.6em;
	margin: auto auto auto 48px;
}
img.bookrow {
	margin: 7px 80px -5px 224px;
}
p.caption_buying {
	position: relative;
	color:#555;
	font: bold italic 12px Verdana, Geneva, sans-serif;
	margin: 0px auto 5px 713px;
	//margin: -9px auto 20px 608px; /*For IE */
}
p.caption_buying span{
	font: italic 10px Verdana, Geneva, sans-serif;
}
p.caption_contact {
	font: bold italic 12px Verdana, Geneva, sans-serif;
	margin: -3px auto 20px 679px;
	color: #555;
}
p.caption_selection {
	font: bold italic 12px Verdana, Geneva, sans-serif;
	margin: 5px auto 0px 714px;
	color: #555;
}
img.underCon {
	margin: -20px auto auto 120px;
	padding-bottom: 80px;
}
#booksAndMedia {
	position:relative;
	font: 12px Verdana, Geneva, sans-serif;
	color: #000;
	line-height:1.5em;
	top: 5px;
}
#booksAndMedia li{ /* for IE - it wouldn't display the bullets otherwise */
	list-style:inside disc;	
}
#booksAndMedia h2{ /* for IE - so headers aren't huge! */
	font-size: 150%;
}
#headingLeft {
	position:absolute;
	left: 354px;
	width: 100px;
	top: 7px;
	color: #A58D10;
}
#headingRight {
	position:absolute;
	left: 670px;
	width: 200px;
	top: 7px;
	color: #A58D10;
}
#headingRight span{
	font: italic 10px Verdana, Geneva, sans-serif;
	color:#888;
}
#hRuleLeft {
	position:absolute;
	width:400px;
	top: 30px;
	left:215px;
	//top: 17px;  /* for IE */
}
#hRuleRight {
	position:absolute;
	width:200px;
	top: 30px;
	left:610px;
	//top: 17px;  /* for IE */
}
#columnLeft {
	position:absolute;
	width: 200px;
	left: 240px;
	top: 36px;
}
#columnMiddle {
	position:absolute;
	width: 200px;
	left: 450px;
	top: 36px;
}
#columnRight {
	position:absolute;
	width: 200px;
	left: 640px;
	top: 36px;
}
img.backPan {
	margin: -52px auto -10px 225px;
}

#policy {
	font: 12px Verdana, Geneva, sans-serif;
	margin: 26px 60px 1px 224px;
	line-height: 1.5em;
}

#policy strong, #policy_bottom strong {
	color: #33615d;
}

#policy_bottom {
	font: 12px Verdana, Geneva, sans-serif;
	line-height: 1.5em;
	margin: 0px 60px 10px 224px;
}
/*#policy_bottom p {
	margin: 0px 30px 10px 100px;
}
*/#policy p, #policy_bottom p {
	margin-bottom: 1.2em;
}
#policy ul {
	margin: -5px auto 1.2em 48px;
}
#policy ul li{
	margin: auto auto 5px auto;
}

p.home_caption {
	margin:-5px auto auto 670px;
	font:  bold italic 12px Verdana, Geneva, sans-serif;
	color:#555;
}

#bottom {
	background-color:#FFEA94;
	height: 30px;
	width: auto;
	margin-top: 70px;
	border-top:thin solid #A58D10;
	border-bottom:thick solid #A58D10;
}
img.home {
	display:block;
	margin:25px auto 25px 185px;
}
div.home_info h3 {
	color:#396d69;
	font-size:18px;
}
div.home_info {
	font: 12px Verdana, Geneva, sans-serif;
	margin:25px 80px auto 225px;
	line-height:1.5em;
}
div.home_info p{
	margin: 8px auto 10px auto;
}
div.home_info p em{
	font-weight:bold;
	color:#444;
}

div.child_exchange p.heres_how {
	color:#8C740E;
	font: bold italic 12px Verdana, Geneva, sans-serif;
}
div.child_exchange h3 {
	color:#396d69;
	font-size:15px;
}
div.child_exchange h3 span{
	color:#8C740E;
	font: italic bold 17px Georgia, "Times New Roman", Times, serif;
}
div.child_exchange {
	font: 12px Verdana, Geneva, sans-serif;
	margin:25px 80px auto 225px;
	line-height:1.5em;
}
div.child_exchange p{
	margin: 8px auto 10px auto;
	text-align:left;
}
div.child_exchange p.child_dates{
	display:inline-block;
	margin: 10px auto 12px 30px;
	color:#555;
	font: bold 10px Verdana, Geneva, sans-serif;
	background-color:#fff3c0;
	padding: 4px 6px;
	border:1px solid #A58D10 
}
p.comment, p.commentLessMargin, p.commentBuying {
	font: bold italic 12px Georgia, "Times New Roman", Times, serif;
	margin: 20px auto -10px 170px;
	text-indent: -40px;
	color: #888; 
}
p.commentBuying {
	margin: -5px auto -10px 210px;
}
p.commentLessMargin {
	margin:20px auto -30px 200px;
}
p.comment span, p.commentLessMargin span, p.commentBuying span {
	font-size: 10px;
}
	
img.flower {
	margin: -80px auto auto 768px;
}
h3.tagline{
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color:#33615d;
	margin: 25px auto 0px 410px;
	line-height: 1.8em;
}
h3.tagline span{
	font-style: italic;
}
h3.paying{
	font: bold 17px Georgia, "Times New Roman", Times, serif;
	color:#8C740E;
	margin: 10px auto -47px 452px;
}

img.hRuleBuying {
	position:absolute;
	top: 626px;
	left: 123px
}
h4.tooMany{
	font: italic bold 14px Georgia, "Times New Roman", Times, serif;
	color:#33615d;
	margin: 5px auto 0px 160px;
	line-height: 1.8em;
}
h4.callUs{
	font:  13px Verdana, Geneva, sans-serif;
	color:#333;
	margin: 0px auto -27px 216px;
}

p.hours {
	font: bold 12px Verdana, Geneva, sans-serif;
	/*text-align:center;*/
	/*padding-top: 7px;*/
	color: #444;
}

.hours img {
	/*display: inline-block;*/
	margin: -54px 15px -13px 35px;
}
ul#nav_main {
	margin: 10px 22px 20px auto;
	list-style: none;
	font: 600 13px Verdana, Geneva, sans-serif;
	text-align: center;
	line-height: 2.2;
	float:left;
}

ul#nav_main a:link, ul#nav_main a:visited {
	display: block;
	height: 30px;
	width: 175px;
	text-decoration:none;
	color: #009;
	background-image:url(../images/nav_btn.png);
	background-repeat: no-repeat;
	margin-left:27px;
}
	
ul#nav_main a:link:hover, ul#nav_main a:hover, ul#nav_main a:visited:hover {
	display: block;
	height: 30px;
	width: 175px;
	text-decoration:none;
	color: #00f;
	background-image:url(../images/nav_btn_hover.png);
	background-repeat: no-repeat;
	margin-left:27px;
}
ul#nav_main a:link:active, ul#nav_main a:visited:active {
	display: block;
	height: 30px;
	width: 175px;
	text-decoration:none;
	color: #00f;
	background-image:url(../images/nav_btn_active.png);
	background-repeat: no-repeat;
	margin-left:27px;
}