@charset "utf-8";
/* CSS Document */
html {
	margin: 0px; /* top, right, bottom, left */
	padding: 0px; /* top, right, bottom, left */
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "tahoma";
	font-size : 12px;
	color: #333333;
	background-color:98deff;
    background-image:url(http://www.nooknan.net/images/bg.gif);
	
	scrollbar-base-color: #f2f2f2;
	scrollbar-track-color: #f9fafa;
	scrollbar-face-color: #F1F1F1;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-shadow-color: #C8C8CA;
	scrollbar-arrow-color: #999999;
	}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}
img {
	border: 0px;
}
img, div { behavior: url(iepngfix.htc) }
input {
	font-family: "tahoma";
	font-size: 12px;
	color: #333333;

}
textarea {
	font-family: "tahoma";
	font-size: 12px;
	color: #333333;
	background-color: #f2f2f2;
}
select {
	font-family: "tahoma";
	font-size: 12px;
	color: #333333;
	background-color: #cccccc;
}
.error_11 {
	font-family: "tahoma";
	font-size: 11px;
	color: #ff3300;
}
.note_11 {
	font-family: "tahoma";
	font-size: 11px;
	color: #999999;
}
.topic_blue_16 {
	font-family: "tahoma";
	font-size: 16px;
	color: #0084c4;
}
.topic_15 {
	font-family: "tahoma";
	font-size: 15px;
	color: #cccccc;
	font-weight: bold;
}
.topic_green_12 {
	font-family: "tahoma";
	font-size: 12px;
	color: #336600;
}

.topic_black_12 {
	font-family: "tahoma";
	font-size: 12px;
	color: #000000;
}

.topic_black_11 {
	font-family: "tahoma";
	font-size: 11px;
	color: #000000;
}

.small_note_10 {
	font-family: "tahoma";
	font-size: 10px;
	color: #FF9933;
}
.content_index {
	font-family: "tahoma";
	font-size: 11px;
	color: #333333;
}
#dot{
border-bottom:dotted 1px #999999;
}



/*====================================================*/


a {
	font-family: "tahoma", sans-serif;
	color:#333333;
	text-decoration: none;
	
	}
	a:hover{
	color:FF9933;
	text-decoration: underline;
	}

td{
	font-family: "tahoma";
	color: #333333;
	FONT-SIZE: 12px;

}
.topic_14
{

	font-family: "tahoma";
	color: #AAAAAA;
	FONT-SIZE: 14px;

}
.subject_14
{
	font-family:"tahoma";
	FONT-SIZE: 14px;
	color: #885529;
}
.subject_16
{

	font-family:"tahoma";
	color: #7a692c;
	FONT-SIZE: 16px;
}
.subject_18
{
	font-family:"tahoma";
	FONT-SIZE: 18px;
	color: #52666D;
}
.subject_20
{
	font-family:"tahoma";
	FONT-SIZE: 20px;
	color: #FFFFFF;
}
.subject_25
{
	font-family:"tahoma";
	FONT-SIZE: 25px;
	color: #FFFFFF;
}
.red{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}
.red:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}
.red:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}
.red:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#000000;}

.black{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#000000;}
.black:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#000000;}
.black:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#000000;}
.black:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}

.black_gray{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#333333;}
.black_gray:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#333333;}
.black_gray:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#333333;}
.black_gray:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF0000;}

.gray{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#666666;}
.gray:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#666666;}
.gray:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#666666;}
.gray:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF6600;}

.blue{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#237abf;}
.blue:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#237abf;}
.blue:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#237abf;}
.blue:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#f5d300;}

.violet_unlink{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#6f55af;}
.violet:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#6f55af;}
.violet:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#6f55af;}
.violet:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#b4d800;}

.green{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#009f17;}
.green:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#009f17;}
.green:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#009f17;}
.green:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#6f559d;}

.white{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.white:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.white:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}
.white:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FF6600;}

.yellow{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFF00; }
.yellow:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFF00;}
.yellow:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFF00;}
.yellow:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#333333;}

