/* CSS Document */

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#out {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 985px;
	position: relative;
}

#head{
	height: 104px;
	width: 985px;
	background-image: url(../images/head_bg.gif);
	background-repeat: repeat-x;
}

#logo{
	left: 18px;
	top: 23px;
	position: absolute;
	z-index: 1;
}

#nav{
	left: 380px;
	top: 70px;
	position: absolute;
	z-index: 2;
}

#nav ul{
	list-style-type: none;
}
#nav li{
	float: left;
}
#nav li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 34px;
	width: 90px;
	display: block;
	padding-left: 8px;
	word-spacing: 4px;
	line-height: 12px;
}
#nav li a.active{
	background-image: url(../images/head_bt_bg_2.gif);
}
#nav li a:link, a:visited{
	background-image: url(../images/head_bt_bg_1.gif);
}
#nav li a:hover{
	background-image: url(../images/head_bt_bg_2.gif);
}

/*¹ã¸æ*/
#ad{
	margin-top: 7px;
}

/* ÄÚÈÝ */
#content{
}
#left{
	width: 555px;
	float: left;
	left: 38px;
	position: relative;
}
#left div{
	margin-top: 16px;
}
#left div.about{
	background-image: url(../images/content_about_bg.gif);
	background-repeat: repeat-y;
}
#left h1{
	width: 124px;
	text-align: right;
	position: absolute;
	display: block;
	color:#868773;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
#left h1 img{
	float: right;
}
#left h1 br{
	clear: both;
}
#left h2{
	width: 400px;
	left: 150px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#736958;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
	text-justify: auto;
}
#left div.news{
	background-image: url(../images/content_news_bg.gif);
	background-repeat: repeat-y;
}
#left div.contact{
	background-image: url(../images/content_contact_bg.gif);
	background-repeat: repeat-y;
}
#left div.river{
	background-image: url(../images/content_river_bg.gif);
	background-repeat: repeat-y;
}
#left div.psalm{
	background-image: url(../images/content_psalm_bg.gif);
	background-repeat: repeat-y;
}

.about ul{
	list-style-type: none;
	left: 170px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#736958;
	font-weight: normal;
	line-height: 25px;
	text-align: justify;
	text-justify: auto;
}

.news h2 img{
	display:inline;
	margin-right: 10px;
}
.news ul{
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E0D6;
	margin-bottom: 10px;
	text-align: right;
	margin-top: 5px;
}
.news ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#736958;
	display: inline;
}
.news ul li img{
	margin-right: 0px;
}
a.news:link, a.news:visited{
	color:#FF7800;
	background:none;
}
a.news:hover{
	color:#736958;
	background:none;
}

a.about:link, a.about:visited{
	color:#868773;
	background:none;
}
a.about:hover{
	color:#FF7800;
	background:none;
}

#right{
	width:340px;
	float: right;
}
#right img{
	margin-bottom: 6px;
	margin-left: 4px;
	display:inline;
}
#right div{
	margin-top: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #736958;
	width:300px;
	position: relative;
}
#right ul{
	list-style-type: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C2BCA7;
	margin-bottom: 10px;
}
#right li{
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#right .title_readme{
	position: absolute;
	width:80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	top: 9px;
	right: 0px;
	margin: 0px;
}

#foot{
	clear: both;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #736958;
	font-size: 10px;
	padding-top: 15px;
}




#dropmenudiv{
position:absolute;
border:1px solid #C2BCA7;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background:#FFFFFF;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #C2BCA7;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:link{ /*hover background color*/
background-color: #ffffff;background-image: none;text-decoration:none;
}

#dropmenudiv a:visited{ /*hover background color*/
background-color: #ffffff;background-image: none;text-decoration:none;
}

#dropmenudiv a:hover{ /*hover background color*/
color:#ffffff;background-color:#FFCC00;background-image: none;text-decoration:none;
}

#dropmenudiv a:active{ /*hover background color*/
background-color: #ffffff;background-image: none;text-decoration:none;
}

.font_orange{
	color: #FF9933;
}

table a:link{ /*hover background color*/
color:#BDB32B;background-color: #ffffff;background-image: none;text-decoration:none;
}

table a:visited{ /*hover background color*/
color:#BDB32B;background-color: #ffffff;background-image: none;text-decoration:none;
}

table a:hover{ /*hover background color*/
color:#ffffff;background-color:#FFCC00;background-image: none;text-decoration:none;
}

table a:active{ /*hover background color*/
color:#BDB32B;background-color: #ffffff;background-image: none;text-decoration:none;
}
table.paybuy{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
td.paybuy, th.paybuy{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 4px;
}

table th{
	text-align: center;
}
