/* REMOVE PADDING AND MARGIN VALUES */
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dd,dt,
q,table,thead,tbody,tfoot,caption,a,form,
input,textarea,fieldset,pre {margin:0;padding:0;}

/* SET BASE FONT ATTRIBUTES */
html, p, td {font:12px/15px Verdana, sans-serif; color: #000000;}
html { min-height: 100%; margin-bottom: 1px; }
body {background-color:#4e535c; } /* #656b77; */
h3,h4,h5 {font-weight:bold;color:#000;padding:5px 0 5px 0;}
h1 {font-weight:bold; color:#000; font-size:20px; line-height: 24px; padding-bottom:15px; padding-top:22px;}
h2 { background-color: #2f7dff; color: #FFFFFF; margin-top: 10px; margin-bottom: 7px; font-size: 14px; font-weight: bold; padding: 8px 0px 8px 10px; }
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px; color:#B07012;}
h1.homepage {font-size:14px;}
h2.bookpage { margin: 0px 0px 5px 0px; padding: 0; background-color:transparent; color: #000000; }

/* LINKS */
a {text-decoration:none;}
a:link,a:visited {text-decoration:none; color: #0000C0; }
a:hover,a:active {text-decoration:underline; color:#FF0000;}
a img {border:none;}
a.currentpage { background-color: red; }

/* NAVIGATION MENU */
#navcontainer { padding: 0; margin: 0; }
#navcontainer img { padding: 0; margin: 0; display: block; }
/* If img is left inline (as default), the browser might leave a small gap below it for the descenders of lowercase letters! */
#navcontainer a:hover,a:active { color: #FF0000; }
#navcontainer ul {
	list-style: none;
	list-style-position: outside;
	padding: 0;
	margin: 0px 0px 16px 0px;
	border-bottom: 1px solid #404040;
	}
#navcontainer ul ul { margin: 0; border-bottom: 0px; }
#navcontainer ul ul ul { margin: 0; border-bottom: 0px; padding-top: 1px; padding-bottom: 5px; }

#navcontainer ul li { border-top: 1px solid #404040; }
#navcontainer ul ul ul li { border: 0px; }

/* NAV MENU PARAGRAPHS */
#navcontainer ul li p {
	margin: 0px; 
	padding: 0px 0px 0px 10px; 
	height: 26px; 
	line-height: 26px;
	font-weight: bold;
	color: #FFFF00;
	}
#navcontainer ul li p:hover { background-color: #2c4160; }
#navcontainer ul ul li p { 
	margin: 0px; 
	padding: 0px 0px 0px 20px; 
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #c3c3c3;
	}
#navcontainer ul ul ul li p { 
	font-size: 11px;
	margin: 0px; 
	padding: 0px 0px 0px 30px; 
	height: 2.2ex;
	line-height: 2.2ex;
	color: #c3c3c3;
	font-weight: normal;
	}
p.currentpage { background-color: #1e304a; }

/* NAV MENU LINKS */
#navcontainer ul li a:link { color: #FFFF00; }
#navcontainer ul li a:visited { color: #FFFF00; }
#navcontainer ul ul li a:link { color: #c3c3c3; }
#navcontainer ul ul li a:visited { color: #c3c3c3; }
#navcontainer ul ul ul li a:link { color: #c3c3c3; }
#navcontainer ul ul ul li a:visited { color: #c3c3c3; }

/* BREADCRUMB BOX */

#breadcrumb {
	float: right;
	background-color: #ffff80;
	border: 1px solid yellow;
	margin: 12px 0px 12px 12px;
	padding: 5px;
	font-size: 11px; 
	max-width: 35%;
	}

ul.breadcrumb { display: inline; margin: 0px; padding: 0px; list-style-type: none; }
ul.breadcrumb li { display: inline; margin: 0px; padding: 0px; list-style-type: none; }

/* BOOK DETAIL NAVBOX */

#bdnavbox {
	float: right;
	background-color: #ffff80; /* ffe50b */
	border: 1px solid yellow;
	margin: 12px 0px 12px 12px;
	padding: 5px;
	font-size: 11px; 
	/* max-width: 35%; */
	}

table.navbox { border-style: none; margin: 0px; padding: 0px; font-size: 11px; background: #ffff80; }
table.navbox td { border-style: none; margin: 0px; padding: 0px; font-size: 11px; text-align: center; background: #ffff80; }
table.navbox td.link { border-top: 1px solid black; border-bottom: 1px solid black; vertical-align: top; background: #ffff80; margin: 0px; padding: 4px; font-size: 11px; text-align: left; }

/* COVER PAGES */
p.coverhead { margin: 10px 15px 2px 15px; padding: 0px; color: #FFFFFF; font-weight: bold; }
p.covertext { margin: 0px 15px 10px 15px; padding: 0px; color: #a7a7a7; }
p.covertext a:link { color: #2f7dff; }
p.covertext a:visited { color: #2f7dff; }

/* MAIN BODY */
#middle2col p { color:#000000; } /* Dark grey: 3c3c3c */

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul,ul ol,ul dir,ul menu,ul dl,
ol ul,ol ol,ol dir,ol menu,ol dl,
dir ul,dir ol,dir dir,dir menu,dir dl,
menu ul,menu ol,menu dir,menu menu,menu dl,
dl ul,dl ol,dl dir,dl menu,dl dl {margin-top:0;margin-bottom:0;}

/* EMPHASIS */
.redemph { color: #800000; font-weight: bold; }

/* CENTERING */
img.center { display:block; margin-left:auto; margin-right:auto; }
img.left { display:block; margin: 0px 0px 10px 0px; }

/* TABLES */
table { border-collapse: collapse; background: #ebf3ff; margin-bottom: 10px; }
td { vertical-align: middle; border-top: 1px solid black; border-bottom: 1px solid black; padding: 8px; }
table.key { border-style: none; background: #FFFFFF; margin-top: 10px; }
table.key td { border-style: none; font-size: 10px; vertical-align: top; }

table.digestlist { width: 100%; }
table.digestlist td { vertical-align: top; }
table.digestlist td.nextbook { border-left: 1px solid black; }

table.serieslist { width: auto; }

table.coverthumbs { margin: 0px 0px 0px 0px; padding: 0px; border-style: none; background-color: transparent; }
table.coverthumbs tr { margin: 0px; padding: 0px; }
table.coverthumbs td { border-style: none; margin: 0px; padding: 5px 7px 5px 7px; text-align: center; font-weight: bold; font-size: 10px; line-height: 11px; }
table.coverthumbs td a { font-weight: bold; font-size: 10px; }
table.coverthumbs td img { padding-bottom: 3px; }

table.digestthumbs { margin: 0px 0px 0px 0px; padding: 0px; border-style: none; background-color: transparent; }
table.digestthumbs tr { margin: 0px; padding: 0px; }
table.digestthumbs td { border-style: none; margin: 0px; padding: 5px 7px 0px 7px; text-align: center; font-weight: bold; font-size: 10px; line-height: 10px; }
table.digestthumbs td a { font-weight: bold; font-size: 10px; }
table.digestthumbs td img { padding-bottom: 3px; }

table.coverpage { margin-top: 6pt; border-style: none; background: #ccdcf4; }
table.coverpage td { vertical-align: top; border-style: none; }
table.coverpage table.coverthumbs { border-style: none; background: #ebf3ff; }

table.newsbox { background: #ffff80; }

/* STANDARDIZE THE LIST-BULLET TYPE */
ul,dl {list-style-type:disc;list-style-position:inside; padding-bottom: 2px; padding-left: 15px;}
ol {list-style-position:inside; padding-bottom: 2px; padding-left: 15px;}
li {color: #000000;}
ul.checklist { list-style-image: url(images/checkbox.gif); }

/* CLEARING DIV */
#clear { clear: both; }

/* RANDOM BOOK BOX */
.randombook {border-top: 1px solid black; border-bottom: 1px solid black; padding: 10px 10px 3px 10px; margin: 10px 0px 20px 0px; }
table.rbk { background-color: transparent; padding: 0px 0px 8px 0px; margin: 0; }
table.rbk td { border-style: none; padding: 0px 0px 8px 0px; margin: 0; }
table.rbk td.text { padding-left: 12px; }

/* NEWSBOX */

p.newsbox {background-color: #ffff80; border: 1px solid yellow; padding: 10px; margin-top: 6px; margin-bottom: 12px; }

/* LISTS */

dl { padding:0px; color: #202020; border-top: 1px solid #202020; background-color: #ebf3ff; border-bottom: 1px solid #202020; margin-bottom:12px; }
dl dt { font-weight: bold; margin: 0px; padding: 4px 4px 4px 7px; background-color: #ccdcf4; }
dl dd { padding: 7px 7px 7px 10px; background-color: #ebf3ff; }
dl dl { padding: 0px; margin: 0px; background-color: transparent; }
dl dl dt { padding: 4px 0px 5px 0px; margin: 0px; background-color: transparent; }
dl dl dd { padding: 0px 0px 8px 0px; margin: 0px; background-color: transparent; min-height: 1px; }

dl.booklist dd { min-height: 120px; }
dl.booklist dl { border-style: none; }
dl.booklist dl dd { min-height: 1px; }

ul.normal li {margin-bottom:6px; }

ol.spaced {margin: 10px 0px 10px 10px; }
ol.spaced li {margin: 0px; padding: 10px 0px 10px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: black; /* -top: 1px solid black; border-bottom: 1px solid black; */ }

/* MISCELLANEOUS STYLES TO ENSURE STANDARD TYPOGRAPHY */
em {font-style:italic;font-weight:normal;}
strong {font-weight:bold;}
input, select {
	border: 1px solid #BEBEBE; padding: 2px; background-color: #FFF;
	font:11px Verdana, sans-serif; color: #333;
}
option {
	font-weight:normal;
}
/* STANDARD MULTIPLE COLUMN CLEARING TRICK */
/* make sure your columns divs are inside a holding div that float:left; */
#clear {clear: left; height: 0px; padding: 0px; margin: 0px; overflow: hidden;}
/* ----- END OF TEMPLATE ----- */

.pageImg { margin:0px 0px 8px 12px; padding-bottom:4px; border-bottom:6px solid #990033; }

.flashDownload {margin:0; padding:0 0 0 3px; background-color:#666666; font-size:9px; color:white; }

/* ----- overflow: hidden; will be used to prevent images/content from breaking the layout ----- */

/* UBER defines the main container with background drop shadow 980px wide that holds all content on all pages */
#uber {
	width: 980px; margin: auto auto; background: url(images/bkgnd_uber.gif) top left repeat-y;
}
/* then there is a content holder inside this only 960px wide */
#sububer {
	width: 960px; margin: auto auto;
}

/* footer with copyright, links and update */
#footer {
	position: relative; /* so that elements are placed absolutely within this div */ overflow: hidden;
	background-color: #2f7dff; height: 60px; width: 924px; /* height=61 width=960 both -padding */
	font-size: 10px; color: #FFF;
	padding: 12px 18px 0px 18px;
}
#footerlinks {
	position: absolute; top: 12px; right: 18px; text-align: right;
}
#footer a:link, #footer a:visited {text-decoration:none; color:#FFF;}
#footer a:hover, #footer a:active {text-decoration:underline; color:#FFF;}

/* --- styles for the MAIN CONTENT AREA, requires standard clear div outside close of div --- */

#content {
	float: left; margin-bottom: 0; padding-bottom: 0;
}

/* three column styles for the _3col page templates */
#leftnav {float: left; width: 200px; overflow: hidden; }

/* two column larger width text area column for the _2col page templates */

#middle2colheader {float: left; width: 760px; padding: 0px; margin:0px;  overflow:hidden; }
#middle2col {float: left; width: 726px; padding: 0px 17px 15px; overflow:hidden; }

/* width 760-padding */

#middle2col ul, #middle2col ol {
	list-style-position: outside;
	padding-left:30px;
}

#middle2col p {padding-bottom: 9px;}
#middle2col a {font-weight: bold;}

p.newstitle { font-weight: bold; font-size: 14px; }

p.bio { font-style: italic; }

p.creds { font-variant: small-caps; color: black; margin-bottom: 0px; padding-bottom: 0px;}

img.bio { float:right; margin: 9px; border: 1px solid black; padding: 3px; }

hr {
border: 0;
color: #000000;
background-color: #000000;
height: 1px;
width: 100%;
margin-top: 4px;
}

#home-news { background:#f2f2f2; padding: 15px; margin-top: 10px;} /* Blue-grey: afc1d9 */

/* styles required to float NEWS box in 2 column layout */
#floatrelated div#box {width: 171px; padding: 5px 0px 10px 0px; margin:0; background:#000000; color:#FFF;}

.floatpic { float: right; padding: 8px; font-size: 10px; color: #202020; text-align: center; font-weight: bold; }
.floatpic-tight { float: right; padding: 0px 0px 8px 8px; font-size: 10px; color: #202020; text-align: center; font-weight: bold; }

/* LEAVE THIS, deleting makes weird things happen -- title on main level pages or indicator of where you are in section */
.leftnavon {color: #000;}