
											/* --ALL PAGES, BOTH SITES--  */

html { margin: 0; }


#functionbar {
			border: 1px solid #dbcdc0;
			background: #f6ecd1;
			margin: 0;
			padding: 5px 11px;
			width: 572px;
			float:left;
			list-style: none; 
			}
#functionbar a:link {color: #5f4427; text-decoration: none}
#functionbar a:visited {color: #5f4427; text-decoration: none}
#functionbar a:hover {color: #5f4427; text-decoration: underline}
#functionbar li {
			display: inline; 
			margin: 0;
			padding: 0 125px 0 11px;
			background-image: url('graphics/00000001/images/bullet-tan.gif');
			background-repeat: no-repeat;
			font: normal x-small Verdana, Arial, Helvetica, sans-serif;}
#functionbar li.last {padding: 0 0 0 11px;}

body {background: #82aac3; margin: 0; padding: 0; font: normal small Arial, Helvetica, sans-serif;}

a:link {color: #323D5B}
a:visited {color: #323D5B}
a:hover {color: #5398c3; text-decoration:none;}

#logoanchor {clear:both; /*float:left; CM commented - long page issue fix*/}

		#logoanchor a { 
			display: block; width:41px; height:28px;
			margin-top:90px; padding:0;
			background: url("graphics/00000001/images/logoanchor.gif");
			text-decoration: none;
			}
		#logoanchor a:hover {background-position: -41px 0; }

#blotter {
	background: #b0cddd; 
	width:882px;
	margin-top:5px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	padding:0;
	/*overflow:auto; CM commented - long page issue fix*/
	/* CM added these four lines, long page issue fix */
	overflow: visible; 
	padding-top: 1px;
	padding-bottom: 1px;
	position: relative;
	}
		
#masthead {
	display:block;
	width:850px;
	height:151px;
	margin-top:15px;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	background-color:#bbdfed;
	}

#logo {
	display:inline;
	width:200px;
	height:151px;
	float:left;	
	}

#photo {
	display:inline;
	width:650px;
	height:115px;
	float:right;
	}

#nav {
	display:inline;
	width:650px;
	height:36px;
	float:right;
	margin:0;
	padding:0;
	}

#bar {
	display:block;
	width:840px;
	border:1px solid #d3e5ec;
	background-color:#ffffff;
	margin-top:15px;
	margin-right:15px;
	margin-left:15px;
	margin-bottom:0;
	padding:5px;
	clear:none;
	}

	#about {
		font: normal x-small Arial, Helvetica, sans-serif;
		color:#3e4851;
		margin:0;		
		padding: 0;
		}
	
	#barimages {float: left; margin-top:-25px; margin-left:538px; padding:0; display:inline;} 

	#search {float: right; margin:-25px 0; padding:0; display:inline;}


											/* --HOMEPAGE COLUMNS-- */

