body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#E3EFCB;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	}
h1 {
	margin:20px 0px 15px 20px;
	padding:0px 0px 0px 10px;
	font-size:24px;
	font-weight:bolder;
	color:#CC0066;
	}

	h2 {
	font-weight: bold;
	color: #85A1A3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-variant: normal;
}
h3 {
	font-weight: bold;
	color: #FF3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}

a {
	color:#09c;
	font-size:12px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#FFFFFF;}

#Header {
	margin:0px;
	height:60px;
	background-color:#9EBDBF;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 600;
	color: #FF3300;
	width: 200px;
	line-height: 50px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:60px;
	width: 200px;
	padding-top: 0px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:60px;
width: 300px;}


#Maintext {
	position:absolute;
	top:100px;
	left:20px;
	width:400px;
	padding:10px 10px 5px;
	background-color:#EEEEEE;
	border:1px dotted #FF3300;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:400px;
	}
	#Maintext img{
	padding:10px;
	border:1px none #FF3300;
	background-color: #FFFFFF;
	}
	#Maintext2 {
	position:absolute;
	top:100px;
	left:480px;
	width:400px;
	padding:10px 10px 5px;
	background-color:#EEEEEE;
	border:1px dotted #FF3300;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:400px;
	}
	#Maintext2 img{
	padding:10px;
	border:1px none #FF3300;
	background-color: #FFFFFF;
	}
#caption {
}
/* Again, "be nice to Opera 5". */
body>#Maintext {width:400px;}

#Infotext {
	position:absolute;
	top:100px;
	left:480px;
	width:400px;
	padding:10px 10px 5px;
	background-color:#EEEEEE;
	border:1px dotted #FF3300;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:400px;
	}
	
	#Infotext img {
	
	}
	
#divider {
	padding-top: 8px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #FF6600;
}
/* Again, "be nice to Opera 5". */
body>#Maintext {width:400px;}

#divider img{
	padding:10px;
	border:1px none #FF3300;
	background-color: #FFFFFF;
	}

#Linktext {
	position:absolute;
	top:100px;
	left:20px;
	width:700px;
	padding:5px 10px;
	background-color:#EEEEEE;
	border:1px dotted #FF3300;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:400px;
	}
/* Again, "be nice to Opera 5". */
body>#Linktext {width:700px;}

#Menu {
	color:#FF3300;
	font-size:12px;
	text-decoration:none;
	font-weight:600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #B0D29F;
	position:absolute;
	left: 300px;
	top: 0px;
	height: 60px;
	width: 100%;
	padding-left: 40px;
	line-height: 50px;
	vertical-align: middle;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 60px;
	width:100%;
}
/* Again, "be nice to Opera 5". */
body>#Menu {height: 60px;
	width: 100%;}
	
	#ArchiveBC {
	color:#FF3300;
	font-size:12px;
	text-decoration:none;
	font-weight:600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
	position:absolute;
	left: 20px;
	top: 100px;
	vertical-align: middle;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-right: 10px;
	padding-left: 10px;
	
}
/* Again, "be nice to Opera 5". */
body>#ArchiveBC {	}

	#Caption {
	font-size:10px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#Image1 {
position:absolute; 
left:480px; 
top:100px; 
width:400px; 
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:400px;
	}
	/* Again, "be nice to Opera 5". */
body>#Image1 {width:400px;}

#Image2 {
position:absolute; 
left:480px; 
top:500px; 
width:400px; 
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:400px;
	}
	/* Again, "be nice to Opera 5". */
	
body>#Image2 {width:400px;}

#Image3 {
position:absolute; 
left:480px; 
top:780px; 
width:400px; 
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:400px;
}
body>#Image3 {
width:400px;
}
#ArchiveSub {
	position:absolute;
	top:140px;
	left:20px;
	width:880px;
	padding:5px 10px;
	background-color:#EEEEEE;
	border:1px dotted #FF3300;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:880px;
}
#Image2front {
position:absolute; 
left:480px; 
top:350px; 
width:400px; 
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:400px;
}
body>#Image2front {
width:400px;
}
.style1 {
	font-size: 10px;
	color: #006699;
}
.style2 {
	color: #FF3300;
}
