/* CSS Document */
@font-face
{
font-family: fmderana;
src: url('fonts/FM-Derana.EOT');
src: url('fonts/FM-Derana.TTF');
}

@font-face
{
font-family: dlparas;
src: url('fonts/DL-Paras.EOT');
src: url('fonts/DL-Paras.TTF');
}


body{
	margin:0px;
	padding:0px;
	background-color:#592D00;
	background-image:url(images/bg3.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:auto auto;
	text-align: center;
	
}

#wrapper{
	width:900px;
	height:auto;
	margin: 0 auto;
	padding-bottom:50px;
	background:#FFF3E8;
	box-shadow:0px 2px 20px #CCC;
}

#header{
	width:900px;
	height:200px;
	background-color:#FFF3E90;
	background-image:url(images/logo.png);
	margin:0 auto;
}

#menu{
	width:70px;
	height:400px;
	background-color:#FFF3E9;
	position:fixed;
	top:200px;
	box-shadow:5px 2px 10px #DDD;
	border-bottom-right-radius:15px;
	border-top-right-radius:15px;
}

#footer{
	background-color:#000;
	color:#FFF;
	width:100%;
	height:100px;
	margin: 0 auto;
	font-weight: bold;
	text-align:center;
	box-shadow:5px 0px 20px #CCC;
}

#content{
	height:auto;
	border:1px #999 solid;
	border-radius:5px;
	text-align:left;
	font-family:dlparas;
	font-size:18px;
}

#right_panel{
	width:300px;
	height:auto;
	border:1px #999 solid;
	margin:0px 10px 0px;
	float:right;
	padding:5px;
	border-radius:5px;
}

#attention{
	width:296px;
	height:auto;
	border:1px solid #999;
	margin:2px;
	margin-bottom:10px;
}
.diaclaimer{
	width:700px;
	height:50px;
	border:#933 2px solid;
	border-radius:5px;
	margin-left:30px;
	padding:5px;
	color:#F00;
	font-family: dlparas;
}
div.content_padding{
	width:540px;
	margin:0px 10px 0px;
	padding:10px;
}

div.content{
	width:830px;
	margin:0px auto 0px;
	padding:10px 10px 0px 0px;
}

div.content_comment{
	width:830px;
	margin:50px auto 0px;
	padding:10px;
	text-align:left;
}
div.attention{
	height:30px;
	font-size:18px;
	font-weight:bold;
	color:#930;
	background-color:#FFC6C6;
}
.note{
	font-size:14px;
	font-weight:bold;
	padding:10px;
	text-align:justify;
}
.heading{
	font-size:36px;
	font-weight:bold;
}
.heading2{
	font-size:24px;
	text-align:left;
	color:#900;
	font-weight:bold;
}
.heading_sin{
	font-family:fmderana;
	font-size:30px;
	text-align:left;
	color:#900;
	font-weight:bold;
}
.sublink{
	width:auto;
	height:30px;
	border:#933 2px solid;
	background-color:#FEE88D;
	border-radius:5px;
	padding:5px;
	color:#F00;
	font-family: dlparas;
	font-weight:500;
}

/*---------------Links---------------------*/
a:link {
	text-decoration: none;
	color:inherit;
}
a:visited {
	text-decoration: none;
	color:inherit;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* --------------------------Flip content------------------------------*/


#flip{
	width:50px;
	height:150px;
	margin:0px;
	background-color:#FDCB64;
	border:2px solid #B75B00;
	border-left:none;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
.vertical{
	font-size:18px;
	font-weight:bold;
	color:#900;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
}

div.panel1,div.panel2,div.panel3,div.panel2,div.panel4
{
margin:0px;
padding:10px;
text-align:justify;
background:#FDB;
border:solid 1px #D6ABAB;
}

div.panel1{
	display:block;
}
div.panel2,div.panel3,div.panel4
{
display:none;
}
p.flip1,p.flip2,p.flip3,p.flip4{
	padding:5px;
	text-align:center;
	background-image:url(images/flip.png);
	border:solid 1px #c3c3c3;
}
.fm-derana {
	font-family:fmderana;
	font-size: 24px;
	padding:10px;
	text-align:justify;
}

/* ----------------------------Rollver--------------------------------*/
#rollver_h{
	background-image:url(images/home_N.png);
	background-repeat:no-repeat;
	height:60px;
	position:fixed;
	top:200px;
}
#rollver_h:hover{
	background-image:url(images/home.png);
	background-repeat:no-repeat;
	background-position:left;
	height:60px;
}
#rollver_k{
	background-image:url(images/history_N.png);
	background-repeat:no-repeat;
	height:60px;
	position:fixed;
	top:260px;
}
#rollver_k:hover{
	background-image:url(images/history.png);
	background-repeat:no-repeat;
	background-position:left;
	height:60px;
	width:180px;
	
}
#rollver_t{
	background-image:url(images/rules_N.png);
	background-repeat:no-repeat;
	height:60px;
	position:fixed;
	top:320px;
}
#rollver_t:hover{
	background-image:url(images/rules.png);
	background-repeat:no-repeat;
	background-position:left;
	height:60px;
	width:180px;
}
#rollver_s{
	background-image:url(images/science.png);
	background-repeat:no-repeat;
	height:60px;
	position:fixed;
	top:380px;
}
#rollver_s:hover{
	background-image:url(images/science_N.png);
	background-repeat:no-repeat;
	background-position:left;
	height:60px;
	width:180px;
}
#rollver_a{
	background-image:url(images/about_N.png);
	background-repeat:no-repeat;
	height:60px;
	position:fixed;
	top:450px;
}
#rollver_a:hover{
	background-image:url(images/about.png);
	background-repeat:no-repeat;
	background-position:left;
	height:60px;
	width:180px;
}
#rollver_c{
	background-image:url(images/comment_N.png);
	background-repeat:no-repeat;
	height:60px;
	position:fixed;
	top:510px;
}
#rollver_c:hover{
	background-image:url(images/comment.png);
	background-repeat:no-repeat;
	background-position:left;
	height:60px;
	width:180px;
}