#columnwrapper {
	width:882px;
	margin-right:auto;
	margin-left:auto;
	overflow:auto;
}

	#contentcolumn {padding:0; float:left;}
	
		p.blurbs {margin-left:19px;	margin-right:19px; background-color:#ffffff;}

		.contenttop {
			background: url('graphics/00000001/images/content-top.gif') no-repeat;
			margin: 15px; 0; 0; 0;
			padding-top: 15px;
			width: 422px;
			}
		
		.content {background: url('graphics/00000001/images/content-background.gif') repeat-y; background-color: #ffffff;}

		.contentbottom {
			background: url('graphics/00000001/images/content-bottom.gif') no-repeat bottom;
			padding-top: 15px;
			}

	#columncenter {
		display:inline;
		width:202px;
		margin-top: 15px;
		margin-right:auto;
		margin-left:auto;
		padding:0;
		float:left;
		}

	#columnright {
		display:inline;
		width:202px;
		margin-top: 15px;
		margin-right:15px;
		margin-left:auto;
		padding:0;
		float:right;
		} 

											/* --BOXES AND HOTTOPICS NAV-- */


		.orangebox {
			border: 1px solid #dbcdc0;
			background: #f6ecd1;
			margin: 0 0 15px 0;
			padding: 11px;
			width: 177px;
			float:right;
			background-image: url('graphics/00000001/images/bar-orange.gif');
			background-repeat:repeat-y;
			background-position:right;
			overflow:auto;
			}

		.bluebox {
			border: 1px solid #6189ae;
			background: #5398c3;
			margin: 0 0 15px 0;
			padding: 11px;
			width: 177px;
			float:right;
			background-image: url('graphics/00000001/images/bar-orange.gif');
			background-repeat:repeat-y;
			background-position:right;
			overflow:auto;
			} 
			
		#hotnav {list-style: none; padding: 0; margin: 0; }
		#hotnav a:link {color: #fff; text-decoration: none;}
		#hotnav a:visited {color: #fff; text-decoration: none;}
		#hotnav a:hover {color: #fbf5c9; text-decoration: none;}
		
		#hotnav li {
			margin: 23px 0 0 0;
			padding: 0 0 0 11px;
			background-image: url('graphics/00000001/images/bullet-hottopic.gif');
			background-repeat: no-repeat;
			font:bold small Arial, Helvetica, sans-serif;
			}

h1.box {
font: bold small Arial, Helvetica, sans-serif;
color:#5f4427;
text-transform: uppercase;
padding:0;
margin:0;
}

p.box {	
font: normal x-small Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 15px 0;
}

p.quote {	
font: normal x-small Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 15px 0;
line-height: 3em;}

img.box {float:left; margin: 10px 5px 5px 0;} 


											/* --FOOTER-- */

#footer {
	display:block;
	text-align: center;
	font: normal x-small Arial, Helvetica, sans-serif;
   	color: #3b4854;  
  	background-color: #82aac3;
	padding-top: 4px;
	padding-bottom: 4px;
	}

#footer a:link {color: #3b4854; text-decoration: none;}
#footer a:visited {color: #3b4854; text-decoration: none;}
#footer a:hover {color: #3f2e13; text-decoration: underline;}


											/* --BASIC PAGE, CFM SITE-- */


#bigblue {
	width:850px;
	margin: 15px;
	padding:0;
	background-image: url('graphics/00000001/images/page-blue-bg.gif');
	background-repeat:repeat-y;
	background-position:right;
	overflow: hidden; /* CM - this will fix the scrollbar problem */
	}

#columnlinks {
		width:178px;
		margin:0px 0 0 0;
		.margin: 0 23px 0 0; /* CM - ie hack (6&7) */
		_margin:0px 0 0 0; /* CM - ie hack (6) */
		padding:0px 0 0 0;
		float:right;
		list-style: none;
		} 
/* CM - safari only css hack */
body:last-child:not(:root:root) #columnlinks {
	margin: 0 23px 0 0;
	}

		#columnlinks a:link {color: #fff; text-decoration: none;}
		#columnlinks a:visited {color: #fff; text-decoration: none;}
		#columnlinks a:hover {color: #fbf5c9; text-decoration: none;}  

		#columnlinks li {
			margin: 10px 0;
			padding: 0 11px;
			background-image: url('graphics/00000001/images/bullet-hottopic.gif');
			background-repeat: no-repeat;
			font:normal x-small Verdana, Arial, Helvetica, sans-serif;
			}


h1.linkcategory {
font: bold small Arial, Helvetica, sans-serif;
color:#323D5B;
padding:10px 0 0 0;
margin:10px 0 0 0;
}

.linkbox {
			margin: 0 0 15px 0;
			padding: 11px;
			width: 178px;
			float:right;
			background-repeat:repeat-y;
			background-position:right;
			/*overflow:auto; CM change to fix the scollbar problem*/
			overflow: hidden;
			} 

