/****************BODY*******************/

body {
	font:					normal 100%  serif;
	background:			#732222 url("images/background_tile.jpg") repeat scroll top left;
	margin:				0px;
}

p {
	line-height:		1.5em;
}


#page {
	margin:				40px 6.5%;
	font:					normal 100%  serif;
}


/*****************MAIN******************/
#main {
	width:				100%;
}

/****************HEADER*****************/
#header {
	width:				100%;
}

/*****************BOX*******************/
.box {
	background:			#f2ebc7 url("images/content_tile.jpg");
	border-width:		1px;
	border-style:		solid;
	border-color:		#222222;

	overflow:			visible;
	z-index:				0;
}

.box div.top-left {
	background:			transparent url("images/top_left_corner.png") no-repeat scroll top left;
	margin:				-7px;
	overflow:			visible;
	z-index:				1;
}

.box div.top-right {
	background:			transparent url("images/top_right_corner.png") no-repeat scroll top right;
	margin:				0px;
	padding:				0px;
	overflow:			visible;
	z-index:				1;
}
	
.box div.bottom-right {
	background:			transparent url("images/bottom_right_corner.png") no-repeat scroll bottom right;
	margin:				0px;
	padding:				0px;
	overflow:			visible;
	z-index:				1;
}

.box div.bottom-left {
	background:			transparent url("images/bottom_left_corner.png") no-repeat scroll bottom left;
	margin:				0px;
	padding:				20px 12px;
	overflow:			hidden;
	z-index:				1;
}

/*****************TITLE BAR********************/

#title {
	width:				81%;
	float:				right;
	margin:				0px 0px 20px 0px;

	font-family:		serif;
	text-align:			center;
	color:				black;
}

#title h1 {
	font-size:			2em;
	font-variant:		small-caps;
	margin:				0%;
	font-weight:		normal;
	letter-spacing:	0.5em;
}

#title h1 img {
	vertical-align:	middle;
	margin-left:		-0.2em;
	margin-right:		0.2em;
}

#title h2 {
	font-size:			1.2em;
	letter-spacing:	0.4em;
	margin:				0%;
}

/*****************LEFT*************************/

.left {
	width:				16.5%;
	float:				left;

	position:			relative;
	z-index:				0;
}

.left ul {
	list-style:			none;
	padding:				0;
	text-align:			center;
	margin-left:		0px;
}

.left li {
	padding:				15px 0px 10px;
	background:			transparent url("images/small_divider.png") no-repeat top center;
	position:			relative;
	z-index:				1;
	margin:				0px;
}

.left li a {
	font-size:			1.1em;
	color:				black;
	text-decoration:	underline;
}

.left a:hover {
	cursor:				pointer;
}

.left h1 {
	font-size:			1.1em;
	font-weight:		bold;
	color:				black;
	text-decoration:	none;
	margin:				0px;
}

/****************FORMS********************/
#forms {
	background:			transparent;
	position:			absolute;
	top:					0px;
	left:					90%;
	font-size:			1.1em;
	font-weight:		bold;
	visibility:			hidden;
	width:				95%;
	z-index:				2;
}

#forms ul{
	list-style:			disc;
}

#forms li{
	background:			transparent;
	z-index:				2;
	padding:				10px 0px 14px;
	margin:				-1px 0px 0px 0px;
}

#forms form {
	display:				none;
	visibility:			visible;
	position:			relative;
	margin:				0px;
	background:			#f2ebc7 url("images/content_tile.jpg");
	padding:				5px;

	border-width:		1px;
	border-style:		solid;
	border-color:		#c1bb9f;
}

#forms form input.close {
	border:				none;
	background:	transparent url("images/form_close.jpg") no-repeat scroll center center;
	width:				19px;
	height:				19px;
	float:				right;
	padding:				8px;
	margin-left:		-19px;
}

#forms form input.close:hover {
	border-width:		1px;
	border-style:		outset;
	border-color:		#582c13;
}

#forms form input.close:active {
	border-width:		1px;
	border-style:		inset;
	border-color:		#582c13;
}

#forms form h1 {
	text-align:			center;
	font-size:			1.1em;
	font-weight:		bold;
	margin:				0px;
	margin-bottom:		0.5em;
}

#forms form p {
	margin:				0px;
}

#forms form input{
	width:				90%;
	background:			#f2ebc7 url("images/input_tile.jpg") repeat scroll;
	border-width:		1px;
	border-style:		solid;
	border-color:		#c1bb9f;
}

#forms form input.button {
	background:			#683118 url("images/button_tile.jpg") repeat-x top left;
	width:				70%;
	margin-top:			0.5em;
	color:				#e2dbc1 ;
	font-weight:		bold;
	border-color:		#954422;
	border-width:		1px;
}

#forms form input.button:active {
	background:			#924321 url("images/button_tile_active.jpg") repeat-x top left;
}

/*****************CONTENT********************/
.content {
	width:				81%;
	float:				right;

}

.content div.bottom-left{
	padding:				40px;
}

.content h1 {
	margin:				0px;
	font-size:			1.5em;
	font-variant:		small-caps;
	text-align:			center;
	border-width:		1px 0px;
	border-style:		solid;
	border-color:		black;
	padding:				3px 0px;
	clear:				both;
}

.content h2 {
	font-size:			1.2em;
	border-width:		1px 0;
	border-style:		solid;
	border-color:		black;
	text-align:			center;
	margin:				1em 0 0;
	clear:				both;
}

.content h4 {
	margin:				1em 0 0 0;
	font-size:			1em;
}
	

.content a {
	color:				black;
}

.content ul {
	margin:				0;
	line-height:		2em;
}

.content img {
	float:				right;
	border-width:		1px;
	border-style:		solid;
	border-color:		#582c13;
	margin:				5px;
}

.book-title {
	border-width:		1px 0px;
	border-style:		solid;
	border-color:		black;
	margin-bottom:		1em;
}

.book-title h1, .book-title h2 {
	border-style:		none;
	margin:				0;
}
	
.content a.bold {
	font-weight:		bold;
	padding:				0.1em;
}


/****************FOOTER********************/
#footer {
	float:				right;
	width :				100%;
	margin-top:			4%;
	margin-bottom:		4%;
	text-align:			center;
	color:				#f2ebc7;
}

#footer a {
	color:				#f2ebc7;
}