@charset "utf-8";

* { padding: 0; margin: 0; }

img, div { behavior: url(iepngfix.htc) }

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url("../images/sample5-back.jpg");
	background-repeat: repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.oneColFixCtr #container {
	width: 940px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 10px 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
h1 {
	padding: 10px 0;
	margin: 0;
}
.bar-k {
	width:880px;
	background:#000;
	height:25px;
	margin:0 0 0 25px;
}
.bar-b {
	width:880px;
	background:#00C;
	height:50px;
	margin:0 0 0 25px;
}
.top { 
	width:940px; 
	height:86px; 
	background:url("../images/header.png") no-repeat left top;
	behavior: url("/iepngfix.htc");
}
.bottom { 
	width:940px;
	height:20px; 
	background:url("../images/bot-shadow.png") no-repeat left bottom;
	behavior: url("/iepngfix.htc");
} 
.center-content { 
	background: url("../images/header-blend.gif") repeat-x left top #FFF;
	margin:0px 10px 0 0;
}
.shadow {
	background:url("../images/shadow.gif") repeat-y top right;
	behavior: url("/iepngfix.htc");
}
#search {
	background:url("../images/search.gif") no-repeat left top;
	width:212px;
	height:25px;
	margin:0 0 10px 25px;
}
#field {
	background:#FFF;
	width:95px;
	height:12px;
	font-size:11px;
	border:none;
	float:left;
	left:80px;
	top:4px;
	position:relative;
}
.go {
	background:url("../images/go.gif") no-repeat;
	float:right;
	padding-right:3px;
	cursor:pointer;
	width:24px;
	height:21px;
}
.go:hover {
	background:url("../images/go-o.gif") no-repeat;
}
#footer {
	font-size:11px;
	line-height:22px;
	color:#4e5217;
	margin:5px 0 0 0;
	text-align:center;
}
#footer a{
	text-decoration:none;
	color:#4e5217;
}
#footer a:hover{
	text-decoration:underline;
}
#footer hr {
	width:95%;
	margin:0 auto;
	}
/* -- Start box-center-content -- */
.box-top { 
	width:880px; 
	height:10px; 
	background:url("../images/box-top.gif") no-repeat;
	margin:0 0 0 25px;
	font-size:0; /*hack for IE6*/
}
.box-top-store { 
	width:880px; 
	height:10px; 
	background:url("../images/box-top-st.gif") no-repeat;
	margin:0 0 0 25px;
	font-size:0; /*hack for IE6*/
} 
.box-center-content { 
	background: #ffec71 url("../images/back-blend.jpg") left top no-repeat;
	border-left:#717815 solid 1px;
	border-right:#717815 solid 1px;
	width:878px;
	margin:0 0 0 25px;
}
.box-center-content-store { 
	background:#fff url(../images/sidebar.gif) top left repeat-y;
	border-left:#717815 solid 1px;
	border-right:#717815 solid 1px;
	width:878px;
	margin:0 0 0 25px;
}
.box-bottom { 
	width:880px; 
	height:10px; 
	background:url("../images/box-bot.gif") no-repeat left bottom;
	margin:0 0 0 25px;
	font-size:0; /*hack for IE6*/
}
.box-bottom-store { 
	width:880px; 
	height:10px; 
	background:url("../images/box-bot-st.gif") no-repeat left bottom;
	margin:0 0 0 25px;
	font-size:0; /*hack for IE6*/
}
#box-sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 212px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fed45b; /* the background color will be displayed for the length of the content in the column, but no further */
	background:url("../images/quick-links.gif") top left no-repeat;
	padding:0;
}
#box-sidebar1-store {
	float: left; /* since this element is floated, a width must be given */
	width: 212px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fed45b; /* the background color will be displayed for the length of the content in the column, but no further */
	background:url("../images/quick-links.gif") top left no-repeat;
	padding:0;
	display:inline;
}
#box-mainContent {	
	margin: 0 0 0 212px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0;
}
#box-mainStore {
	width:616px;
	float:right;
	padding:10px 25px;
	margin: 0;
	font-size:12px;
	line-height:20px;
	color:#4e5217;
	display:inline;
}
.books {
	text-align:center;
	padding:0;
	behavior: url("/iepngfix.htc");
}
.text-home {
	font-size:12px;
	line-height:20px;
	color:#4e5217;
	margin:0;
	float:right;
	width: 635px;
	padding:15px 10px 5px 0;
}

#box-mainStore a {
	color:#4e5217;
	text-decoration:underline;
}
#box-mainStore a:hover {
	color:#b1b93f;
	text-decoration:underline;
}

#box-mainStore h1 {
	font-size: 24px;
}

.spacer {
	width:100%;
	height:12px;
}	
/* -- Start Sub Menu -- */
.sub-menu{
	width:700px;
	height:15px;
	float: right;
	padding: 0 30px 5px 0;
} 
.sub-menu li {
	float: right;
	font-size:11px;
	color:#4e5217;
	list-style: none;
}
.sub-menu li a {
	color:#4e5217;
	text-decoration:none;
}
.sub-menu li a:hover {
	text-decoration:underline;
}
/* -- End Sub Menu -- */


/* -- Main Menu Navigation --*/ 
.top-menu{
	width:880px;
	height:54px;
	padding:10px 0 0 0;
	margin:0 0 0 25px;
	list-style: none;
} 
.top-menu li {
	background: #a8b037;
	background-position: left;
	float: left;
	display: inline;
	cursor: pointer;	
}
.top-menu li:hover {
 	background: url("../images/about-o.gif") no-repeat #a8b037;
}

/* -- Side Menu Navigation begin --*/
/* ######### Drop Down ULs CSS ######### */
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
margin: 0;
position: absolute;
list-style-type: none;
background: white;
border: 1px solid #63686d;
border-bottom-width:0;
visibility: hidden;
z-index: 100;
font-size:0;
text-align:center;
}

.ddsubmenustyle li a{
display: block;
width: 180px; /*width of menu (not including side paddings)*/
color: #333;
background-color: lightyellow;
text-decoration: none;
padding: 5px;
border-bottom: 1px solid #63686d;
font-size:12px;
text-align:center;
}

.ddsubmenustyle li a:hover{
background-color: white;
}

/* ######### Neutral CSS  ######### */
.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
position: relative;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 212px; /*width of side bar menu*/
clear: left;
padding:67px 0 0 0;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu ul{
list-style-type: none;
margin: 0;
padding: 0;
border: 0 solid #9A9A9A;
}

.markermenu ul li a{
background: #fed45b; /*light orange background*/
font-size:14px;
font-variant:small-caps;
line-height:30px;
color: #4e5217;
display: block;
width: auto;
height:30px;
padding: 3px 0;
padding-left: 15px;
text-decoration: none;
border-bottom: 1px solid #ffef8f;
}
.markermenu ul li a:visited, .markermenu ul li a:active{
color: #4e5217;
}
.markermenu ul li a:hover, .markermenu ul li a.selected{
color: 4e5217;
background-color: #ffef8f;
}
* html .markermenu ul li a{ /*IE6 hack*/
width: 195px;
}
/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: #ffef8f;
color: #4e5217;
}

.blackwhite li a:hover{
background: white;
color: #4e5217;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}