@import("iemacfix.css"); 

/* ----- Layout ----- */

body
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

#container{
	margin: 1% auto;
	width: 100%;
	text-align: left;
	background: #fff url(images/lizard-bkgd-right.gif) repeat-y top left;
}

#sidebar {
	width: 150px;
	margin: 0;
	padding: 0;
	position: absolute;	
}

	#sidebar img{
		margin: 10px 18px 10px 18px;
	}
	
	#sidebar p {
		text-align: center;
		margin: 10px 18px 10px 18px;
		font-size: 1em;
		font-style: italic;
		font-family: Georgia, "Times New Roman", Times, serif;
	}

#header {
	float: left;
	margin-left: 150px;
	padding: .5em 2em .5em 0;
	background: transparent;
}

	#header h1 {
		margin: 0;
		padding-bottom: .3em;
		font-style: italic;
		font-weight: normal;
		font-family: "Bookman Old Style", Bookman, "Bookman Light", Georgia, "Times New Roman", Times, serif;
	}

#navcontainer {
	margin-top: .5em;
	padding: 0;
}

	#navcontainer ul {
		margin: 0;
		padding: 0;
		border: 0;
		list-style-type: none;
		text-align: center;
	}
	
		#navcontainer ul li {
			display: block;
			float: left;
			margin: 0;
			padding: 0;
		}
	
			#navcontainer ul li a {
				display: block;
				margin: 0;
				padding-right: 1em;
				padding-left: 1em;
				border: 1px solid #008080;
				white-space: nowrap;
				background: #fff;
				color: #008080;
				text-decoration: none;
				font-style: normal;
				font-family: Verdana, Helvetica, Arial, sans-serif;
			}
	
				#navcontainer ul li a:hover {
					background: #cce4e7;
					color: #008080;
				}
				
				#navcontainer ul li#active a {
					background: #46a0af;
					color: #fff;
				}

#content {
	clear: both;
	width: 36em;
	margin-left: 150px;
	padding: 1em;
	background-color: #fff;
	border-top: 1px solid #008080;
	border-right: 1px solid #008080;
	border-bottom: 5px solid #008080;
	border-left: 1px solid #008080;
	line-height: 130%;
}

	#content h1 {
		margin: .5em 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.5em;
		font-weight: normal;
		line-height: 1.4em;
		color: #006666;
	}
	
	#content h2 {
		margin: .5em 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.3em;
		font-weight: normal;
		line-height: 1.4em;
	}
	
	#content h3 {
		margin: 0 0 .5em 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.1em;
		font-weight: normal;
		font-style: italic;
	}
	
	#content h4 {
		margin-bottom: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		font-style: normal;
	}
	
	#content p {
		font-size: 1em;
	}

	#content .orderbutton {
		display:block;
		float: right;
		width: 11em;
		margin: 10px 3px;
		padding: 0;
		border: 1px solid #008080;
		text-align: center;
		background-color: #cce4e7;
	}
	
		#content .orderbutton h3 {
			display: block;
			margin: 0;
			padding: .3em 0;
			color: #fff;
			background-color: #46a0af;
		}
		
		#content .orderbutton form {
			margin: 0;
		}
		
		#content .orderbutton fieldset {
			margin: 0;
			padding: 0;
			border: none;
		}
		
		#content .orderbutton p {
			margin: .5em;
			font-size: .8em;
			line-height: normal;
		}
	
			#content .orderbutton p.price {
				margin: .5em;
				font-size: 1.5em;
				font-weight: bold;
			}	

#footer {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 10px 10px 150px;
	border-top: 1px solid #008080;
	border-bottom: 1px solid #008080;
	color: #222;
	background-color: #cce4e7;
	text-align: left;
	font-size: .8em;
}

/* ----- Basic Elements ----- */

p {
}

a:link {
	color: #008080;
}

a:visited {
	color: #004080;
}

a:hover, a:active {
	color: #7549a5;
}

ul {
	list-style: square;
}

ol ul {
	list-style: square;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}

	blockquote p {
		margin: 0;
		padding: 0;
		line-height: 1.5em;
		text-indent: 2em;
	}
	
address {
	padding-left: 2em;
}

hr {
	display: block;
	clear: both;
	margin: 1em 0;
	border: none;
	border-top: 1px dotted #008080;
	color: #fff;
	background-color: #fff;
	height: 0;
}

img {
	border: none;
}

/* ----- Classes ----- */

.inset-left {
	float: left;
	margin: 0 10px 10px 0;
}

.inset-right {
	float: right;
	margin: 0 0 10px 10px;

}

.center {
	text-align: center;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.booktitle {
	font-style: italic;
	font-weight: bold;
}

	h1.booktitle, h2.booktitle, h3.booktitle, h4.booktitle {
		font-weight: normal;
	}
	
	h1 cite.booktitle, h2 cite.booktitle, h3 cite.booktitle, h4 cite.booktitle {
		font-weight: normal;
	}

.banner {
	display: block;
	float: left;
	width: 25em;
	margin: 1em 2em 1em 2em;
	padding: .5em .5em .5em 3em;
	border-left: 3px double #008080;
	border-right: 3px double #008080	;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
	color: #000;
	background: no-repeat url(images/star.png);
	background-color: #cce4e7;
}

	.banner a {
		text-decoration: underline;
	}
	
	.banner p {
		margin: 0;
		padding: 0;
	}

.banner-med {
	margin: .5em 0;
	padding: 10px 10px 10px 50px;
	border-left: 3px double #008080;
	border-right: 3px double #008080;
	font-size: 1em;
	line-height: 1.1em;
	text-align: left;
	color: #000;
	background: no-repeat url(images/star.png);
	background-color: #cce4e7;
}

	.banner-med a {
		text-decoration: underline;
	}
	
	.banner-med p {
		margin: 0 0 1em 0;
	}

.banner-small {
	display: block;
	float: right;
	width: 12em;
	margin: .5em 0 .5em 0;
	padding: 1em;
	border-left: 3px double #008080;
	border-right: 3px double #008080;
	font-size: .9em;
	line-height: 1.1em;
	text-align: left;
	color: #000;
	background-color: #cce4e7;
}

	.banner-small a {
		text-decoration: underline;
	}

.button {
	display: block;
	background-color: #cce4e7;
	text-align: center;
}

	.button a {
		text-decoration: none;
		font-weight: bold;
	}

.callout {
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
}

	.callout p {
		margin-top: 0;
		margin-bottom: .3em;
	}
	
	.callout ul {
		list-style: square inside;
		margin: 0;
		padding: 0;
	}
	
/* Must follow callout (overrides it for elements with class "item-desc callout" */
.item-desc p, .item-desc ul {
	margin-top: 1em;
	margin-bottom: 1em;
}