/* Basics */
body {
	margin: 0 !important ;
	padding: 0;
	background: #FCFBEA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
}

/* Layout */

#main {
	background: #FCFBEA url(../graphics/sideshadow.gif) repeat-y;
	width: 890px;
	margin: 40px auto 0px auto;
	padding: 0px;
}

#header {
	width: 890px;
	background: #FCFBEA url(../graphics/topshadow.gif) no-repeat;
	margin: 0px;
	padding: 10px 0px 0px 21px;
	text-align: center;
	color: #999999;
}

#navigation {
	width: 890px;
	margin: 0px auto;
	padding: 0px;
}

#nav-A {
	float: left;
	width: 630px;
	padding: 0px;
	margin: 0px;
	background-color: #FCFBEA;
	text-align: left;
	font-size: 11px;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

	#nav-A a, #nav-A a:active {
		display: block;
		margin: 0px;
		padding: 6px 7px 7px 7px;
		text-align: center;
		color: #000000;
		text-decoration: none;
		background-color:#FCFBEA;
	}
	
	#nav-A a:hover {
		background-color:#666666;
		color:#FFFFFF;
		text-decoration: none;
	}
	
	#nav-A a.sub, #nav-A a.sub:active {
		display:list-item;
		margin: 0px;
		text-align: left;
		color: #000000;
		text-decoration: none;
	}
	
	#nav-A a.sub:hover {
		background-color:#666666;
		color:#FFFFFF;
		text-decoration: none;
	}
	
	#nav-A a.current, #nav-A a.current:active {
		display: block;
		margin: 0px;
		padding: 6px 7px 7px 7px;
		text-align: center;
		text-decoration: none;
		background-color:#666666;
		color:#ffffff;
	}
	#nav-A a.current:hover {
		color:#eeeeee;
	}
	
	#nav-A a.navlink, #nav-A a.navlink:active {
		padding:0px 12px;
		margin:0px;
		text-decoration:none;
		color:#000000;
	}
	#nav-A a.navlink:hover {
		color:#eeeeee;
		text-decoration:underline;
	}
	
#nav-B {
	float: left;
	width: 219px;
	margin: 0px;
	background-color: #ffffff;
	padding: 8px 0px 7px 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 9px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

	a.searchlink, a.searchlink:active, a.searchlink:visited {
		padding: 10px 3px;
		margin:0px;
		text-decoration:none;
		color:#000000;
		font-size:9px;
	}
	a.searchlink:hover {
		color:#666666;
		text-decoration:underline;
	}

	#navigation, #navigation ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
	}	
	
	#navigation li { /* all list items */
		float: left;
		border-left: 1px solid #FCFBEA;
		border-right: 1px solid #FCFBEA;
		/* width needed or else Opera goes nuts */
	}
	
	#navigation li.current { /* all list items */
		float: left;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
	}
	
	#navigation li ul { /* second-level lists */
		position: absolute;
		background-color: #FCFBEA;
		border: 1px solid #cccccc;
		text-align: left;
		width: 11em;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
	#navigation li li {
		text-align: left;
		width: 11em;
		border-right: 1px solid #cccccc;/**/
	}
	
	#navigation li ul.wide { /* second-level lists */
		position: absolute;
		background-color: #FCFBEA;
		border: 1px solid #cccccc;
		text-align: left;
		width: 13em;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
	#navigation li li.wide {
		text-align: left;
		width: 13em;
		border-right: 1px solid #cccccc;/**/
	}
	
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	#navigation li:hover {
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	}

#content {
	float: left;
	width: 550px;
	height:100%;
	padding:10px 25px 10px 25px;
	margin:0px 0px 0px 21px;
	background-color: #ffffff;
	display: inline;
}
html>body #content {
	width: 580px;
}

#admin-content {
	float: left;
	width: 750px;
	height: 100%;
	padding: 10px 25px 10px 25px;
	margin: 0px 0px 0px 21px;
	background-color: #ffffff;
}
html>body #admin-content {
	width: 800px;
}

#sidebar {
	float: left;
	margin: 0px;
	width: 220px;
	padding: 0px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background: #FCFBEA;
} 
html>body #sidebar {
	width: 220px;
}

#social {
	background-color: #ddd;
	margin: 0;
	padding: 2px 18px;
	display: block;
}
#social p { display: none; }
ul.social {
	margin: 1em 0 1em 0;        
}
ul.social li {
	list-style-type: none;
	text-align: left;        
}

#footer {
	width:890px;
	margin: 0px auto;
	padding: 10px 0px;
	clear: both;
	text-align: center;
	background: #FCFBEA url(../graphics/bottomshadow.gif) no-repeat;
	color:#000000;
}
	/* Footer Styles */
	#footer p {
	font-size: 0.9em;
	}
	
