/* CSS style sheet for Your Health Press web site, by David Janik-Jones, http://www.artspin.com/design/ */ 
 /* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */ 
 /* All Your Health Press web site content copyright 2004, Sarahealth Inc. */ 
 /* Started: September 22, 2004 */ 

/* This design is not a template. You may not reproduce it elsewhere without the designer's or owner's written permission.
However, feel free to study the CSS and use whatever (poor) techniques you learn from it elsewhere. Daddy says hi to Cal and Luke */ 

/* basic elements */ 
body { 
	background-color: #B0C3B4; 
	margin: 0; padding: 0; 
} 
p { 
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif; 
	color: #1A2A1D;
	margin: 0;
	text-align: left; 
	padding-bottom: 15px;
} 
a:link, a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #1A2A1D; 
}       
a:hover, a:active {
	text-decoration: none;
	color: #3C5A38; /* this is the green of the lines and may need to be changed back to 1A2A1D */
} 
li {
	list-style-type: square;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif; 
	color: #1A2A1D;
	margin: 0;
	padding: 0px 12px 7px 0px; 
} 

/* specific divs that are required to create and style the main divs on all pages */ 
#container {
	width: 760px; /*inside content is 752px wide */
	margin: auto auto;
	background-color: #FFF;
	padding-top: 10px;
}
#footer {
	width: 752px; /* full width as this one has no border */
	height: 22px;
	background-color: #3B5A38;
	margin: auto auto;
	margin-top: 13px;
}
#footer p { 
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	color: #FFF;
	padding-right: 8px;
	padding-top: 5px;
	text-align: right; 
}
#footer a:link, #footer a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #FFF; 
}       
#footer a:hover, #footer a:active {
	text-decoration: none;
	color: #FFF;
} 
#footerspacer {
	height: 4px;
	width: 752px; /* full width as this one has no border */
	margin: auto auto;
}
.subhead {
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif; 
	color: #1A2A1D;
	text-align: left; 
	padding-bottom: 7px;
	text-transform: uppercase;
	font-weight: bold;
}

/* divs for the INDEX page of the site only -- commented out into individual container divs */
/* this is the small header div that contacts the navigation links at the top */
#idxheader {
	width: 750px; /*752 - borders */
	height: 38px; /*40 - borders */
	border: 1px solid #3B5A38; /* this is the standard border and line colour throughout the site */
	background-color: #527859;
	margin: auto auto;
	background-image: url(images/idx_header_background.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#idxheader p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif; 
	color: #FFF;
	padding-right: 10px;
	padding-top: 20px;
	text-align: right; 
}
#idxheader a:link, #idxheader a:visited {
	text-decoration: underline;
	color: #FFF; 
}       
#idxheader a:hover, #idxheader a:active {
	text-decoration: none;
	color: #FFF;
}
/* this is the div that holds the branding banner image */
#idxbanner {
	width: 752px; /* there is no border as the image contains the border due to the upper right notch */
	height: 156px;
	margin: auto auto;
	margin-top: 3px;
	background-image: url(images/idx_banner_background.jpg);
}
/* this is the div that holds the pulldown menu to jump to all/any books */
#idxpulldown {
	width: 750px; /*752 - borders */
	height: 26px; /*28 - borders */
	border: 1px solid #3B5A38;
	margin: auto auto;
	margin-top: 1px;
	margin-bottom: 9px;
	background-image: url(images/palette.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#idxpulldown p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	font-weight: bold;
	color: #3B5A38;
	padding-left: 10px;
	padding-top: 6px;
	text-align: left; 
}
/* these are the two containers that hold the featured books and scrolling news areas */
/* this code was modified on Oct 11th to allow for the donkeyontheedge NO FLOAT technique of multi-column layout */
#idxcolumns {
	width: 752px;
	height: 302px;
	margin: auto auto;
	position: relative;
	left: 0;
	top: 0;
}
#featuredbooks {
	position: absolute;
	top: 0;
	left: 0;
	width: 375px; /* 376 wide - the left border */
	height: 280px; /*302 - 22 padding at top */
	padding-top: 22px;
	border-left: 1px dotted #3B5A38;
	background-image: url(images/title_featuredbooks.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.idxcovers {
	float: left;
	padding: 7px 12px 10px 6px;
}
#featuredbooks p {
	padding: 0px 6px 8px 7px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif; 
	color: #3B5A38;
}
#scrollingnews {
	position: relative;
	top: 0;
	left: 376px;
	width: 374px; /* 376 wide - the left and right borders */
	border-right: 1px dotted #3B5A38;
	border-left: 1px dotted #3B5A38;
	height: 281px; /*302 - 21 padding at top */
	padding-top: 21px;
	background-image: url(images/title_latestnews.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
/* these are the specific divs withthin the scrolling news right column container */
#scrollbox {
	width: 357px; /* 359px - borders */
	height: 279px; /* 281px - borders */
	margin: auto auto;
	overflow: auto;
	border: 1px solid #3B5A38;
	background-color: #EFF3F0;
}
#scrollbox p {
	padding: 8px;
}

