body {
	margin:0;
	padding:0;
	background:#111 url(../img/bkgPage.png);
	font:12pt/16pt Verdana, sans-serif; 
	color:#930;
}

p, td, h1, li, dt, dd, form {
	font:11pt/15pt Palatino, Georgia, serif;
}

a {
	color:#006;
	cursor:pointer;
	text-decoration:none;
}

a:visited {
	color:#303;
}

a:hover {
	color:#900;
	padding-bottom:0;
	border-bottom:1px dotted #900;
}

/*** BEGIN THREE COLUMN STRUCTURE                       ***/
/* Based on http://www.alistapart.com/articles/holygrail */
/*
 *	Width : 850px
 *	Left Column : 160px
 *	Left/Center Gutter : 25px
 *	Center Column : 525px
 *	Center/Right Gutter : 25px
 *	Right Column : 115px
 **/

#wrapper {
	z-index : 100;
	position : relative;
	width : 850px;
	margin : 0 auto;
	border:3px double black;
	background : #ccd url(../img/bkgContent.jpg);
}

#container {
	position : relative;
	padding-left : 185px;   /* Left Column Width + Center/Left Gutter Width */
	padding-right : 140px;  /* Right Column Width + Center/Right Gutter Width */
}

#container .column {
	position : relative;
	float : left;
}

#content {
	position : relative;
	width:525px;			/* Center Column Width */
/*	margin-right:30px;	/* Center/Right Gutter Width */
	z-index:200;
}

#pnav {
	position : relative;
	width : 160px;    /* Left Column Width */
	right : 185px;    /* Left Column Width + Center/Left Gutter Width */
	margin-left:-525px;	/* Center Column Width */
}

#sidebar {
	width : 113px;          /* Right Column Width */
	margin-left:25px;		/* Center Right Gutter Width */
	margin-right:-140px;	/* Right Column Width + Center/Right Gutter Width */
	border-width:2px 0px 2px 2px;
	border-style:solid;
	border-color:#003;
	margin-top:45px;
	padding:1em 0;
	background-image:url(../img/bkgSidebar.png);
	text-align:center;
	color:#003;
	font:10pt/12pt Verdana, sans-serif; 
}


#footer {
	clear : both;
}
/** END THREE COLUMN STRUCTURE **/

#header {
	position:relative;
	width:100%;
	height:110px;
	background:#999 url(../img/bkgConcrete.jpg);
	border-bottom:2px solid black;
	margin:0;
}

#header .logo {
	position:absolute;
	top:0px;
	left:20px;
	width:63px;
	height:100px;
	background:url(../img/logoWebsite.png) no-repeat;
}

#header h1 {
	position:absolute;
	text-indent:-1000px;
	top:17px;
	left:100px;
	width:532px;
	height:37px;
	background:url(../img/titleWebsite.png) no-repeat;
}

#viewCart {
	position:absolute;
	right:10px;
	bottom:-40px;
	width:75px;
	height:30px;
}

#productShop {
	position:absolute;
	cursor:pointer;
	right:10px;
	top:36px;
	background:url(../img/shoppingBag.png) no-repeat;
	border:1px solid #666;
	width:150px;
	height:35px;
}

#productShop:hover {
	border:1px dotted #600;
}

#productShop span {
	position:absolute;
	top:-1000px;
	left:0px;
	width:1px;
	height:1px;
}

#pgBkg {
	z-index:10;
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:100%;
	background-image:none;
	background-repeat:no-repeat;
}

/*** GENERAL LAYOUT ***/

h1 {
	margin:20px 0 0 0;
	color:#850;
	font-size:18pt;
	line-height:20pt;
	font-family:Palatino, Georgia, serif;

}

h2 {
	color : #300;
	font-size : 18pt;
	font-family:Palatino, Georgia, serif;
	margin:0.5em 0em 0.5em -0.5em;
}

#sidebar p, #sidebar form {
	font:8pt/10pt Verdana, sans-serif;
	margin:1em 0;
}

#sidebar h2 {
	font:8pt/10pt Verdana, sans-serif;
	font-weight:bold;
	margin:0.2em;
}

.hasTertNav h2 {
	margin-top:2.2em;
	margin-left:10px;
}

h3 {
	background-color : #dde;
	padding: 2px 0px 2px 10px;
	color:#300;
	font-size : 12pt;
	text-align:center;
	border-bottom:3px double #300;
}

h3 a {
	color:#005;
}

h4 {
	color : #300;
	font-weight:bold;
	font-size : 10pt;	
	margin-bottom:0;
	padding-bottom:0;
}

h4 span {
	display:block;
	color:#333;
	font-weight:normal;
}

h4 a {
	color:#006;
}

h5 {
	margin:0;
	padding:0;
	color:#333;
	font-weight:normal;
}

h4 + p {
	margin-top:0.5em;
}

h5 + p {
	margin-top:0em;
}

dd + ul {
	margin-top:0em;
}

#content > p > img {
	margin:0px 5px;
	padding:1px;
	border:1px solid black;
}

.bookCover a {
	text-decoration:none;
}

.bookCover a:hover {
	border:none;
}

.bookCover img {
	border-width:1px;
}

.bookCover a:hover img {
	border-style:dotted;
}

.gallery {
	text-align:center;
}

.gallery a:hover {
	border:none;
}

.gallery img {
	margin:0px 5px;
	padding:1px;
	border:1px solid #00c;
}

.gallery a:hover img {
	border:1px dotted #00c;
}

.breadcrumb {
	display:block;
	font:8pt/14pt Verdana, sans-serif; 
	font-weight:normal;
}

table {
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
}
table td, table th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	line-height: 1em;
	font-size: 0.8em;
	color:#630;
}
table tr.odd td {
	background-color:#ccd;
}
table th {
	text-align:left;
	font-weight:normal;
	color:#eee;
	background-color:#999;
}

dt {
	font-weight:bold;
}
dd ul {
	margin:0; 
	padding:0;
}