html>body #footer {
	width: 890px;
}

* html #content, * html #sidebar {
	overflow: hidden; /* For IE */
}
/* */

#bookinfo {
	float: left;
	margin: 15px 0px;
	width: 560px;
	padding: 5px 10px 10px 0px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background-color:#dddddd;
} 
html>body #bookinfo {
	width: 570px;
}
#bookheader h2 b { font-weight: normal; }
#booksidebar {
	float: left;
	margin: 0px;
	width: 175px;
	padding: 15px;
	padding-top: 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background: #dddddd;
} 
html>body #booksidebar {
	width: 195px;
}

#bookheader {
	float: left;
	width: 310px;
	voice-family: "\"}\""; 
	voice-family: inherit;
} 
html>body #bookheader {
	width: 330px;
	
}#bookcontent {
	float: left;
	margin: 10px 0 0 0;
	width: 285px;
	min-height: 650px;
	padding: 10px 15px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background: #ffffff;
	border: 1px solid #cccccc;
} 
html>body #bookcontent {
	width: 305px;
}
#bookcontent font b { display: none; }
#purchaseinfo {
	float: left;
	margin: 0px;
	width: 265px;
	padding: 10px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background: #FCFBEA;
	border: 1px solid #cccccc;
	font-size: 0.9em;
	vertical-align:top;
	line-height: 1.1em;
} 
html>body #purchaseinfo {
	width: 285px;
}
 #relatedlinks {
	float: left;
	margin: 0px;
	width: 265px;
	padding: 10px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background: #fff;
	border: 1px solid #cccccc;
	font-size: 0.9em;
	vertical-align:top;
	line-height: 1.1em;
} 
html>body #relatedlinks {
	width: 285px;
}
#shelf ul li { margin: 2px; list-style: none; float:left; height: 20px; }
#shelf img { padding: 0 0px; border: 0; margin: 0; vertical-align: top; }


/* Book Record (Admin) Layout Styles */
#bookrecordinfo {
	float: left;
	margin: 15px 0px;
	width: 770px;
	padding: 10px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background-color:#dddddd;
} 
html>body #bookrecordinfo {
	width: 770px;
}

#bookrecordsidebar {
	float: left;
	margin: 0px;
	margin-right: 10px;
	width: 150px;
	padding: 10px;
	padding-top: 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background: #dddddd;
} 
html>body #bookrecordsidebar {
	width: 170px;
}

#bookrecordcontent {
	float: left;
	margin: 0px;
	width: 495px;
	min-height: 650px;
	padding: 10px 20px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	background: #ffffff;
	border: 1px solid #cccccc;
} 
html>body #bookrecordcontent {
	width: 515px;
}

/* ------------------------ END Layout Styles ------------------------ */

/* Basics and Typography */
p, .p {
	font-size: 1em;/**/
	line-height: 1.5em;
	margin: 0.7em 0;
	color:#333333;
}
p.eleven {
	font-size: 11px;/**/
	line-height: 1.5em;
	margin: 0.7em 0;
	color:#333333;
}
p.right {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	text-align: right;
}
ol, ul {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	margin: 10px 0 0 0;
	padding: 0;
	font-weight:normal;
	text-decoration: none;
}
h1, .h1 {
	font-size: 20px;
	margin: 10px 0 0 0;
	line-height: 1.1em;
}
h2, .h2 {
	font-size: 14px;
	margin: 5px 0 0 0;
	line-height: 1.4em;
}
h3, .h3 {
	font-size: 12px;
	margin: 2px 0 0 0;
	font-weight:bold;
}
h4, .h4 {
	font-size: 12px;
	margin: 2px 0 0 0;
	font-weight:normal;
}

/* LINK STYLES */

a, a:visited, a:active {
	/*text-decoration: underline;*/
	text-decoration:none;
	color:#333333;
}
a:hover {
	color:#999999;
	text-decoration:underline;
}

a.subtle, a.subtle:visited, a.subtle:active {
	color:#333333;
	font-weight:normal;
	text-decoration:none;
}
a.subtle:hover {
	color:#999999;
	font-weight:normal;
	text-decoration:underline;
}

