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

* {
margin: 0;
padding: 0px;
}

a {
text-decoration: none;
}

img {
vertical-align: middle;
border: none;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
background: #2592e7 url(images/bg.jpg) top left repeat-x fixed;
}

#wrapper {
margin: 0px auto;
background: url(images/bg_content.jpg) top center no-repeat fixed;
display: block;
width: 1184px;
}

#content {
width: 933px;
margin: 0px auto;
padding: 20px 0px;
min-height: 750px;
}

#menu_top {
text-align: right;
font-size: 9px;
white-space: nowrap;
line-height: 14px;
display: block;
width: 913px;
height: 14px;
padding-right: 20px;
margin-bottom: 4px;
}
	#menu_top a {
	color: #FFFFFF;
	}
	#menu_top a:hover {
	color: #9FCC00;
	}
	#menu_top img {
	padding-bottom: 3px;
	}
	
#banner {
display: block;
width: 100%;
height: 173px;
}

#music {
display: block;
width: 100%;
height: 51px;
position: relative;
background: url(images/bg_main_top.gif) left top no-repeat;
}
	#song {
	position: absolute;
	top: 0px;
	right: 10px;
	}

#board {
display: block;
width: 100%;
height: 28px;
background: url(images/bg_board_top.gif) left top no-repeat;
}

#main {
width: 100%;
background: url(images/bg_main.gif) left top repeat-y;
position: relative;
min-height:600px;
}

#col_left {
width: 635px;
padding: 0px 248px 0px 50px;
color: #015F93;
text-align: justify;
line-height: 160%;
}
	#story {
	min-height: 365px;
	}
	#col_left ul {
	list-style: none;
	margin: -10px 0px 10px 0px;
	}
		#col_left li {
		padding: 3px 0px;
		}
	#col_left p {
	margin-bottom: 20px;
	}
		#col_left p.auther {
		margin-top: -10px;
		text-align:right;
		}
		#col_left p.date {
		margin: 15px 0px -5px 0px;
		font-size: 11px;
		color: #0099CC;
		}
	#col_left a {
	color: #015F93;
	text-decoration: underline;
	}
	#col_left a:hover {
	color: #9FCC00;
	}
#col_left #menu_bot {
text-align: center;
font-size: 10px;
margin-top: 50px;
line-height: 140%;
clear:both;
}
	#col_left #menu_bot a {
	color: #015F93;
	text-decoration: none;
	}
	#col_left #menu_bot a:hover {
	color: #6ABEFE;
	}
#col_right {
position: absolute;
top: 10px;
right: 15px;
display: block;
width: 160px;
text-align: left;
font-size: 11px;
line-height: 130%;
}
	#col_right p {
	margin-bottom: 10px;
	}
	#col_right p.heading {
	padding: 20px 0px 5px 0px;
	margin-bottom: 0px;
	}
	#col_right a {
	color: #FFFFFF;
	text-decoration: underline;
	}
		#col_right a:hover {
		color: #CCFFFF;
		text-decoration: underline;
		}
		#col_right .more {
		text-align: right;
		font-weight: bold;
		}
			#col_right .more a {
			color: #FFFFFF;
			text-decoration: none;
			}
				#col_right .more a:hover {
				color: #CCFFFF;
				text-decoration: none;
				}
#copyright {
display: block;
width: 635px;
padding: 26px 248px 0px 50px;
text-align: center;
background: url(images/bg_main_bot.gif) top left no-repeat;
font-size: 9px;
line-height: 140%;
}
	#copyright a {
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	}
	#copyright a:hover {
	color: #9FCC00;
	}

/* Navigation */
#navi_top {
display: block;
width: 100%;
height: 36px;
position: relative;
z-index: 500;
}

#sddm {
display:block;
position: absolute;
width: 894px;
height: 36px;
top: 0px;
left: 21px;
background-image: url(images/bg_navi.gif);
}
	#sddm li {
	list-style: none;
	float: left;
	position: relative;
	height: 36px;
	display: block;
	}
		.navi01 {
		width: 112px;
		}
		.navi02 {
		width: 112px;
		}
		.navi03 {
		width: 112px;
		}
		.navi04 {
		width: 113px;
		}
		.navi05 {
		width: 111px;
		}
		.navi06 {
		width: 113px;
		}
		.navi07 {
		width: 112px;
		}
		.navi08 {
		width: 109px;
		}
	#sddm li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 36px;
	padding-top: 36px;
	background-image: url(images/bg_navi.gif);
	}
		.navi01 a {
		background-position: 0px 0px;
		}
		.navi02 a {
		background-position: -112px 0px;
		}
		.navi03 a {
		background-position: -224px 0px;
		}
		.navi04 a {
		background-position: -336px 0px;
		}
		.navi05 a {
		background-position: -449px 0px;
		}
		.navi06 a {
		background-position: -560px 0px;
		}
		.navi07 a {
		background-position: -673px 0px;
		}
		.navi08 a {
		background-position: -785px 0px;
		}
			.navi01 a:hover {
			background-position: 0px -36px;
			}
			.navi02 a:hover {
			background-position: -112px -36px;
			}
			.navi03 a:hover {
			background-position: -224px -36px;
			}
			.navi04 a:hover {
			background-position: -336px -36px;
			}
			.navi05 a:hover {
			background-position: -449px -36px;
			}
			.navi06 a:hover {
			background-position: -560px -36px;
			}
			.navi07 a:hover {
			background-position: -673px -36px;
			}
			.navi08 a:hover {
			background-position: -785px -36px;
			}
		
h1 {
font-size: 22px;
font-weight: bolder;
text-transform: uppercase;
margin-bottom: 10px;
line-height: 110%;
}

h2 {
font-size: 11px;
font-weight: bold;
}

h3 {
font-size: 13px;
font-weight: bold;
color: #9FCC00;
}

h4 {
font-size: 11px;
font-weight: bold;
color: #0099CC;
}

h5 {
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
}

.img_left {
float: left;
margin: 0px 15px 5px 0px;
}

.img_right {
float: right;
margin: 0px 0px 5px 15px;
}

#col_left ul.sitemap {
list-style: outside circle;
margin: 10px 0px 0px 15px;
}
	#col_left ul.sitemap li {
	padding: 5px;
	}
	#col_left ul.sitemap a {
	color: #015F93;
	text-decoration: none;
	}
	#col_left ul.sitemap a:hover {
	color: #6ABEFE;
	text-decoration: underline;
	}
	#col_left ul.credit {
	list-style: none;
	margin: 0px;
	}
		#col_left ul.credit li {
		display: block;
		width: 200px;
		height: 57px;
		float: left;
		margin: 0px 11px 30px 0px;
		padding: 0px;
		text-align: center;
		}
	
.subTitle {
font-size: 12px;
color: #9FCC00;
font-style: italic;
font-weight: bold;
}

.thumbnails {
display: block;
float: left;
width: 100px;
margin-right: 7px;
cursor: pointer;
}
	.totheright {
	margin-right: 0px;
	}

.videos {
cursor: pointer;
margin-bottom: 30px;
}

.speaker {
cursor: pointer;
}