/* - - - - - - - - - - - - - - - - - - - - -

Title :   Mighty Template
Author :  James Broad
URL :     kulor.com
Created : 01.06.2006 

modify : 2008.7
modifyer: mara

- - - - - - - - - - - - - - - - - - - - - */
*{
    margin:0;
    padding:0;
}
/* ----- CSS ----- */

@font-face{font-family:wooriSaebom; src:url(../font/wooriSaebom.eot);}

body, html{
    margin:0;
    padding:0;
	background-color:#f5f5dc;
	font-family: wooriSaebom, Dotum, Gulim, 'Lucida Grande', Geneva, Arial, Helvetica, sans-serif;	
	text-align:center;
	font-size:small;
    margin-bottom:10px;
}

a{
    color:#87B220;
    text-decoration:underline;
}
a:hover{
        color:#717171;
        text-decoration:none;
    }

/* ----- IDS ----- */

#container{
    width:880px;
    margin:0px auto;
    padding:0px;
	background:#fff ;
    text-align:left;
}

/* ----- HEADER ----- */
#header{
    text-align:left;
    margin:0 auto;	   
    padding:30px 0 0 0;
	width:880px;
    height:80px;
    background:#8edec2 url(../images/header_bg.jpg) no-repeat;
}
.headerContainer, #navigation ul{
    width:880px;
    margin:0 auto;    	
}

#logo{
    margin:0px auto;
    padding:0 15px;
	float:left;
    clear:none;
    height:80px;	
}


#banner{
    margin:0;
    padding:0;
    padding-bottom:5px;
    background-color:#e7e7e7;
}

/* ----- NAVIGATION ----- */

#navigation{
	width:880px;
    height:34px;
    margin:0 auto;
    padding:0;	
	list-style:none;
    background:#bdb76b url(../images/nav_bg_line.gif) repeat-x bottom left;	/*#7fa71f*/
}
    #navigation li{
        float:left;
        clear:none;
        list-style:none;
		font-size:90%;
    }
    #navigation li a{
	    float:left;
        color:#fff;
        display:block;
		margin: 0;
		padding:10px 18px;  
        text-decoration:none;
        font-weight:bold;        
    }
    #navigation li a:hover{
        color:#fff;
		padding-bottom:9px;
		border:#666600;
        background:#859617;
    }
    #active a{		
        background:url('../images/nav_bg.gif');
    }

/*------ main image------*/
#mainimg{
	width:607px;    
	height: 143px;
	margin: 0px;
	clear:left;
  	background:#e7e7e7 url(../images/headimage.jpg) no-repeat top left;
	margin-bottom:15px;
}

/* ----- HEADINGS ----- */

h1{    
    height:35px;
	font-size:1.7em;
	color:#859617;	
}
h2{
    font-size:1.5em;
    letter-spacing:-1px;
    margin-top:15px;
    margin-bottom:20px;
    color:#718e3e;
}
h3{
    font-size:1.2em;
    color:#666;
    margin:15px 0;
    
}

h4{
    font-size:1em;
    color:#666;
    margin:15px 0;
    
}

/* ----- PARAGRAPHS ----- */

p{
    color: #575757;
    font-size:1em;    
    line-height:1.5em;
	margin:20px 0;
}

blockquote {
	background: #F3FEDA;
	border: 1px solid #EEE;
	border-left: 6px solid #E0E0D3;
	color: #78A503;
	display: block;
	font: normal 1em;
	line-height: 1.6em;
	margin: 12px 0px;
	padding: 8px 10px;
}


#primaryContent ul ol{
    color: #638235;
    font-size:1em;    
    margin:20px 0;
    list-style:none; 
}
#primaryContent li{    
    padding-left:25px;
    margin:8px 0;
    list-style:none;
	line-height:1.5em;
    background:url('../images/content_bullet.png') left top no-repeat;
}


#primaryContent ol li{   
    padding:3px 0px;
	color: #575757;
    margin:8px 30px;
	line-height:1.5em;  
	list-style: decimal;
	background: none;
}


#primaryContent dl{
	color: #72705A;
    margin:20px;
}

#primaryContent dt{
	font-size:1.1em;
	font-weight:bold; 
	margin-bottom:30px;	
}
#primaryContent dd{
	color:#656565;
	font-size:1em; 
	line-height:1.3em;
    margin-bottom:20px;
}

#primaryContent .bullet{
	color:#656565;
	font-size:1em; 
	line-height:1.3em;
    margin-bottom:20px;
	padding-left:15px;
	background:url('../images/bullet_rec.gif') left top no-repeat;
}


#primaryContent table.border{
margin:10px;
border:#99987D 1px solid;
border-collapse:collapse;
caption-side:bottom;
}

#primaryContent table th.border {
padding:10px;
border:#D8D8D8 1px dotted;
background:#F3FEDA
}

#primaryContent table td.border {
padding:5px;
border:#D8D8D8 1px dotted;
}

.title{
color: #78A503;
font-weight:bold;
}

.box{
	background: #F3FEDA;
	border: 1px dotted #78A503;
	color: #638235;
	padding:5px;
	margin: 3px auto;
	width:500px;
	text-align:center;
}

.box01{
	background: #F3FEDA;
	border: 1px dotted #78A503;
	color: #638235;
	padding:5px;
	margin: 3px auto;
	width:500px;	
}

.emtext{
color:#FF6600
}


/* ----- IMAGES ----- */

img{
    border:0;
}
img a{
    border:0;
    text-decoration:none;
}
img a:hover{
    border:none;
}

/* ----- CONTENT ----- */

#primaryContent{/*647*/
    width:607px;
	background-color:#fff;
    padding:15px;    
    float:right;
    clear:none; 
}

#primaryContent iframe {
	width:600px;
	height:1000px;
	margin:20px 0px;
	padding:0px;
}

