/* history
- 2008/03/31 ½Ï °¥¾Æ ¾þ±â, http://tjkdesign.com/articles/liquid/8.asp Âü°í
- 2008/04/23 http://www.sodapop.co.kr/bbs/board.php?bo_table=tutorial&wr_id=11 Âü°í
id selector ´Â #
class selector ´Â . »ç¿ë
*/

*
{
	font-family: Dotum, Vernada, Gulim;
	margin: 0px;
	padding: 0px;
}

/******************************************* Çì´õ ************************************/

/* Çì´õ ³»ºÎ class */
.header_title
{
	float: left;
	width: 200px;
	text-align:left;
	font-size: 12pt;
	padding-left: 10px;
}

/* Á¦¸ñ */
.header_title A:visited, .header_title A:link
{
	color: black;
	text-decoration: none;
}
.header_title A:hover
{
	color: #009933;
}
/* Á¦¸ñ ¿ìÃøÀÇ ¸µÅ© */
.header_link
{
	text-align: right;
	font-size: 8pt;
	padding-right: 10px;
	padding-top: 4px;
	color: #c0c0c0;
}

.header_link A:link, .header_link A:visited, .header_link A:hover
{
    color: #505050;
}

/******************************************* ¸Þ´º ************************************/

/* ¸Þ´º Ä«Å×°í¸® */
.menu_category
{
	font-size: 9pt;
    color: #404040; 
    font-weight: bold;
	height: 20px;
	margin-top: 15px;
	margin-bottom: 3px;
	border-bottom: dotted 1px #e0e0e0;
}

/* ¸µÅ© */
.menu_link
{
	font-size: 10pt;
	color: black;
	padding-left: 10px;
}
.menu_link A:link, .menu_link A:visited
{
	font-size: 10pt;
    /*color: #4040a0;*/
    color: #267F00;

}
.menu_link A:hover
{
	font-size: 10pt;
    color: #a00000;
    text-decoration: underline;
}

/******************************************* ÄÁÅÙÆ® ************************************/

/* ŸÀÌƲ */
h1
{
	font-size: 12pt;
	font-weight : bold;
	color: black;
	margin : 1px 3px 10px 5px;
}

/* content mini title */
h2
{
	font-size :10pt;
	font-weight : bold;
	color: Black;
	background-color : #E0ECFF ;
	padding : 2px 0px 3px 10px;
	margin : 15px 3px 5px 0px;
	border-left : #EBEBFF 1px solid;
	border-top : #EBEBFF 1px solid;
	border-right : #a9c9ff 1px solid;
	border-bottom : #a9c9ff 1px solid;
}

h3
{
    font-size:   11pt; 
    font-weight :bold; 
    color: black; 
	margin-top: 1em; 
	margin-bottom: 0.3em;
}
  
h4
{
    font-size:   10pt; 
    font-weight :bold; 
    color: #000000; 
	margin-top: 5px; 
	margin-left: 3px; 
	margin-bottom: 0.3em;
}
  

/****************************** ¶ó¿îµå 󸮿ë ***********************/

.rtop, .rbottom{display:block; background: #FFFFFF;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: #F5F5F5;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 

.biglink
{
	font-size: 20px;
	margin: 0 5 0 10;
	color:White;
	font-weight: bold;
}

A
{
    text-decoration: none ;
    font-weight :  normal;
}

A:link
{
    COLOR: #FF6600;
}

A:visited
{
    COLOR: #FF6600;
}

A:hover
{
    COLOR: #FF6600; 
    TEXT-DECORATION: underline;
}

         
.source
{
	font-family: ±¼¸²Ã¼, ±¼¸², Courier;
	font-size: 9pt;
	color : Black;
	background-color : #FFF7D7 ;
	padding : 10px 10px 10px 10px;
	line-height : 115%;
	margin : 15px 15px 15px 15px ; 
	border-left : #FAD163 1px solid;
	border-top : #FAD163 1px solid;
	border-right : #FAD163 2px solid;
	border-bottom : #FAD163 2px solid;
} 

pre
{
	font-size: 9pt;
	margin: 5px;
	color: #0000ff;
	line-height: 110%;
	font-family: 'Courier New';
	background-color: silver;
}

img
{
	margin-top : 2px;
	margin-bottom: 5px;
}

li
{
	list-style-position: inside;
	list-style-type:disc;
	list-style-type :square ;
	margin-top: 2px;
}

ul
{
	padding-right: 0px;
	margin-top: 3px;
	padding-left: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	list-style-type: square;
}

hr
{
	border-right: white 1px solid; 
	border-top: white 1px solid; 
	border-left: white 1px solid; 
	border-bottom: #8080c0 1px solid; 
	margin: 10px 0px 10px 0px
}


/* bottom  */
.footer
{
	text-align : right;
}


/***********************  etc **********************/

.newitem
{
	color: red;
	font-size: 8pt;
	padding-left: 2px;
}


/* document ³»ÀÇ navigationbar */
.nav_bar
{
	padding: 10px 3px 3px 6px;
	margin: 3px 3px 3px 3px;
	font-size: 17px;
	height: 20px;
}

.nav_item
{
	padding: 3px 6px 3px 6px;
	text-decoration: none;
}

table
{
	font-size: 9pt;
}


/****************************** ¶ó¿îµå 󸮿ë ***********************/

.rtop, .rbottom{display:block; background: #FFFFFF;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: #F5F5F5;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 

.biglink
{
	font-size: 20px;
	margin: 0 5 0 10;
	color:White;
	font-weight: bold;
}




/****************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/ */

a.ovalbutton{
background: transparent url('img/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('img/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}