.orangebox2 {
			border-top: 10px solid #b0cddd;
			border-bottom: 10px solid #b0cddd;
			background: #f6ecd1;
			margin: 0 0 15px 0;
			padding: 11px;
			width: 179px;
			float:right;
			background-image: url('graphics/00000001/images/bar-orange.gif');
			background-repeat:repeat-y;
			background-position:right;
			overflow:auto;
			}

.bookstorebox {
			border-top: 0px;
			border-bottom: 10px solid #b0cddd;
			background: #f6ecd1;
			margin: 0 0 15px 0;
			padding: 11px;
			width: 179px;
			float:right;
			background-image: url('graphics/00000001/images/bar-orange.gif');
			background-repeat:repeat-y;
			background-position:right;
			overflow:auto;
			}

.bookstorebox a:link {
color:#323D5B; text-decoration: none;
}
.bookstorebox a:visited {
color:#323D5B; text-decoration: none;
}
.bookstorebox a:hover {
color:#5398C3; text-decoration: none;
}

#vnavbrowse a {
			background:transparent url(images/nav-bk-browse.gif) repeat scroll 0%; 
			display:block; 
			height:26px; 
			margin:0pt; 
			padding:0pt; 
			text-decoration:none; 
			width:178px; 
			} 

#pagewrapper {
	width:634px;
	float:left;
	padding:0;
	margin:0;
	}

	#page {padding:0; margin:0; float:left; background:#b0cddd; }
	
		#page p { display:block; } /*CM added - long page issue fix*/
		p.page {margin-left:19px; margin-right:19px; background-color:#ffffff;}

		.heading {margin-left:19px; margin-right:19px; margin-top:0px; margin-bottom:0px; padding:0 0 0 0; background-color:#ffffff;}

		.pagetop {
			background: url('graphics/00000001/images/page-top.gif') no-repeat;
			margin: 0 15px 0 0;
			padding-top: 15px;
			padding-bottom: 0px;
			width: 634px; 
		}
		 
		.pagemiddle { margin-top: 0px; padding-top: 0px; background: url('graphics/00000001/images/page-background.gif') repeat-y; background-color:#ffffff; }

		
		.pagebottom {
			background: url('graphics/00000001/images/page-bottom.gif') no-repeat bottom;
			padding-top: 15px;
			}

	/*-- top right bottom left --*/

	#contentholder {width: 604px; margin:15px 0 0 15px; padding:10px 0 0 0; display:block; /*overflow:auto; CM removed - long page issue fix */ background-color:#ffffff; }

	#contentholdertwo {width: 604px; margin:0 0 0 15px; padding:1px 0 0 0; display:block; /*overflow:auto; CM removed - long page issue fix*/ background-color:#ffffff;}

											/* --BOOKSTORE -- */


#bookstorewrap {      /* --functions like bigblue for CFM site basic page, different background -- */
	width:850px;
	margin:15px; padding:0;
	background: #b0cddd;
	overflow:auto;
}				



img.bookstore {float:left; margin: 0 15px ;} 


#navcolumn {					/* -- BOOKSTORE VERTICAL NAV COLUMN, BOX, and LINK DIVS -- */
		width:178px;
		margin:0px 0 0 0;
		.margin: 0 23px 0 0; /* CM - ie hack (6&7) */
		_margin:0px 0 0 0; /* CM - ie hack (6) */
		padding:0px 0 0 0;
		float:right; 
		float:right;
		list-style: none;
		} 
.navbox p {visibility: hidden;}
.navbox {
			margin: 0 0 15px 0;
			padding: 11px;
			width: 178px;
			float:right;
			overflow:auto;
			} 
		#vnavhow {float:left;}
			#vnavhow a { 
			display: block; width:178px; height:26px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-how.gif");
			text-decoration: none;
			}
			#vnavhow a:hover {background-position: -178px 0; }
			#vnavhow a:active {background-position: -178px 0; }
		#vnavinternational {float:left;}
			#vnavinternational a { 
			display: block; width:178px; height:26px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-international.gif");
			text-decoration: none;
			}
			#vnavinternational a:hover {background-position: -178px 0; }
			#vnavinternational a:active {background-position: -178px 0; }
		#vnavshipping {float:left;}
			#vnavshipping a { 
			display: block; width:178px; height:26px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-shipping.gif");
			text-decoration: none;
			}
			#vnavshipping a:hover {background-position: -178px 0; }
			#vnavshipping a:active {background-position: -178px 0; }
		#vnavreturns {float:left;}
			#vnavreturns a { 
			display: block; width:178px; height:26px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-returns.gif");
			text-decoration: none;
			}
			#vnavreturns a:hover {background-position: -178px 0; }
			#vnavreturns a:active {background-position: -178px 0; }
		#vnavreprints {float:left;}
			#vnavreprints a { 
			display: block; width:178px; height:26px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-reprints.gif");
			text-decoration: none;
			}
			#vnavreprints a:hover {background-position: -178px 0; }
			#vnavreprints a:active {background-position: -178px 0; }
		#vnavexamcopies {float:left;}
			#vnavexamcopies a { 
			display: block; width:178px; height:26px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-examcopies.gif");
			text-decoration: none;
			}
			#vnavexamcopies a:hover {background-position: -178px 0; }
			#vnavexamcopies a:active {background-position: -178px 0; }
		#vnavforeignrights {float:left;}
			#vnavforeignrights a { 
			display: block; width:178px; height:26px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-foreignrights.gif");
			text-decoration: none;
			}
			#vnavforeignrights a:hover {background-position: -178px 0; }
			#vnavforeignrights a:active {background-position: -178px 0; }
		#vnavebooks {float:left;}
			#vnavebooks a { 
			display: block; width:178px; height:26px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-ebooks.gif");
			text-decoration: none;
			}
			#vnavebooks a:hover {background-position: -178px 0; }
			#vnavebooks a:active {background-position: -178px 0; }
		#vnavspecialoffers {float:left;}
			#vnavspecialoffers a { 
			display: block; width:178px; height:26px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-specialoffers.gif");
			text-decoration: none;
			}
			#vnavspecialoffers a:hover {background-position: -178px 0; }
			#vnavspecialoffers a:active {background-position: -178px 0; }



