/*FONT*/
@font-face {
    font-family: 'LucidaConsoleRegular';
    src: url('font/lucon-lucida.eot');
    src: url('font/lucon-lucida.eot?#iefix') format('embedded-opentype'),
         url('font/lucon-lucida.woff') format('woff'),
         url('font/lucon-lucida.ttf') format('truetype'),
         url('font/lucon-lucida.svg#LucidaConsoleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*BODY*/
body {
	font-family: 'LucidaConsoleRegular', Lucida Console, Monaco, monospace;
	overflow:hidden;
	width:100%;
	min-height:800px;
	min-width:1024px;
	margin: 0 auto;
}

a {
	text-decoration:none;
	outline:none}

object {
	z-index:9;}
#wrap {
	min-width:1024px;
	min-height:800px;
	margin: 0 auto;
	width:100%;
	height:100%;}
#wrapper {
	width:1024px;
	height:800px;
	margin-left: 40%;
	margin-right:5%;
	margin-top: 200px;
	margin-bottom:auto;
	position: absolute;
	left: 0px;
	right:0px;
	top: 0px;
	z-index:1;
	}
#tri {
	position:absolute;
	left:0;
	margin-left:-200px;
	margin-top:-50px;
	top:0px;
	width:200px;
	height:200px;
	z-index:20;
	}
#tri:hover {
	background-image:url(bg/tri.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}
#wrapbg {
	position: absolute;
	left: -60px;
	top: -100px;
	z-index:-1;
	background-image: url(bg/bg10.png);
	width:900px;
	height:600px;
	}
#bg {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	overflow:hidden;}

img.subbg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
		overflow:hidden;
}

img.subbg2 {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
		overflow:hidden;
		z-index:5;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}

#headline{
	position:absolute;
	top:-88px;
	left: 30px;
	font-size: 1em;
	background-image:url(bg/bg40.png);
	}

/*INSIDE*/
.left {
	width:128px;
	height:800px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	}
.right {
	width:800px;
	height:800px;
	position:absolute;
	top:0px;
	left:128px;
	z-index:2;
	}
table {border:none; border-width:0;}
.lefttab {position:absolute; right:10px;}
td {width:88px;	height:88px;}
td .label {
	width:88px;
	vertical-align:middle;	}
.text {
	background-image:url(bg/bg20.png);
	background-repeat:repeat;
	position:absolute;
	font-size:0.8em;
	right:15px;}
	
.icon {
	width:88px;
	height:88px;
	position:absolute;
	margin-top:-48px;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(png_icons/4.png);
	font-size:0.5em;
	text-align: center;	}
.txt{
	position:absolute;
	top:70px;
	left:0px;
	right: 0px;
	text-align: center;
	color:#000;}	
.icon:hover{background-image:url(png_icons/5.png)}
.icon:active{background-image:url(png_icons/hourglass_icon.png)}

/*SUB PAGE*/
#textwindow {
	width:400px;
	height:600px;
	margin-right: 90px;
	margin-bottom: 5%;
	position: absolute;
	right: 0px;
	top: 50px;
	z-index:10;
	background-image:url(bg/bg80.png);
	}

#book {
	background-color:none;
	width:auto;
	margin: 10px;
	z-index:9;
	position:absolute;
	left:5%;
	top:10%;}
.pages {
	position:absolute;
	bottom:0px;
	right:0px;
	margin-bottom:-10px;
	margin-right:-12px;
	z-index:8}
.pages_list {
	position:absolute;
	bottom:0px;
	right:0px;
	padding-top:3px;
	margin-bottom:-10px;
	margin-right:0px;
	background-color:#FFF;
	font-size:0.6em;
	z-index:7}

.textheader {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 20px;
	background-image:url(bg/bg40.png)}
.maintext {
	position: absolute;
	height: 510px;
	overflow:auto;
	overflow-x:hidden;
	line-height: 1.25em;
	left: 0px;
	right:0px;
	top: 45px;
	font-size:0.75em;
	text-align:justify;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#column_right{
	position:absolute;
	top: 0px; right: 0px; bottom: 0px;
	z-index:9;
	width:80px;
	background-image:url(bg/bg80.png);
	background-repeat:repeat;
	overflow:hidden;
	}
#subtable {
	position:absolute;
	top: 50px; right: 0px;
	z-index:9;
	}

#subtable td {height:80px;}
.subicon_text {
	width:80px;
	height:80px;
	background-image:url(png_icons/43.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	z-index:9;}
.subicon_text:hover {background-image:url(png_icons/2.png)}
.subicon_text:active {background-image:url(png_icons/69.png)}

.subicon {
	width:80px;
	height:80px;
	background-image:url(png_icons/3.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	z-index:9;}
.subicon:hover {background-image:url(png_icons/65.png)}

.subicon_pdf {
	width:80px;
	height:80px;
	background-image:url(png_icons/43.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	color:black;
	text-decoration:none;
	z-index:9;}
.subicon_pdf:hover {background-image:url(png_icons/pdf.png)}
.subicon_pdf:active {background-image:url(png_icons/pdf.png)}

.subicon_dl {
	width:80px;
	height:80px;
	background-image:url(png_icons/43.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	color:black;
	text-decoration:none;
	z-index:9;}
.subicon_dl:hover {background-image:url(png_icons/62.png)}
.subicon_dl:active {background-image:url(png_icons/2.png)}
.dl_file {
	color:black;
	text-decoration:none}
.dl_file:visited {
	color:black;
	text-decoration:none}

td .caption {
	position:relative;
	top: 24px;
	right: 0px;
	text-align:center;
	font-size:0.6em;
	}
	
/*RIGHT BOTTOM*/
.oldin {
	position:absolute;
	bottom:40px;
	right:60px;
	width:40px;
	height:32px;
	background-image:url(png_icons/26.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	}
.oldin:hover {
	background-image:url(png_icons/28.png)}
.old {
	position:absolute;
	top:32px;
	background-image:url(bg/bg40.png);
	text-decoration:none;
	color:#000;
	text-align:center;
	font-size:0.6em;
	z-index:10;
	}

.homein {
	position:absolute;
	bottom:40px;
	right:0px;
	width:80px;
	height:40px;
	background-image:url(png_icons/26.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	}
.homein:hover {
	background-image:url(png_icons/28.png)}
.home {
	position:absolute;
	bottom:40px;
	right:0px;
	width:80px;
	height:40px;
	top:40px;
	text-decoration:none;
	color:#000;
	text-align:center;
	font-size:0.6em;
	z-index:10;
	}

.aboutin {
	position:absolute;
	bottom:40px;
	right:20px;
	width:32px;
	height:32px;
	background-image:url(png_icons/24.png);
	background-repeat:no-repeat;
	z-index:10;
	}

.about {
	position:absolute;
	top:32px;
	background-image:url(bg/bg40.png);
	text-decoration:none;
	color:#000;
	text-align:center;
	font-size:0.6em;
	width:32px;
	z-index:10;
	}