@import url(category.css);
@import url(form.css);
@import url(boardindex.css);
@import url(boardread.css);
@import url(pagination.css);
@import url(content.css);

html, body, 
h1, h2, h3, h4, h5, h6, 
form, 
p, ol, ul, li, 
dt, dd, dl,
table, th, tr, td { margin: 0; padding: 0;  border: 0; outline: none;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img,  input, textarea, select { border: 0; margin: 0; }
ol ,ul { list-style: none; }

a{
	color: #ad1e23;
}

a:active{
	color: #ad1e23;
}

a:hover{
	color: #ad1e23;
	text-decoration:none;
}

body {
 	background: black url(../images/contents/fade_bg.jpg) repeat-y 50% 0;
	cursor:default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	color: #555555;
 
}



.logo {
	margin: 5px 0 10px 2px;
	float:left;
	height:66px;
	width:271px;
}

h1.logo {
	text-indent: -9999px;
	background:url(../images/contents/logo.jpg) no-repeat;
}

	
/* ---------------------------- Menu */
ul#nav { float: left; height: 30px; list-style: none; width: 550px; padding: 35px 0 0 45px; }
#nav li { float: left; height: 30px; margin: 0; padding: 0; text-indent: -1000em; }
#nav li a { display: block; height: 100%; overflow: hidden; width: 100%; }


#home { width : 50px;}
#news { width : 50px;}
#activities { width : 80px;}
#gallery { width : 60px;}
#webboard { width : 90px;}
#contact { width : 75px;}
#organize { width : 116px;}
#home a,#news a,#activities a,#gallery a,#webboard  a,#contact a,#organize a{ background: url(../images/nav/nav.jpg); }

#home a:hover{ background-position: 0 30px; }
#news a{ background-position: -50px 0; }
#news a:hover{ background-position: -50px 30px; }
#activities a{ background-position:-100px 0; }
#activities a:hover{ background-position: -100px 30px; }
#gallery a{ background-position: -180px 0; }
#gallery a:hover{ background-position: -180px 30px; }
#webboard a{ background-position: -240px 0; }
#webboard a:hover{ background-position: -240px 30px; }
#contact a{ background-position: -330px 0; }
#contact a:hover{ background-position: -330px  30px; }
#organize a{ background-position: -405px 0; }
#organize a:hover{ background-position: -405px  30px; }

.home {
	width:870px;
	height:277px;
	background: #FFFFFF url(../images/contents/home_bg.jpg);
}
.news {
	width:870px;
	height:138px;
	background:  url(../images/contents/news_bg.jpg);
}
.article {
	width:870px;
	height:138px;
	background: url(../images/contents/article_bg.jpg);
}
.contact {
	width:870px;
	height:138px;
	background:  url(../images/contents/contact_bg.jpg);
}
.organize {
	width:870px;
	height:138px;
	background:  url(../images/contents/organize_bg.jpg);
}

.text-indent{
	text-indent: -999px;
}


#wrapper {
	border-top:#ad1e23 7px solid;
	margin:0 auto;
	width: 870px;
	text-align: left;
}

#header {
	height:90px;
	width:870px;
	background:#FFFFFF;
}

	#main{
	float:left;
	width: 600px;
	background: #FFFFFF;
	padding-right:10px
	}

	#side-bar{
	float:left;
	width:240px;
	background: #EDEDED;
	}

	.inside-sb{
		width:220px;
		height: auto;
		padding:10px;
	}
	
	#flashGallery {
	width: 850px;
	background-color:#ffffff;
	margin:5px 0 0 0;
	}

#content {
	height:auto;
	background:#FFFFFF;
}
/*-------------------------------------------------------------------------*/

#footer { 
	clear:both;
	width: 870px;
	color:#e8e8e8;
	margin-bottom: 10px;
	border:none;
}


	#footer li{
		list-style:none;
		list-style-type:none;
		display:inline;
		margin-right:15px;
		margin-left:0px;
		color:#ffffff;
	}
	
	.footer-left {
		width: 410px;
		float: left;
	}
	
	.footer-right{
		width: 410px;
		float: right;
		text-align: right;
	}

	.footer-container {
		width:870px;
		height:37px;
		background: url(../images/contents/footerbg.png) no-repeat;
		margin-bottom:10px;
	}

	.footer-menu {
		float:left;
		text-align:left;
		width:810px;
		padding: 9px 0 0 10px;
	}

	.footer-menu  a{
		color:#ffffff;
		text-decoration:none;
		}
	
	.footer-menu  a:hover{
		color:#ffffff;
		text-decoration:underline;
		}
/*-------------------------------------------------------------------------*/

.top {
	float:right;
	text-align:right;
	width:40px;
	padding: 12px 10px 0 0;
}


.topicicon {
	margin: 0 10px 0 0;
	border: 1px solid #3A2518;
}

.clear{
	clear:both;
}