#tabs {										/* -- BOOKSTORE TABS NAV -- */
	display:block;
	width:464px; height:28px;
	margin:15px 0 0 15px; padding:0;
	background-color:#ffffff;
	}

	#tabfeatured {float:left;}
		#tabfeatured a { 
			display: block; width:88px; height:28px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-featured.gif");
			text-decoration: none;
			}
		#tabfeatured a:hover {background-position: -88px 0; }
		#tabfeatured a:active {background-position: -88px 0; }
		#tabfeatured a.highlite { 
			display: block; width:88px; height:28px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-featured.gif");
			background-position: -88px 0;
			text-decoration: none;
			}
		#tabfeatured a.highlite:hover {background-position: 88px 0; }
		#tabfeatured a.highlite:active {background-position: 88px 0; }
	#tabcategory {float:left;}
		#tabcategory a { 
			display: block; width:92px; height:28px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-category.gif");
			text-decoration: none;
			}
		#tabcategory a:hover {background-position: -92px 0; }
		#tabcategory a:active {background-position: -92px 0; }
		#tabcategory a.highlite { 
			display: block; width:92px; height:28px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-category.gif");
			background-position: -92px 0;
			text-decoration: none;
			}
		#tabcategory a.highlite:hover {background-position: 92px 0; }
		#tabcategory a.highlite:active {background-position: 92px 0; }
	#tabauthor {float:left;}
		#tabauthor a { 
			display: block; width:92px; height:28px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-author.gif");
			text-decoration: none;
			}
		#tabauthor a:hover {background-position: -92px 0; }
		#tabauthor a:active {background-position: -92px 0; }
		#tabauthor a.highlite { 
			display: block; width:92px; height:28px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-author.gif");
			background-position: -92px 0;
			text-decoration: none;
			}
		#tabauthor a.highlite:hover {background-position: 92px 0; }
		#tabauthor a.highlite:active {background-position: 92px 0; }
	#tabtitle {float:left;}
		#tabtitle a { 
			display: block; width:92px; height:28px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-title.gif");
			text-decoration: none;
			}
		#tabtitle a:hover {background-position: -92px 0; }
		#tabtitle a:active {background-position: -92px 0; }
		#tabtitle a.highlite { 
			display: block; width:92px; height:28px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-title.gif");
			background-position: -92px 0;
			text-decoration: none;
			}
		#tabtitle a.highlite:hover {background-position: 92px 0; }
		#tabtitle a.highlite:active {background-position: 92px 0; }
	#tabforthcoming {float:left;}
		#tabforthcoming a { 
			display: block; width:100px; height:28px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-forthcoming.gif");
			text-decoration: none;
			}
		#tabforthcoming a:hover {background-position: -100px 0; }
		#tabforthcoming a:active {background-position: -100px 0; }
		#tabforthcoming a.highlite { 
			display: block; width:100px; height:28px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/nav-bk-forthcoming.gif");
			background-position: -100px 0;
			text-decoration: none;
			}
		#tabforthcoming a.highlite:hover {background-position: 100px 0; }
		#tabforthcoming a.highlite:active {background-position: 100px 0; }