a.bold, a.bold:visited, a.bold:active {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
a.bold:hover {
	color:#999999;
	font-weight:bold;
	text-decoration:underline;
}

a.obvious, a.obvious:visited, a.obvious:active {
	text-decoration: none;
	color:#4682b4;
}
a.obvious:hover {
	color:#999999;
	text-decoration:underline;
}

a.booknav, a.booknav:visited, a.booknav:active {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	color:#333333;
	font-size: 12px;
	text-decoration:none;
	padding: 10px 0px;
	line-height: 2em;
	text-align:left;
}
a.booknav:hover {
	color:#999999;
	font-size: 12px;
	text-decoration:none;
}
a.button:link, a.button:visited, a.button:active {
	background-color: #666666;
	color:#ffffff;
	padding: 5px;
}
a.button:hover {
	color:#6699FF;
	text-decoration:underline;
}

.nonoption {
	color:#999999;
	font-size: 12px;
	padding: 10px 0px;
	line-height: 2em;
	text-align:left;
}
/* FORM STYLES */

input, select {
	padding: 2px;
	margin: 2px 0px;
	border: 1px solid #C1C0B5;
	background-color:#FCFBEA;
	color: #333;
	font-size: 1em;
	vertical-align:middle;
}
input.buy {
	padding: 0;
	margin: 0;
	border: none;
	background-color: none;
}
textarea {
	padding: 1px;
	margin: 1px;
	border: 1px solid #C1C0B5;
	background-color:#eeeeee;
	color: #333;
	font-size: 1.3em;
}
td, tr, table {
	text-align:left;
	vertical-align: top;
}
table.tbl {
	margin:0px;
}
table.tbl td {
	padding: 0px 2px 0px 3px;
	border-right:1px solid #666666;
}
blockquote {
	margin: 0 20px;
	padding: 0 20px;
	/*border-left: 4px solid #E8E7D0;
	font-size: 0.9em;*/
}
code {
	font-family: monospace;
	color: #666;
}
img {
	border: 0;
	padding: 1px;
}
img.padded {
	padding: 8px 10px 10px 0px;
	border:0;
}
img.left {
	padding: 0px 10px 0px 0px;
	border:0;
	margin:0;
}
img.booknav {
	padding:6px 5px 5px 0px;
	margin:0px;
}
form {
	margin: 0;
	padding: 0;
	border: 0;
}
/**/
.small {
	font-size: 0.8em;
	color:#333333;
}
.selected {
	text-decoration:overline;
}


.admin {
	font-size: 0.9em;
}

/**/

.fieldlabel {
	font-weight: bold;
	color: #000000;
	vertical-align:middle;
}

table.infotable {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #cccccc;
	border-collapse: collapse;
	background-color: white;
}
table.infotable th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #cccccc;
	background-color: white;
	-moz-border-radius: 0px;
}
table.infotable td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #cccccc;
	background-color: white;
	-moz-border-radius: 0px;
}

.formdata {
	font-size:0.9em;
	color:#333333;
	padding:0;
	margin:0;
}


/*****/

.contentframe { /* div class */
	border-top:3px solid #dddddd;
	padding:0px;
	margin:0px;
	height:inherit;
}
.contentblock { /* div class */
	border-left:50px solid #FCFBEA;
	padding:10px;
	margin:0px;
	height:100%;
}

/*****/

.code {
	font-family:"Courier New", Courier, mono;
	font-size: 11px;
	color:#660066;
}
.debug {
	font-family:"Courier New", Courier, mono;
	font-size: 12px;
	color:#FF6600;
}
.error {
	font-family:"Courier New", Courier, mono;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color:#CC0066;
}
.lineinfo {
	font-family:"Courier New", Courier, mono;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color:#666666;
}

/**** catalog shelfari, etc. ****/
#shelf ul { 
	margin: 0; 
	list-style: none; 
	float:left; 	
	display: block;
}
#shelf ul li { margin: 2px; list-style: none; float:left; height: 20px; }
#shelf img { padding: 0 2px; border: 0; margin: 0; vertical-align: top; }

.insight_nav, .insight_wrap { display: none; }
.insight_wrap { margin: 1em 0; }
.insight_hdr {
	width: 143px;
	height: 24px;
	background: url(/images/browse_and_search.gif) no-repeat 0 0 scroll;
	display: none;
}
.insight_cover { display: none; }

b.formats a { color: #4682b4; }

/* HOMEPAGE NEWS */
ul#news1 {
    margin: 0;
    float: left;
    padding-right: 2.25em;
    border-right: solid 1px #ccc;
	margin-bottom: 1em;
}
ul#news2 {
    padding: 0 0 0 1em;
    margin: 0;
	float: right;
	margin-bottom: 1em;
}
ul#news_all {
	margin: 0;
}
ul#news1 li, ul#news2 li {
    width: 22em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#news1 a, ul#news2 a, ul#news_all a { color:#4682b4; }
li.clearleft { clear: left; }
li small {
   letter-spacing: .2em;
   font-size: .8em;
   text-transform: uppercase;
}
li h5 {        
	font-size: 12px;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    margin-top: 0;
    width: 22em;
}
li p { width: 22em; }
ul#news_all li { 
	width: 33em; 
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}
ul#news_all li h5, ul#news_all li p {
	width: 33em;
}