body, html {
    margin: 0;
    padding: 0;
    color: #000;
	background-color: #ffffcc;
	font-family:  Arial, sans-serif;
	background-image: url("../images/content-background.gif");
	/*text-align: center;  Centers the design in old IE versions ***/
}
body {
	font-size: 62.5%;
}
p {
	padding: 0px 0px 0px 0px;
}
a {
	border: 0;
	color: #336600;
}
img {
	border: 0;
	float: left;
}
h1, h2, h3, h4, h5 {
	font-weight: bold;
	padding-bottom: 5px;
}
h1 {
	font-size: 1.8em;
	margin: -5px 0 0 0;
}
h2 {
	font-size: 1.4em;
	color: #336600;
	margin: 0px 0 0 10px;
}
h3 {
	font-size: 1.6em;
}
li {
 	font-size: 1.2em;
 	margin: 0px 30px 0px 10px;
 	text-align: justify;
 	letter-spacing: .02em;
}
.clear { clear: both; }


#mainContainer {
	width: 1009px;
	min-height: 300px;
	/*background-image: url("../images/leftnav_background.gif");
	background-repeat: repeat-y;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
	height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height ***/
}
/**************************
HEADER
***************************/
/*
*header {
	float: left;
	margin: 0px 0px 0px 0px;
}
*/
#greennav {
	/* float: left; */
	margin: 0px 0px 0px 0px;
}
#crafts {
	margin: 0px 0px 0px 20px;
}
img.naccrra {
	float: right;
	margin: 20px 0 0 0;
}
img.littlegirl {
	float: right;
	margin: 0px 0px 0px 0px;
}
img.h2littlegirl {
	margin: 0px 0px 0px 0px;
}
p.margin {
	margin: -44px 0px 0px 80px;
}
.phone {
	font-size: 1.4em;
	line-height: 1.1em;
}
.orangenav {
	background-image: url('../images/background_orange.jpg');
	margin: 10px 0px 0px 0px;
}
#orangenavlinks {
	margin: 6px 0px 0px 0px;
	font-size: 1.1em;
	letter-spacing: .04em;
}
.orangenavlinks {
	margin: 0px 5px 0px 5px;
	font-size: 1.1em;
	color: #000000;
	text-decoration: none;
}
a.orangenavlinks:hover {
	color: #993300;
	/*background: #ff9933;*/
}

/**************************
CONTENT AND COLUMNS
**************************/
.content {
 	font-size: 1.2em;
 	margin: 0px 30px 10px 10px;
 	text-align: justify;
 	letter-spacing: .02em;
}
.contentl {
 	font-size: 1.2em;
 	margin: 0px 30px 10px 10px;
 	text-align: left;
 	letter-spacing: .02em;
}
.homephoto2 {
	margin-top: -5px;
	margin-right: 21px;
}
.red {
	color: #cc0033;
}

* html .content {
}
.inner {
	width: 595px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check  layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
	width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
	float: left;
	width: 710px;
	margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
}
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position.
***/
/**************************
FOOTER
**************************/
#footer {
	clear: both;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #000000;
	border-top: 1px solid #efefef;
	padding: 13px 25px;
	line-height: 18px;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	color: #336600;
}
#footer #altnav {
	width: 350px;
	float: right;
	text-align: right;
}


/**************************
IMAGE ROLLOVERS AND OTHER BOOK-OF-THE-MONTH AND ORDER FORM STYLES
**************************/
.content_book_thumbnail {
 	margin: 0px 5px 15px 5px;
}
.content_head {
 	font-size: 1.2em;
	font-style: italic;
 	margin: 0px 0px 10px 10px;
 	text-align: justify;
 	letter-spacing: .02em;
}
.content_back {
 	font-size: 1.2em;
 	margin: 0px 30px 10px 10px;
 	text-align: justify;
 	letter-spacing: .02em;
}

.content {position:relative; top:0px; left:0px; z-index:1;}
.content a.p1, #menu a.p1:visited {display:block; text-decoration:none; top:0; right:20px; left:0; border:0;}
.content a img {border:1px solid #999;}
.content a.p1:hover {text-decoration:none; background-color:#fff6e5; color:#000;}
.content a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
.content a.p1:hover .large {display:block; position:absolute; top:-200px; left:0px; width:263px; height:350px; border:1px solid #999;}