/* GLOBAL
------------------------------*/
body {
	text-align: center;
	margin:0;
	padding: 0;
	background: #e0e4d3 url('../images/global/background.jpg');
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

a {
	color: #090;
}

a:hover {
	color: #4cc43b;
}

a:visited {
	color: #5a915a;
}

.Hidden {
	 position:absolute; 
	 left:-5000px; 
} 
 
h1, h2, h3 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #363;
}

h1	{
	font-size: 1.6em;
	margin: 20px 0 35px 0;
	
}

h2 {
	font-size: 1.2em;
	margin-top: 30px;
}

h3	{
	font-size: 18px;
	color: #6b6b4b;
	margin: 20px 0 25px 0;
}

h4 {
	font-size: 0.75em;
}

p, td, li, th  {
	font-size: 0.75em;
	line-height:  1.6em;
}

.small, #Footer, .Thumbnails .Zoom, .ImgOverlay p   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

td, th {
	vertical-align: top;
}

td p, td ul, td li {
	margin-top: 0;
	font-size: 100%;
}

.SubTitle {
	font-weight: bold;
	color: #666;
	line-height:  1.2em;
	margin-top: -20px;
}

.LinkWithArrow {
	padding: 0 0 0 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	background: url(../images/global/arrow.gif) no-repeat 0px 4px;
}

.Void {/*lets IE5 recover from the hack*/}

.Top {
	margin-top: 0 !important;
}

.Left {
	float: left;
}

img.Left {
	margin: 0 11px 20px 0;
}

.Right {
	float: Right;
}

.Clear {
	clear:both;
	font-size: 1px;
	height: 1px;
}

.PdfLink {
	padding-left: 25px;
	padding-bottom: 10px;
	background: url('../images/global/pdf_icon.gif') no-repeat 0px 2px;
}

.Error {
	color: #c00;
}

.NoWrap {
	white-space:nowrap;
}

.Dotted {
	background: url('../images/global/dot.gif') repeat-x top;
	padding-top: 18px;
}

h2.Dotted {
	margin-top: 0px;
	font-size: 1.2em;
	
}


/* Hacks
----------------------------------------------- */
.IEVariousHack {
	position: relative;
}

.IEDoubleMarginHack, #SideBar {
	display: inline;
}


/* Hides from IE5-mac \*/
* html .HollyHack {height: 1%;}
/* End hide from IE5-mac */



/* NAV
------------------------------*/
/*----------- Top Nav -----------*/

#MainNav {
	width: 314px;
	position: absolute;
	left: 446px;
	top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#MainNav div {
	width: 146px;
	border-top: 2px #666 solid;
}

#MainNav ul, #MainNav li  {
	margin: 0;
	padding: 0;
}

#MainNav li {
	background: none;
	border-bottom: 1px #d9d9d9 solid;
	font-size: 11px;
}

#MainNav li a, #MainNav li span {
	display: block;
	padding: 1px 4px;
}

#MainNav li.Current a, #MainNav li.Current span {
	background-color: #dce9dc;
	font-weight: bold;
}

#MainNav li a:hover {
	background-color: #dce9dc;
}

#MainNav li a, #MainNav li a:hover, #MainNav li a:visited {
	color: #090;
	text-decoration: none;
}

/* LISTS
------------------------------*/
ul {
	margin-left: 0;
	padding: 0;
	list-style: none;
}

li {
	margin: 0;
	padding-left: 14px;
	background: url('../images/global/bullet.gif') no-repeat 0 7px;
}

.ArrowBullets li {
	background: url('../images/global/arrow.gif') no-repeat 0 4px;
	padding-left: 20px;
}

.ArrowBullets li.Back {
	background: url('../images/global/arrow_back.gif') no-repeat 0 4px;
}

.NoBullet li {
	padding: 0;
	background: none;
}

/* INPUT
------------------------------*/

/* LAYOUT
------------------------------*/

/*------ page Container ------*/
#PageContainer {
	width: 793px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#MiddleShadow {
	background:  url("../images/global/middle_shadow.png") repeat-y;
	padding: 0 7px;
}