#primaryContent img.textimg{
        float:right;
        clear:none;
        margin:0 0 10px 10px;
        padding:3px;
        border: 1px solid #E4E4E4;
}	

#primaryContent img.textimgc{
        margin:10px auto;
        padding:3px;
        border: 1px solid #E4E4E4;
}	

.cap {
		float:right;
		width:222px;
}

.cap img{
        margin:0 0 0 10px;
        padding:3px;
        border: 1px solid #E4E4E4;
}

.cap p{
		font-size:0.8em;
		line-height:1.2em;
		text-align:justify;
		margin:3px 0 0 0;
		padding:5px 8px;
}


#primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent h4, #primaryContent h5, #primaryContent h6, {
  margin: 10px 0 10px 0;
  padding: 0;
  color:#718e3e;
}

#primaryContent h1 {
  padding-bottom: 0.1em;
  font-size:1.4em;
  border-bottom: 6px solid #DCE0BA;
}

#primaryContent h2 {
  font-size: 1.2em;
  background: #FFF url(../images/hbg.gif) repeat-x; 
  height:30px; 
  padding: 5px 0 0 0px; 
  margin: 0;  
}

#primaryContent h2 span { 
background: url(../images/paper.gif) no-repeat left; 
padding: 1px 10px 0 23px;  
line-height: 22px; 
margin: 0
}

#primaryContent h3 {
  text-transform: uppercase;
  font-size: 1.1em;
}

#primaryContent h4 {
  font-size: 1em;
}

#primaryContent h5 {
  font-size: 0.95em;
}

#primaryContent th {
  color:#718e3e;
  text-align:center;
}


#secondaryContent{/*233*/
    width:210px;
    padding:8px ;
	background-color:#fff;
	border-right:3px solid #e7e7e7;
    float:left;
    clear:none; 
}
#secondaryContent h2{
    padding:5px 10px;
    background:url(../images/intro_bg.gif) no-repeat;	
    color:#fff;
    margin-bottom:0;
    line-height:1.2em;
    font-size:1.1em;
    font-weight:normal;
}
#secondaryContent h3{
    color:#87b220;
	margin: 0;
    margin-top:15px;
	padding-left: 10px;
	font-size: 1em;
	line-height: 3em;	
	background: url(../images/linedot.gif) bottom repeat-x;
}

#secondaryContent h3 a{
	color:#87b220;
	display: block;
	padding-left: 5px;
	text-decoration:none;
}

#secondaryContent h4{
	margin:5px 0 20px 0;
	padding-left:5px;
	color:#575757;
	font-size: 0.9em;
	text-align: justify;
	line-height: 1.2em;
	font-weight:normal;
}

#secondaryContent h4 img{
	float:left;
	margin:0 10px 10px 10px;	
	border:1px solid #E4E4E4;
	padding:3px;
}

#secondaryContent ul{
    list-style:none;
	padding: 0px;	
}
#secondaryContent li{
    list-style:none;
    padding-left:10px;
    margin:0px;
    border-bottom: 1px solid #EAEADA;
}
#secondaryContent li a{
	font-size: 1em;
    color:#575757;
	display: block;
    font-weight:bold;
	padding: 4px 0 4px 0;
    text-decoration:none;
	width: 95%;
}
#secondaryContent li a:hover{
	background: #FFFFE1;
    color: #666600;
    font-weight:bold;
    text-decoration:none;
}
#secondaryContent .links li{
    padding-left:0px;
    margin:8px 0;
    background:none;
	border-bottom: none;
}

#secondaryContent .links li a {
	display:inline;
}

#secondaryContent .links li a:hover{
	background: none;
}

#secondaryContent .links li img{
    background:none;
	border:1px solid #E4E4E4;
	padding:3px;
}



/* ----- COMMENTS ----- */

#comments{
    margin:15px 0;  
	font-size:0.9em;  
}
    #comments #status{
        color:#546d17;
        background:#f8f8f8;
        border:2px solid #ececec;
        padding:10px;
        margin-bottom:15px;    
    }
    #comments #status dd, #comments #status dt{
            display:inline;
        }
    #comments a{
        color: #939393;
        font-weight:bold;
        text-decoration:none; 
    }
    #comments a:hover{
        color:#666;
        text-decoration:underline; 
    }
    #comments .comment{
        padding:10px 5px;
        border-top:1px solid #DCE0BA;  
    }
        #comments .comment dt{
            float:left;
            clear:none;
        }
        #comments .comment dd{
            clear:both;
            color:#656565;
            line-height:20px;
            font-size:11px;
            margin-bottom:10px;
        }
        #comments .comment .part{
            float:left;
            clear:none;
            margin-left:5px;

            font-size:11px;
            color:#585858;
        }

/* ----- FOOTER ----- */

#footer{
	width:840px;
    margin:10px auto;
    height:10px;
    padding:18px 20px;
    clear:both;    
    text-align:left;
    font-size:0.8em;
    color:#484848;
    background:#f4f4f4;
	border-top:3px solid #7fa71f;
}
    #footer ul{
        list-style:none;    
    }
    #footer li{
        list-style:none;
        display:inline;    
    }
    #footer #copyright{
        float:left;
        clear:none;
    }
    #footer #links{
        float:right;
        clear:none;
    }
    #footer a{
        color:#606060;
        text-decoration:none;
    }
    #footer a:hover{
        color:#ccc;
        text-decoration:underline;
    }

/* ----- CLASSES ----- */

.clear{
    clear:both;
}

.linetop{
border-top:#E0E0D3 1px solid;
border-left:#E0E0D3 1px solid;
padding:10px 0 0 10px;
}

.menu_right{
float:right;
padding:10px 0;
margin::0;
font-size:0.6em;
}