/* divs for the CONTENT pages of the site only -- commented out into individual container divs */
/* this is the small header div that contacts the navigation links at the top on ALL pages */
#contentheader {
	width: 750px; /*752 - borders */
	height: 38px; /*40 - borders */
	border: 1px solid #3B5A38; /* this is the standard border and line colour throughout the site */
	margin: auto auto;
	background-image: url(images/content_header_bkgnd.jpg);
}
#contentheader p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif; 
	color: #FFF;
	padding-right: 10px;
	padding-top: 20px;
	text-align: right; 
}
#contentheader a:link, #contentheader a:visited {
	text-decoration: underline;
	color: #FFF; 
}       
#contentheader a:hover, #contentheader a:active {
	text-decoration: none;
	color: #FFF;
}
/* this is the div that holds the pulldown menu to jump to all/any books */
#contentpulldown {
	width: 745px; /*752 - borders  and R padding */
	height: 24px; /*28 - borders and top padding */
	border: 1px solid #3B5A38;
	margin: auto auto;
	margin-top: 1px;
	margin-bottom: 9px;
	background-image: url(images/palette.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	/* these are added for the right aligned pull down menu */
	text-align: right;
	padding-top: 2px;
	padding-right: 5px;
}
#contentpulldown p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	font-weight: bold;
	color: #3B5A38;
	padding-right: 10px;
	padding-top: 6px;
	text-align: right; 
}

/* these are the two containers that hold the book image and the scrolling description areas on the BOOK pages */
/* these were also all modified to use the NO FLOAT technique to fix IEs stupid problem with wrapping floats */
/* plus it's a hell of a lot more elegant a solution, even if it breaks in IE5 for the Mac -- Oct 11th */
#contentcolumns {
	width: 752px;
	margin: auto auto;
	position: relative;
	left: 0;
	top: 0;
}
/* these define the main two L/R containers */
#bookpageleft {
	position: absolute;
	left: 0;
	top: 0;
	width: 371px; /* 376 wide - the left border */
	height: 443px; /*462 - 19 padding at top */
	padding-top: 19px;
	border-left: 1px dotted #3B5A38;
}
#bookpageright {
	position: relative;
	left: 372px;
	top: 0;
	width: 378px; /* 376 wide - the left and right borders */
	border-right: 1px dotted #3B5A38;
	border-left: 1px dotted #3B5A38;
	padding-top: 19px;
	height: 443px; /*462 - 19 padding at top */
	background-image: url(images/title_overview.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/* these define XXX */
#bookpageleft p {
	padding: 0px 6px 8px 7px;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif; 
	color: #3B5A38;
}

/* these are the specific divs that define the two scrolling information areas in the bookpageright container */
/* these need to total 443 pixels high */
#scrolloverview {
	width: 361px; /* 359px - borders */
	height: 439px; /* 281px - borders */
	/* original height used to 277px but we removed the faqandlink and scrollfaq divs below this one */
	margin: auto auto;
	overflow: auto;
	border: 1px solid #3B5A38;
	background-color: #FFF;
}
#scrolloverview p {
	padding: 8px;
}

/* these are used to style the containers within the LEFT HAND column of the books page */
/* overiding container for the green area on the left */
#bookimage {
	height: 282px;
	width: 342px;
	margin: auto auto;
	background-color: #3C5A38;
}
/* left hand dark green area with the logos of the online retailers */
#bookgreen {
	position: absolute;
	top: 0;
	left: 0;
	height: 254px; /* 281px - top padding */
	padding-top: 27px;
	padding-left: 23px;
	width: 148px; /* 171px - 1 pixel right border + L padding */
}
.logopad {
	padding-top: 1px;
}
/* the book cover area ... note image has the green at the bottom and the line built in and must be 170x281px in size */
#bookcover {
	position: relative;
	top: 0;
	left: 171px;
	height: 281px;
	width: 170px; /* 171 - left border 1px */
	border-left: 1px solid #FFF;
}
/* light green area for quotes and book info at bottom of section */
#bookinfo {
	height: 135px; /* 160px - top and bottom borders */
	width: 319px; /* 342px - left and right borders */
	margin: auto auto;
	background-color: #D8DED7;
	padding: 12px;
	border-top: 1px solid #FFF;
}
#bookinfo p {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif; 
	color: #1A2A1D;
}

/* these are the two containers that create the two column INFORMATION and CATALOGUE pages - DO NOT USE FLOAT */
#infocolumns {
	width: 752px;
	margin: auto auto;
	position: relative;
	left: 0;
	top: 0;
}
/* these are the donkeyontheedge solutions to four columns modified to be a three column thingy */
/* found originally on ALA, this uses items positioned within a DIV to avoid using floats which often break in IE */
#infoleft {
  position: absolute;
  top: 0;
  left: 0;
  width: 135px; /* originally 20% */
  height: 462px;
  height: 460px;
  border-left: 1px dotted #3B5A38;
  border-right: 1px dotted #3B5A38;
  background-image: url(images/green_fade.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
#infocontent {
  position: relative;
  top: 0;
  left: 150px; /* originally 20% */
  width: 440px; /* originally 40% */
  height: 458px; /* 462 - borders */
  overflow: auto;
  border-left: 1px solid #3B5A38;
  border-top: 1px solid #3B5A38;
  border-bottom: 1px solid #3B5A38;
}
#inforight {
  position: absolute;
  top: 0;
  left: 590px; /* originally 60% */
  width: 136px; /* originally 20%, now 154 - L/R padding */
  border-left: 1px dotted #3B5A38;
  border-right: 1px solid #3B5A38;
  border-top: 1px solid #3B5A38;
  border-bottom: 1px solid #3B5A38;
  height: 446px; /* 462px - padding */
  padding: 12px 12px 0px 12px;
}
#infocontent p {
	padding: 6px;
}
#catalogue {
  position: relative;
  top: 0;
  left: 0;
  width: 590px; /* originally 40% now 602 - borders */
  height: 458px; /* 462 - borders */
  overflow: auto;
  border-left: 1px solid #3B5A38;
  border-top: 1px solid #3B5A38;
  border-bottom: 1px solid #3B5A38;
}
#catalogue p {
	padding: 8px 12px;
	border-bottom: 1px dotted #3B5A38;
	line-height: 16px;
}
.cataloguecover {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}
.pulldownmenu {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #1A2A1D;
}