body 
{
	padding:0px;
	margin:0px;
}

table td
{
	font-family: 굴림, 굴림체, Verdana;
	font-size: 12px;
	color: #444444;
}

.mytable {
 background-image: url(../../images/maintop_bg.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}

a 
{
	color: #66759E;
}

a:link { text-decoration:none }
.blue01 {
	font-family: "±¼¸²", "±¼¸²Ã¼";
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	text-transform: none;
	color: #6AA5DD;
	text-decoration: none;
}

a:visited { text-decoration:none }
a:active { text-decoration:underline }
a:hover { text-decoration:underline }

.h12{line-height:120%;}
.h14{line-height:140%;}
.h16{line-height:160%;}
.sp{letter-spacing:-1px;}
.b{font-weight: bolder;}

.yellow,.yellow a:link,.yellow a:visited {color:#BBAC76;}
.yellow a:hover {color:#BBAC76;}
 
.white,.white a:link,.white a:visited {color:#ffffff;}
.white a:hover {color:#ffffff;}

.bag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	background-color: #ECE9D8;
border:1px solid #CCCCCC; padding-top:2px; padding-left:2px; padding-bottom:2px; line-height:15px
}

.darkgreen,.darkgreen a:link,.darkgreen a:visited {color:#445C5C;}
.darkgreen a:hover {color:#445C5C;}

.darkgreen01,.darkgreen01 a:link,.darkgreen01 a:visited {color:#6EA1B4;}
.darkgreen01 a:hover {color:#6EA1B4;}

.gray,.gray a:link,.gray a:visited {color:#898888;}
.gray a:hover {color:#000000; text-decoration:none;}

.gray01,.gray01 a:link,.gray01 a:visited {color:#5E656B;}
.gray01 a:hover {color:#5E656B;}

.gray02,.gray02 a:link,.gray02 a:visited {color:#838788;}
.gray02 a:hover {color:#838788;}

.gray03,.gray03 a:link,.gray03 a:visited {color:#575555;}
.gray03 a:hover {color:#575555;}

.internet,.internet a:link,.internet a:visited {color:#A4D4C6;}
.internet a:hover {color:#A4D4C6;}

.black01,.black01 a:link,.black01 a:visited ,.black01 a:hover {color:#000000;}

.red01,.red01 a:link,.red01 a:visited ,.red01 a:hover {color:#FF0000;}

.purple01,.purple01 a:link,.purple01 a:visited ,.purple01 a:hover {color:#8A93DE;}
.rblue,.rblue a:link,.rblue a:visited ,.rblue a:hover {color:#73E0F2;}

.brown01,.brown01 a:link,.brown01 a:visited ,.brown01 a:hover {color:#8D6B50;}
.brown02,.brown02 a:link,.brown02 a:visited ,.brown02 a:hover {color:#705B08;}
.brown03,.brown03 a:link,.brown03 a:visited ,.brown03 a:hover {color:#C89E87;}

.blue01,.blue01 a:link,.blue01 a:visited ,.blue01 a:hover {color:#2458C2;}
.blue02,.blue02 a:link,.blue02 a:visited ,.blue02 a:hover {color:#1089C0;}
.blue03,.blue03 a:link,.blue03 a:visited ,.blue03 a:hover {color:#70A0B4;}


.orange,.orange a:link,.orange a:visited {color:#F5640B; font-family:"Arial"; font-size: 18px;font-weight: bolder;}
.orange a:hover {color:#F5640B; font-family:"Arial"; font-size: 18px; font-weight: bolder; text-decoration:none;}

.black02,.black02 a:link,.black02 a:visited {color:#000000;}
.black02 a:hover {color:#000000;}

.txtD14 {font-size:14px; font-family:µ¸¿ò;}
.txtD12 {font-size:12px; font-family:µ¸¿ò;}

.txtG16 {font-size:16px; font-family:±¼¸²;}
.txtG12 {font-size:12px; font-family:±¼¸²;}

.txtD11 {font-size:11px; font-family:µ¸¿ò;}
.num11{font-family:"Tahoma"; font-size: 11px;}
.arial13{font-family:"Arial"; font-size: 16px;}
.arial11{font-family:"Arial"; font-size: 11px;}
.arial18{font-family:"Arial"; font-size: 18px;}
.arial30{font-family:"Arial"; font-size: 30px;}

.pagenum_txt_selected{ font-family:"Tahoma"; font-size: 11px; color:#A09ADD; font-weight:bold;  text-decoration:none; cursor:pointer; }
.pagenum_txt{ font-family:"Tahoma"; font-size: 11px; color:#888888;  text-decoration:none; cursor:pointer; }
.pagenum_txt a:link ,.pagenum_txt a:visited { font-family:"Tahoma"; font-size: 11px;color:#888888;  text-decoration:none }
.pagenum_txt a:active,.pagenum_txt a:hover { font-family:"Tahoma"; font-size: 11px;   color:#888888;  text-decoration:underline }

.textarea01{ font-family:"Tahoma", ; font-size: 12px; color:#666666; background-color:#ffffff; border:1px solid #CCCCCC; padding-top:2px; padding-left:2px; padding-bottom:2px; line-height:15px}
.textarea02{ font-family:"±¼¸²", ; font-size: 12px; color:#000000; background-color:#ffffff; border:1px solid #DCDEDB; padding-top:2px; padding-left:2px; padding-bottom:2px; line-height:15px}

.MainMenuItem
{
	border:0px solid #ff0000;
}

.MainMenuItem td
{
	font-family: DotumChe;
	font-size: 13px;
	color: #ffffff;
	cursor:pointer;
	font-weight:bold;
	padding-left: 5px;
	padding-right: 5px;
}

.SubMenuItem
{
	vertical-align:middle;
	font-family: DotumChe;
	font-size: 11px;
	color: #ff0000;
	cursor:pointer;
	font-weight:bold;
		
}

.submenuframe
{
	/* -- for TopMenu's submenu width -- */
	/* width: 110px; */
	background-color: #f6f6f6;
}
.submenuframe td
{
	height: 20px;
}

.happyVillageHeader
{
	background-image:url(../../images/grace_box03.jpg);
	background-repeat:repeat-x;
}

.highlight
{
	background-color: #ffffff;
}

.highlight:hover
{
	background-color: #e6f3ef;
}

.AdminListTable
{
	background-color:#eeeeee;
}

.AdminListTable td
{
	height: 25px;
	background-color: #ffffff;
}

.AdminListTable th
{
	background-color: #cccccc;
	height: 30px;
}

.LeftNoMarginNoPadding
{
	padding-left:0px;
	margin-left:0px;
}

.InactivePhoto
{
	filter:alpha(opacity=25);
	opacity:.25; 
}

.CursorPointer
{
	cursor:pointer;
}

a.ColorGray
{
	color: #cccccc;
}

.HelpWord
{
	color: #66759e;
	font-size: 10px;
}

.BoardTitle
{
	color: #66759e;
	font-weight: bold;
}

a.HVStorySelected
{
	font-weight:bold;
}

.flyOutDiv
{
     display: none; 
     position: absolute; 
/*     width: 465px; */
     z-index: 3; 
     opacity: 0; 
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));
     font-size: 14px; 
     border: solid 1px #CCCCCC; 
     background-color: #FFFFFF; 
     padding: 5px;
} 



.flyOutDivTCCD
{
     display: none; 
     position: absolute; 
     width: 670px; 
     z-index: 3; 
     opacity: 0; 
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));
     font-size: 14px; 
     border: solid 1px #CCCCCC; 
     background-color: #FFFFFF; 
     padding: 5px;
} 

.flyOutDivNewcomer
{
     display: none; 
     position: absolute; 
     width: 600px; 
     z-index: 3; 
     opacity: 0; 
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));
     font-size: 14px; 
     border: solid 1px #CCCCCC; 
     background-color: #FFFFFF; 
     padding: 5px;
} 

.flyOutDivAlbum
{
     display: none; 
     position: absolute; 
     width: 465px; 
     z-index: 3; 
     opacity: 0; 
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));
     font-size: 14px; 
     border: solid 1px #CCCCCC; 
     background-color: #FFFFFF; 
     padding: 5px;
} 

.flyOutDivCloseX
{
 background-color: #666666; 
 color: #FFFFFF; 
 text-align: center; 
 font-weight: bold; 
 text-decoration: none; 
 border: outset thin #FFFFFF; 
 padding: 5px; 
} 


.question
{
 /*
 background-color: #666666; 
 color: #FFFFFF; 
 */ 
 text-align: left; 
 font-weight: bold;    /* bold, bolder, lighter, normal, 100, 200 ... */
 font-style:normal;
 font-size:large;
 font-family: Serif;
 text-decoration: none; 
 /* border: outset thin #FFFFFF;  */
 padding: 5px; 
} 


.question_list
{
 /*
 background-color: #666666; 
 color: #FFFFFF; 
 */ 
 text-align: left; 
 font-weight: bold; 
 font-size: large;
 font-family:Century;
 text-decoration: none;   /* underline, overline, line-through, blink */
 
 padding: 10px; 
} 

.answer
{
 /*
 background-color: #666666; 
 color: #FFFFFF; 
 */
 text-align: left; 
 text-decoration: none; 
 font-family:Sans-Serif;
 /* border: outset thin #FFFFFF; 
 padding: 5px; 
 */
 text-indent: 20px; 
 
} 

/* modal popup related */

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalBackground2
{
	background-color: Gray;
	filter: alpha(opacity=0);
	opacity: 0.1;
}
.thumbnail
{
	height: 100px;
	width: 130px;
	cursor: hand;
}
.imgpopup
{
	height: 576px;
	width: 768px;
}
.imgpopup2
{
	height: 276px;
}
/* (end) modal popup related */


/* ON MOUSE OVER EFFECT: FOR FILESEARCHHOVER.JS */


/* FLOATER */
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 286px;
	height: 1px;
	z-index: 1000;
}