@charset "utf-8";
/*  Styles
   Updated: 09/27/2009
   Site: Living Books Curriculum
   Author: Laurence Johnston
   ----------------------------------------------------*/

/* SECTION INDEX
			-------------
   =ZEROING ALL ELEMENTS
   =GENERIC
   =WRAPPER
   =HEADER
   =NAVBAR
   =MAIN
   =FOOTER
   =SFNT PAGE
   =CTGY PAGE
   =PROD PAGE
*/

/* =ZEROING ALL ELEMENTS
   ----------------------------------------------------*/
body, div, form, label, fieldset, legend, img, p, h1, h2, h3, h4, h5, ul, li, a{
	border:0 solid transparent;
	margin:0;
	padding:0;
}
body{
	font:normal 0.75em Verdana, Arial, Helvetica, sans-serif;
	/* default browser font size is 16px (16px * 0.75 = 12px) */
}
a{
	position:relative;
	z-index:1;
}
input, select, option, textarea{
	position:relative;
	z-index:1;
}
ul, ol{
	list-style:none;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/* =GENERIC
   ----------------------------------------------------*/
body{
	margin:auto;
	background:#ffffcc;
	color:#000;
}
h1{
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#0f3e4d;
	padding-top:10px;
}
h2{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#FF9966;
}
h3{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
}
h4{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
h5{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#FF9966;
	text-decoration:none;
}
p{
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:.5em auto;
	color:#000;
	line-height: 1.2em;
	text-align:left;
}
a{
	color:#945715;
	font: 12px bold Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:hover{
	color:#0f3e4d;
	font: 12px bold Arial, Helvetica, sans-serif;
	text-decoration:underline;
}


/* =CONTAINER
   ----------------------------------------------------*/

#container{
	margin:0 auto;
	width:960px;
	height:auto;
	border-left:1px solid #0f3e4d;
	border-right:1px solid #0f3e4d;
	border-top:1px solid #0f3e4d;
	background-color:#FFFFFF;
}


/* =HEADER 
   ----------------------------------------------------*/

#header{
	margin:0 auto;
	width:960px;
	height:130px;
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border-bottom: 1px solid #0f3e4d;
	clear:both;
}


/* = SEARCH & SHOPPING CART 
   ----------------------------------------------------*/

#cart{
	float:right;
	text-align:right;
	padding: 40px 5px 0px 0px;
	height:auto;
	width:200px;
}
#questions{
	float:right;
	text-align:right;
	padding: 35px 5px 0px 0px;
	height:20px;
	width:440px;
}
.questions{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#0f3e4d;
}
.cart_bold{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0f3e4d;
	text-decoration:none;
}
.cart{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0f3e4d;
}
.cart a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0f3e4d;
	padding:2px ;
	text-decoration:none;
}
.cart a:hover{
	text-decoration:underline;	
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:2px ;
	color:#000;
}


/* =NAVBAR 
   ----------------------------------------------------*/

#navbar{
	margin:0 auto;
	width:960px;
	height:30px;
	background-image: url(../images/bg_navbar.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #0f3e4d;
	clear:both;
}
#navigation{
	float:left;
	width:750px;
	height:30px;
}

 
/* =SEARCH 
   ----------------------------------------------------*/
 
#search{
	text-align:right;
	float:right;
	width:205px;
	height:25px;
	padding:5px 5px 0 0px; 
}
#search form input[type="submit"] {
	background: url(../images/b_search.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 19px;
	width: 43px;
	vertical-align:middle;
}
#search form input[type=submit]:hover {
	background-position: 0 -19px;
	vertical-align:middle;
}