.orence{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#ff9900;}
.orence:link{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#ff9900;}
.orence:visited{text-decoration:none; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#ff9900;}
.orence:hover{text-decoration:underline; font-family:"tahoma"; font-size:12px; font-style:normal; font-weight:none; color:#FFFFFF;}

#bg_link_red{ background-color:#FF0000}
#bg_link_green{ background:#009f17}
#bg_link_gray{ background-color:#666666}

#bg_thumb{
background: url(../hilight/images/bg_content/bg_thumb.gif) center repeat-x ; 
background-repeat: no-repeat; FLOAT: left; WIDTH: 80px; HEIGHT: 82px;}

#bg_thumb_2{
background: url(../hilight/images/bg_content/bg_thumb_black.gif) center repeat-x ; 
background-repeat: no-repeat; FLOAT: left; WIDTH: 80px; HEIGHT: 79px;}

#bg_thumb_3{
background: url(../hilight/images/bg_content/bg_thumb_noborder.gif) center repeat-x ; 
background-repeat: no-repeat; FLOAT: left; WIDTH: 80px; HEIGHT: 79px;}
/*For SlidingFontResizer*/
div.SFRArea {
	background: transparent url(./images/slider_bg.gif) no-repeat scroll 5px 0pt;
	height: 28px;
	width: 210px;
}

div.SFRKnob {
	height: 21px;
	width: 17px;
	cursor: pointer;
}

div.SFRKnob img {
	margin-top: 5px;
}

p.SFRValue {
	font-weight: bold;
}

a.menulink {
padding-left:10px;
padding-top:10px;
display: block;
height:25px;
text-align: left;
text-decoration: none;
vertical-align:bottom;
font-size:12px;
color: #000000;
border-bottom: 1px dashed #888888;
}

a.menulink:hover {
padding-left:16px;
display: block;
height:25px;
background-color:#feed07;
/*background-color:#55b1ff;*/
border:1px solid #888888;
color:#000000;
font-weight:bold;

}

.menu_hilight {padding:0px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(../images/hilight_bar/hilight_0c.gif) repeat-x left bottom; font-size:12px;}
.menu_hilight li {float:left; height:40px; margin-right:1px;}
.menu_hilight li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none;  font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../images/hilight_bar/hilight_0a.gif) no-repeat;}
.menu_hilight li a b {float:left; display:block; padding:5px 22px 5px 22px; background:url(../images/hilight_bar/hilight_0b.gif) no-repeat right top;}
.menu_hilight li.current a {color:#000; background:url(../images/hilight_bar/hilight_2a.gif) no-repeat; text-decoration:underline;}
.menu_hilight li.current a b {background:url(../images/hilight_bar/hilight_2b.gif) no-repeat right top; text-decoration:underline;}
.menu_hilight li a:hover {color:#000; background: url(../images/hilight_bar/hilight_1a.gif) no-repeat; text-decoration:underline;}
.menu_hilight li a:hover b {background:url(../images/hilight_bar/hilight_1b.gif) no-repeat right top; text-decoration:underline;}
.menu_hilight li.current a:hover {color:#000; background: url(../images/hilight_bar/hilight_2a.gif) no-repeat; cursor:default; text-decoration:underline;}
.menu_hilight li.current a:hover b {background:url(../images/hilight_bar/hilight_2b.gif) no-repeat right top; text-decoration:underline;}

a.menulist {
padding-left:10px;
padding-top:10px;
display: block;
height:20px;
text-align: left;
text-decoration: none;
vertical-align:bottom;
font-size:12px;
color: #000000;
border-bottom: 1px dashed #888888;
}

a.menulist:hover {
padding-left:16px;
display: block;
height:20px;
background-color:#d2ef49;
/*background-color:#55b1ff;*/
border:1px solid #888888;
color:#000000;
font-weight:bold;

}
div#wrapper-split-page {
	margin: 10px 20px 10px 20px;
	text-align: right;
}
span.split-page {
	color: none;
}
span.split-page a:link {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dashed #666666;
}
span.split-page a:visited {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dashed #666666;
}
span.split-page a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dashed #000000;
}
span.split-page-present {
	padding: 0px 5px;
	margin: 0px 1px;
	border: 1px solid #83bc46;
	background-color: #f0f7e8;
	line-height: 1.5em;
	font-size: 0.9em;
	color: #000000;
}
span.split-page-select {
	color: #000000;
}
span.split-page-select a:link {
	padding: 0px 5px;
	margin: 0px 1px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	line-height: 1.5em;
	font-size: 0.9em;
	color: #003399;
	text-decoration: none;
}
span.split-page-select a:visited {
	padding: 0px 5px;
	margin: 0px 1px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	line-height: 1.5em;
	font-size: 0.9em;
	color: #003399;
	text-decoration: none;
}
span.split-page-select a:hover {
	padding: 0px 5px;
	margin: 0px 1px;
	border: 1px solid #83bc46;
	background-color: #f0f7e8;
	line-height: 1.5em;
	font-size: 0.9em;
	color: #6699ff;
	text-decoration: none;
}