*{margin:0; padding:0}

body{
	background: #C86924;
	background-image: url('../image/bg.png');
	margin: 10px auto;
	font-size: 16px;
}

img{border:0}
p{word-spacing:5px}
form label{float:left; width:110px;}
form p{width:100%; clear:both; display:block; margin:3px 0}
form p input{width:300px}

a{color:#C86924}

#mainBody{position:relative; width: 785px; margin:0 auto; padding: 30px 0}

#modNavi{height: 25px;width:725px; position:relative; clear:both; margin: 5px auto 5px auto; }
#modNavi input{border:1px solid #000}
#modNavi ul{display:block; border:0}
#modNavi li{margin-right:20px; display:block; float:left}
#modNavi a{color:#fff; font-weight:bold; text-decoration:none}
#modNavi a:hover{text-decoration:underline}


#header{position:absolute; z-index:2; top:-5px;}
/* html #header{position:absolute; z-index:2; top:-20px;}*/

#footer{bottom:0; position:absolute; z-index:2}

#content{z-index:1;background: url('../image/body.png') repeat-y;}
#contentTop{background: url('../image/header.gif') no-repeat top;}
#contentBottom{background: url('../image/footer.gif') no-repeat bottom right;}
#mainContent{ padding:230px 40px 30px 60px; clear:both; position:relative; display:block}

#mainNavi{width:450px;z-index:4; position:absolute; top:130px; margin-left:370px}
#mainNavi li{display:block; position:relative; float:left; margin-right:14px}
#mainNavi li a{width: 35px; display:block}
#mainNavi li.selected a, #mainNavi li a:hover{background: url('../image/menu_circle.gif') center no-repeat;}



#index_pic{margin:0 10px; float:left; height:490px; z-index:9}

input.small{width:10px;}

#index_word{margin-top:20px;height:490px}
#course li, #index_word li{list-style:inside; list-style-image: url(../image/li.gif); margin:10px 0; padding-left:10px}

.pageSelection{height:15px}
.pageSelection a{font-family:Arial; font-weight:bold; text-decoration:none; color:#000; display:block; float:left; margin-right:5px}
.pageSelection input{width:20px; border:1px solid #C86924; padding:2px; display:block; float:left}
.pageSelection a.selected{background:url(../image/page_circle.gif) no-repeat}
.pageSelection a:hover{text-decoration:underline}


#addButton{position:absolute; top:150px; left:50px}



div.gb, div.blog{
	margin:15px auto;
	width:680px;
}

div.gbTop, div.blogTop{width:100%; height:29px; background: url(../image/table_top.png) no-repeat}
div.gbBottom, div.blogBottom{width:100%; height:29px; background: url(../image/table_bottom.png) no-repeat}
div.gbBody, div.blogBody{padding:8px 30px 8px 30px; background: url(../image/table_body.png) repeat-y}

h2{font-size:20px; margin-bottom:7px}
div.recently h2 span{font-size:16px; margin-right:20px}

ul.modMenu{display:block; height:25px; list-style-type:none; margin-right:20px}
ul.modMenu li{float:right; margin-right:10px}
ul.modMenu li a{text-decoration:none}

div.dataInput p.content textarea{width:600px; height: 200px}
div.dataInput p.reply textarea{width:600px; height: 100px}
p.button{text-align:center}
p.button input{margin:7px; width:100px}

p.name{font-weight:bold}
p.info{font-size:12px; color:#C86924; margin-bottom: 5px}
div.gbBody p.content{display:block; padding-bottom: 5px; border-bottom: 1px dotted #C86924; margin-bottom: 5px}
p#gbterms{font-size:15px; color:#C86924; margin-bottom:10px}

p.monthList a{display:block; width: 100px; height:60px;text-align:center;margin:7px}
p.monthList img{ margin:7px}
p.monthList a.selected{display:block; width: 100px; background:url(../image/menu_circle.gif) center no-repeat;text-align:center; margin:7px}

#alert{
z-index:20;
margin:0 auto;
background:#FFEFD0;
border:3px solid #C30;
width: 650px; height: 200px;
text-align:center;
padding: 40px;
float:center
}

p.reply img{vertical-align:middle; margin-right:5px;}