html{
	margin: 0;
	padding: 0;
	background-color:#582605;
	background-repeat:no-repeat;

}


body {
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: inherit;

	 }
#navigation {
	position: absolute;
	background-color: transparent;
	top: 97px;
	left: 220px;
	color: #9D080D;
	width:430px;
	font-family: verdana, helvetica, arial;
	font-size: 11pt;
	outline-color: #000000;
	text-decoration: none;
	text-align: left;
	/* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
		z-index: 3;
 }
div.menu{
	position: absolute;
	top: 303px;
	left:251px;
	border:0px;
	z-index:1;
	/* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
	width: 334px;
}
div.menu2{
	position: absolute;
	top: 117px;
	left:235px;
	border:0px;
	z-index:1;
	/* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;

	width: 381px;
}
div.images{
	position:absolute;
	top:152px;
	left:144px;
	z-index:3;
}
div.about{
	position:absolute;
	top:277px;
	left:239px;
	width:400px;
	height:275px;
	font-family:helvetica, verdana, sans-serif;
	font-size:9pt;
	color:#000000;
	line-height:14pt;
	overflow:auto;
	text-decoration:none;
	text-align:left;
	scrollbar-face-color: #36243A;
	z-index:3;
}
div.portrait {
	position:absolute;
	top:155px;
	left:239px;
	z-index:3;
}
div.content {
	position: absolute;
	top: 27px;
	left:29px;
	background-repeat:no-repeat;
	font-family:verdana, arial, helvetica;
	font-size:9pt;
	color:#000000;
	line-height:24pt;
	text-decoration:none;
	text-align:left;
	z-index:0;
	width: 6px;
	height: 425px;
	}
	div.download_book {
	position: absolute;
	top: 632px;
	left:30px;
	background-repeat:no-repeat;
	font-family:verdana, arial, helvetica;
	font-size:9pt;
	color:#000000;
	line-height:24pt;
	text-decoration:none;
	text-align:left;
	z-index:2;
	height: 64px;
	width: 800px;
	}

a img {border: 0px none;}

.home { 
color: #9D080D;
font-size: 9pt;
font-weight:bold; }
				
a:link { color: #ff0000; text-decoration: none }
a:visited { color: #ff0000; text-decoration: none }
a:hover{
				color:#ff0000;
				text-decoration:none;
					}
a:active { color: #ff0000; text-decoration: none }
table {
	width: 100%;
	height: 100%;
}

td {
	vertical-align: middle;
	text-align: center;
}

div.container {


	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	height: 700px;
	border: 0px;
}



			

div.contact{
	position:absolute;
	top:568px;
	left:238px;
	font-size: 10pt;
	font-family:verdana, helvetica, arial;
	text-align:left;
	color:#707070;
	text-decoration:none;
	z-index:3;
	width: 369px;
}						

div.credit{
	position:absolute;
	top:517px;
	left:280px;
	width:305px;
	font-family:verdana, arial, helvetica;
	font-size:8pt;
	color:#707070;
	text-decoration:none;
	}