
.menu { 
	display: block;
	text-decoration: none;
}

.submenu { 
	text-decoration: none;
	display: none;
	margin-left: 25px;
}

.link {
}


div#AllContent{
	position: absolute;
    margin-top:18px;
    margin-left:20px;
}

div#DotImage{
	position: absolute;
	margin-left:60px;
//	background-image: url('../images/dot_1.png');
//	background-repeat: no-repeat;
//	overflow: hidden;
}

div#Headline {
	float: left;
	position: relative;
    margin-right:20px;
    margin-bottom:35px;
    width: 230px;
    z-index: 1;
}
div#Headline_bg{
//    background-color: #E2E2E2;
 	background-color: #e1dfd9;
    height: 100px;
     filter:alpha(opacity=50); /* IE's opacity*/
     opacity: 0.5;
    width: 100px;
    position:absolute;
}
div#HeadlineFrame{
     height: 100px;
     width: 100px;
}


.headline A:link {text-decoration: none}
.headline A:visited {text-decoration: none}
.headline A:active {text-decoration: none}
.headline A:hover {text-decoration: none}


div#Navigation {
	float: left;
	position: relative;
    margin-right:20px;
    margin-bottom:35px;
    width: 230px;
}

div#Navigation_bg{
	background-color: #e1dfd9;
//    background-color: #E2E2E2;
    height: 100px;
     filter:alpha(opacity=50); /* IE's opacity*/
     opacity: 0.5;
    width: 100px;
    position:absolute;
}

div#NavigationFrame{
	height: 100px;
    width: 100px;
}

div#Links {
    margin-top: 18px;
    width: 230px;
}

div#Content{
	float: left;
	position: relative;
    margin-right: 20px;
    width: 450px;
    height: 800px;
   	overflow:hidden;
//	height: 100%;
}

div#BackgroundImageContainer{
	width: 100%;
	height: 90%;
	overflow:hidden;
	margin-left:0px;
	position:fixed;	
//	width:expression(document.body.clientHeight < 678? "678px": "100%" );
}

div#BackgroundImage{
    width: 1024px;
	height: 678px;
	overflow:hidden;
	margin-left:0px;
	position:fixed;
	position:absolute;
}

div#Image{
//	height: 100%;
}

iframe {
	BORDER:none;
	background-color: transparent;
	border:0px; 
	position:absolute;
//	height: auto; /* in this case, we get rid of the overflow setting, because the height of the iframe is increased by itself.*/
	height: 800px;
	width: 440px;
}

img { border: none; }

a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

body {
//	background-color: #E2E2E2;
	background-color: #e1dfd9;
    font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	line-height: 17px;
    margin-top:0px;
    margin-left:0px;
    color: #000000;
}
