@charset "utf-8";
/* CSS Document */

body {
	text-align: center;
	background-color:#000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#FFFFFF;
	}
form { position:relative; }
label { display:block; float:left; width: 250px; height:25px;}
label input { position:absolute; width:180px; float:left; background-color:#666666; border:1px solid #999999; }
label textarea { position:absolute; float:left; width:180px; height:50px; background-color:#666666; border:1px solid #999999; }
label input:focus { background-color:#DEEFFF; }
label textarea:focus { background-color:#DEEFFF; }
p { text-align:left; }
#wrapper {
	position:relative;
	width: 900px; 
	margin: 0 auto; 
	text-align: center; 
	padding-top:50px;
}
.mainContent {
	position:relative;
	width: 900px;
	height: 500px; 
	margin: 0 auto; 
	text-align: center; 
}
.logo {
	width: 900px;
	height:75px;
	margin: 0 auto; 
	text-align: left;
}
.menu {	
	margin-top: 10px;
	text-align:left;
}
.menu a {
	text-decoration:none;
	color:#83C4E4;
	font-size:14px;
	letter-spacing:.10em;
	padding:0px 40px 0px 0px;
}
.menu a:hover{
	color:#565654;
}

.menu a.over{
	color:#FFFFFF;
}


.submenu {	
	text-align:left;
}
.submenu a {
	text-decoration:none;
	color:#83C4E4;
	font-size:12px;
	letter-spacing:.10em;
	padding:0px 25px 0px 0px;
}

.submenu a:hover {
	color:#565654;
}

.submenu a.over{
	color:#FFFFFF;
}

a:hover {
	color: #565654;
	text-decoration: none;
}
a {
	text-decoration: none;
	font-size:11px;
	color:#83C4E4;
}
h1,h3 { font-size:12px; }
h2, h4 { color:#83C4E4; }

.mainPic { 
	float:left; 
	width: 700px;
	height: 500px;
	background-repeat: no-repeat;
}
.leftPic { 
	float:left; 
	width: 450px;
	height: 500px;
}
.thumb {
	border:1px solid #FFFFFF;
	width: 64px;
	height: 64px;
	margin: 3px;
}
.thumblink img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}
.thumblink:hover img { 
	border: 1px solid #83C4E4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; 
}
.thumblink:hover{
color: white; /* Dummy definition to overcome IE bug */
}

.thumb_over{ 
	border: 1px solid #83C4E4; 
	width: 64px;
	height: 64px;
	margin: 3px;
}
.thumbs {
	float:left;
	width:198px;
	height:450px;
	overflow:hidden;
	text-align:center;
}
.text {
	position:relative;
	float:left;
	width:370px;
	height: 500px;
	padding-left:30px;
	margin-top: -30px;
	text-align:justify;
	color:#FFFFFF;
}
.textKGH {
	position:relative;
	float:left;
	padding-left:30px;
	margin-top: -30px;
	text-align:justify;
	color:#FFFFFF;
	font-size:14px;
}
.textKGH h2 { font-size: 18px; }
.textKGH h3 { font-size:16px; }
.KGHmenu { width:100px; position:relative; float:left; text-align:right; padding-left:10px; }
.KGHmenu a { font-size:24px; letter-spacing:1.2px; padding-top: 10px; }
.articles {
	border:2px dotted #83C4E2;
	padding:10px;
	margin-top:15px;
	text-align:justify;
	background-color:#FFFFFF;
	color:#333333;
}
.close { width:75px; text-align:center; padding: 3px; background-color:#999999; border:1px solid #83C4E2; cursor:pointer; }
.close a:hover { background-color:#000000; }
.musicPlayer { width:260px; height:20px; position:relative; float:left;}
.hidden { display:none; }