/* =BUTTONS 
   ----------------------------------------------------*/
   
 .b_home{
	background: url(../images/b_home.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 55px;
	display:block;
	float:left;
}
.b_home:hover{
	background-position: 0 -30px;
}
 .b_resources{
	background: url(../images/b_resources.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 82px;
	display:block;
	float:left;
}
.b_resources:hover{
	background-position: 0 -30px;
}
 .b_methods{
	background: url(../images/b_methods.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 70px;
	display:block;
	float:left;
}
.b_methods:hover{
	background-position: 0 -30px;
}
 .b_curriculum{
	background: url(../images/b_curriculum.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 111px;
	display:block;
	float:left;
}
.b_curriculum:hover{
	background-position: 0 -30px;
}
.b_forum{
	background: url(../images/b_forum.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 87px;
	display:block;
	float:left;
}
.b_forum:hover{
	background-position: 0 -30px;
}
.b_how{
	background: url(../images/b_how.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 101px;
	display:block;
	float:left;
}
.b_how:hover{
	background-position: 0 -30px;
}
.b_about{
	background: url(../images/b_about.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 51px;
	display:block;
	float:left;
}
.b_about:hover{
	background-position: 0 -30px;
}
.b_blog{
	background: url(../images/b_blog.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 44px;
	display:block;
	float:left;
}
.b_blog:hover{
	background-position: 0 -30px;
} 
.b_catalog{
	background: url(../images/b_catalog.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 64px;
	display:block;
	float:left;
}
.b_catalog:hover{
	background-position: 0 -30px;
} 
.b_contact{
	background: url(../images/b_contact.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 84px;
	display:block;
	float:left;
}
.b_contact:hover{
	background-position: 0 -30px;
} 
.b_ordering{
	background: url(../images/b_ordering.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 133px;
	display:block;
	float:right;
}
.b_ordering:hover{
	background-position: 0 -22px;
} 
 .b_information{
	background: url(../images/b_information.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 124px;
	display:block;
	float:right;
}
.b_information:hover{
	background-position: 0 -22px;
} 
 .b_shop{
	background: url(../images/b_shop.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 133px;
	display:block;
	float:left;
}
.b_shop:hover{
	background-position: 0 -22px;
} 
 
 
/* =MAIN, CONTENT, CATTREE, BREADCRUMBS
   ----------------------------------------------------*/

#content{
	margin:0 auto;
	width: 960px;
	height:auto;
}

#main{
	width:700px;
	height:auto;
	float: right;
	padding:5px;
	background:#FFFFFF;
}


/* =SUBNAV - CATTREE
   ----------------------------------------------------*/

#cattree{
	width:236px;
	height:auto;
	float:left;
	border-right:1px solid #0f3e4d;
	position:relative;
	background-color:#ffae85;
	padding-bottom:40px;
}
#cattree_top{
	width:226px;
	height:60px;
	padding:5px;
	background-color:#ffd571;
	border-bottom:1px solid #0f3e4d;
}
.cattree_products{
	width:231px;
	height:16px;
	padding:20px 0px 5px 5px;
	background-color:#ff9966;
	color:#0f3e4d;
	text-align:left;
	font: bold 16px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #0f3e4d;
}
.cattree_titles{
	color:#0f3e4d;
	font: bold 16px "Times New Roman", Times, serif;
}
#cattree_middle{
	width:216px;
	height:auto;
	padding:10px;
	background-color:#ffffa5;
	border-top:1px solid #0f3e4d;
	border-bottom:1px solid #0f3e4d;
}
.cattree_middle_titles{
	color:#0f3e4d;
	font: bold 21px "Times New Roman", Times, serif;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.cattree_middle_subtitles{
	color:#666666;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.cattree_middle_text{
	color:#000;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#cattree_bottom{
	width:236px;
	height:40px;
	background-color:#ffae85;
	float:left;
	position:absolute;
	bottom:0px;
}
#visit{
	height:60px;
	width:236px;
	background-color:#ffae85;
	float:left;
	background-image:url(../images/rss_logo.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #0f3e4d;
	background-position:left;
}
.visit a{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#0f3e4d;
	text-decoration:underline;
	padding:20px 0px 0px 70px;
}
.visit a:hover{
	text-decoration:underline;
	font:bold 18px Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 70px;
	color:#0f3e4d;
}
ul#first{
	margin: 0;
	padding: 0;
	width:236px;
	height:auto;
	background-color:#ffae85;
}
#subnav{
	float:left;
	width:auto;
	height:auto;	
	background-color:#ffae85;
}
#subnav h5 { 
	display:block; 
	color:#0f3e4d;
	text-decoration:none;
	font:bold 14px Arial, Helvetica, sans-serif; 
}	 
#subnav li { 
	margin: 0; 
	padding: 0; 
	list-style:none; 
	cursor:pointer;
	width: auto; 
	border-bottom:1px solid #b77126; 
	padding:2px 0px 2px 5px;
}		
#subnav li a { 
	color: #0f3e4d; 
	text-decoration:none; 	
	font:normal 14px Arial, Helvetica, sans-serif; 
	display: block; 
	cursor:pointer;
}	
#subnav li a:hover { 
	text-decoration:underline;
}	
#subnav li ul { 
	margin: 0 3px; 
	padding:0; 
	font:bold 14px Arial, Helvetica, sans-serif; 
}	
#subnav li.subcategory { 
	padding:0px 0px 0px 3px; 
	margin: 0; 
	list-style:none; 
	border:none; 
	font:bold 13px Arial, Helvetica, sans-serif; 
}		
#subnav li.subcategory a { 
	color: #0f3e4d; 
	font:bold 12px Arial, Helvetica, sans-serif; 
}			
#subnav li.subcategory a:hover { 
	text-decoration:underline;
	color: #0f3e4d; 
}	
#subnav li.subcategory h5 { 
	color: #0f3e4d;
	margin-left:5px;
	font:bold 13px Arial, Helvetica, sans-serif;
}		