#tabs p {visibility: hidden;}

#cartbox { 											
	display:block;
	width:161px; height:61px;
	margin: 0 15px 0 454px; padding:0;
	border: 1px solid #a3cad1;
	}

	#cart {float:left;}
		#cart a { 
			display: block; width:87px; height:34px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/cart-slide.gif");
			text-decoration: none;
			}
		#cart a:hover {background-position: -87px 0; }
	
#prodbox {
	display:block; height:34px;
	margin:15 px; padding:0;
	background: url("graphics/00000001/images/cartbg.gif");
	border: 1px solid #a3cad1;
	}
	#prodcart a { 
		display: block; width:41px; height:34px;
		margin:0; padding:0;
		margin-top:5px;
		background: url("/graphics/00000001/images/little-cart.gif");
		background-repeat: no-repeat;
		text-decoration: none;
		}
	#prodcart a:hover {background-position: -41px 0; }

	#prodtotal p {
		background-color:#fff; 
		font: normal x-small Arial, Helvetica, sans-serif;
		color:#3e4851;
		text-align:left;
		padding:5px 0 0 0; margin:0;
		}

	#checkout {float:right;}
		#checkout a { 
			display: block; width:74px; height:34px;
			margin:0; padding:0;
			background: url("graphics/00000001/images/checkout-slide.gif");
			text-decoration: none;
			}
		#checkout a:hover {background-position: -74px 0; }

	#carttotal p {
		background-color:#fff; 
		font: normal x-small Arial, Helvetica, sans-serif;
		color:#3e4851;
		text-align:center;
		padding:5px 0 0 0; margin:0;
		}

	#prodtotal p {
		background-color:#fff; 
		font: normal x-small Arial, Helvetica, sans-serif;
		color:#3e4851;
		text-align:center;
		padding:5px 0 0 0; margin:0;
		}
		
		/* -- TEXT STYLES from main site -- */	
		
		
.text-fade {color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller;}
.pub-type {color: #6c9cbc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; font-weight: bold;
	padding: 1em 0 0.25em 0; display: block;
	}
.text-small-hilite {color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; font-weight: bold;}

.brown {color: #5f4427;}
.blue-light {color: #6c9cbc;}
.pdf {font-family: Verdana, Arial, Helvetica, sans-serif; color:#903f4c;}