#BottomShadow {
	height: 13px;
	background:  url("../images/global/bottom_shadow.png") no-repeat top left;
	font-size: 1px;
}
#Top {
	border-top: 7px #668468 solid;
	height: 93px;
	position: relative;
}

#Logo {
	position: absolute;
	top: 11px;
	left: 19px;
}

#MainColumn {
	width: 742px;
}

.LeftColumn {
	width: 400px;
	float: left;
}

.MainImg {
	position:relative;
}

.MainImg, #MainColumn  {
	margin-left: 18px;
}

.MainImg img  {
	border: 1px #707777 solid;
}

/*------ Thumbnails ------*/

.Thumbnails {
	width: 317px;
	float: right;
	margin: 21px 0 0 0;
}

.Thumbnails .Zoom {
	background-color: #dce9dc;
	padding: 4px 0 7px 3px;
	margin: 0 0 4px 0;
}

.Thumbnails .Zoom img {
	float: left;
	margin-right: 10px;
}

.Thumbnails table {
	table-layout:fixed;
	border-collapse: collapse;
}

.Thumbnails td {
	width: 155px;
	padding: 0 0 7px 0;
}

.Thumbnails td.Gutter {
	width: 7px;
	font-size: 1px;
}

.Thumbnails td img {
	border: 1px #999 solid;
}

.Layer {
	width: 468px;
	position:absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 99;
}

.Layer .TopShadow, .Layer .BottomShadow  {
	background: url('../images/books/shadow_top.png') no-repeat bottom left;
	height: 7px;
	font-size: 1px;
}

.Layer .MiddleShadow {
	background: url('../images/books/shadow_middle.png') repeat-y;
	padding:  20px 30px 20px 30px;
}

.Layer .BottomShadow {
	background-image: url('../images/books/shadow_bottom.png');
}

.Portrait {width: 371px;}
.Portrait .TopShadow {background-image: url('../images/books/shadow_top_portrait.png');} 
.Portrait .MiddleShadow {background-image: url('../images/books/shadow_middle_portrait.png');} 
.Portrait .BottomShadow {background-image: url('../images/books/shadow_bottom_portrait.png');} 

/*----- Footer -----*/
#Footer {
	margin: 22px 0 0 0;
	font-size: 0.7em;
	background-color: #668468;
	padding-left: 7px;
}

#Footer,  #Footer a {
	color: #fff;
	text-decoration: none;
}


/* TABLES
------------------------------*/

.IndexTable {
	border-collapse: collapse;
}

.IndexTable td {
	padding: 0;
}

.IndexTable .Title {
	font-weight: bold;
	height: 55px;
}

.IndexTable .Book {
	padding-left: 133px;
}

.IndexTable .Book img {
	float: left;
	margin: 0 -122px 0 0;
	position: relative;
	left: -136px;
}

.IndexTable .Gutter {
	font-size: 1px;
	width: 33px;
}

.IndexTable .Book {
	padding-bottom: 33px;
}


/* FORMS
------------------------------*/


/* MISCELLANEOUS
------------------------------*/

/* PAGE SPECIFIC
------------------------------*/

/* Home
------------------------------*/

.ImgOverlayContainer {
	position: absolute;
	bottom: 13px;
	left: 13px;
}

.ImgOverlay {
	padding: 9px 16px 13px 16px;
	width: 373px;
	position: relative;
	margin-top: 4px;
}

.ImgOverlay p, .ImgOverlay h2, .ImgOverlay a {
	color: #fff;
	position:relative;
	margin:0;
}

.ImgOverlay h2 {
	margin-bottom: 15px;
	font-size: 1.3em; 
}

.ImgOverlay .Transparency {
	width: 100%;
	height: 100%;
	background-color: #668478;
	position: absolute;
	top: 0;
	left: 0;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.ImgOverlay .LinkWithArrow {
	padding-left: 14px;
	background: url('../images/home/arrow.gif') no-repeat 0px 5px;
}

.MainImg img, .NewFromCHP img {
	display: block; /* Removes gap under the image; vertical-align: bottom works too */
}

.Home .MainImg  {
	margin-bottom: 10px;
	margin-left: 0;
}

.NewFromCHP .Title {
	color: #fde39d;
}