/* =BREADCRUMBS
   ----------------------------------------------------*/

#breadcrumb{
	width:100%;
	height:auto;
}
.breadcrumb{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}
.breadcrumb a{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
 	color:#0f3e4d;
	text-decoration:none;
}
.breadcrumb a:hover{
	text-decoration:underline;
}
.breadcrumb_on{
	color:#BF7900;
	text-decoration:none;
}  
  

/* =SFNT PAGE
   ----------------------------------------------------*/

.testimonial{
	float: left;
	text-align: center;
	margin-bottom: 2px;
	width: 100%;
	height:auto;
}
.testimonial.new-row {
	clear: both;
}
.testimonial_box {
	width: auto;
	height:auto;
}
.testimonials_yellow{
	background-color:#ffff66;
	margin:2px 5px 0px 0px;
	font-weight:bold;
	color:#0f3e4d;
}



/* =BUTTONS----------------------------------------------------*/

.b_sample{
	background: url(../images/b_sample.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 124px;
	display:block;
	float:left;
}
.b_sample:hover{
	background-position: 0 -22px;
} 
.b_buy{
	background: url(../images/b_buy.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 84px;
	display:block;
	float:left;
}
.b_buy:hover{
	background-position: 0 -22px;
} 
#b_buy_product form input[type=submit] {
	background: url(../images/b_buy.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 84px;
	display:block;
}
#b_buy_product form input[type=submit]:hover {
	background-position: 0 -22px;
} 
.b_learn{
	background: url(../images/b_learn.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 93px;
	display:block;
	float:left;
}
.b_learn:hover{
	background-position: 0 -22px;
}
.b_reset{
	background: url(../images/b_reset.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 63px;
	display:block;
	float:right;
}
.b_reset:hover{
	background-position: 0 -22px;
} 
.b_submit{
	background: url(../images/b_submit.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 73px;
	display:block;
	float:left;
}
.b_submit:hover{
	background-position: 0 -22px;
} 
.b_details{
	background: url(../images/b_details.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 124px;
	display:block;
	float:left;
}
.b_details:hover{
	background-position: 0 -22px;
} 
.b_read{
	background: url(../images/b_read.jpg) top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 22px;
	width: 74px;
	display:block;
	float:right;
}
.b_read:hover{
	background-position: 0 -22px;
} 


/* =FOOTER
   ----------------------------------------------------*/

#footer{
	margin:0 auto;
	width:960px;
	height:50px;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#0f3e4d;
	border-top:1px solid #0f3e4d;
	padding-top: 10px;
}
.footer a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#0f3e4d;
	text-decoration:none;
}
.footer a:hover{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FF9966;
	text-decoration:underline;
}



/* =CTGY
   ----------------------------------------------------*/

.product {
	float: left;
	margin-bottom: 10px;
	text-align: center;
	width: 170px;
	height:170px;
}
.product_name {
	text-align: center;
	color: #000;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.product_name a {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}
.product_name a:hover {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0f3e4d;
	text-align: center;
}
.product_box {
	width: 180px;
	height:180px;
	padding:5px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#product_box_text {
	width: 95%;
	height:35px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
.product.new-row {
	clear: both;
}
#product_name {
	width: 160px;
	height:35px;
	text-align: center;
}
.price{
	color: #0f3e4d;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.product_other{
	float: left;
	text-align: center;
	margin-bottom: 35px;
	width: 33%;
	height:auto;
}
.product_other .new-row {
	clear: both;
}
.product_box_other {
	width: 100%;
	height:180px;
}
.product_other .name a {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}
.product_other .name a:hover {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}
.product_other .price{
	color: #0f3e4d;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.name a {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}
.name a:hover {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0f3e4d;
	text-align: center;
}