html body {
  margin:15px 0px 10px 0px;
  padding:0;
  text-align:center;
  
	background-color:#ffffff;
}
body,td{
	font-family:Sans-serif;
/*	font-size:x-small; */
	font-size:70%;
}
a{
	color:#7B5994;
	text-decoration:underline;
}
a:hover{
	color:#cccc00;
	text-decoration:none;
}
h2#webboard{
 	margin:0;
 	padding:0;
	color:#000;
	font-size:14px;
	width:90%;
	text-align:left;
}
h4{
	color:#7B5994;
	font-size:99%;
	margin:0px 0px 0px 0px;
}
#pageheader{
	width:780px;
	height:54px;
	background-color:#A26BA6;
}
#pageheader h1{
	display:none;
}
#pageheaderlogo{
	float:left;
	background:#ffffff url('../images/logo.gif') left top no-repeat;
	width:780px;
	height:54px;
	
	text-align:left;
}
#pageheaderlogo{
	padding:0px 5px 0px 0px;
	width:780px;
	height:54px;
	text-align:right;
	color:#ffffff;
}
#pageheaderlogo img{
	float:left;
}
#pageheader_submenu{
float:right;
	padding:5px 20px 0px 0px;
	width:298px;
	height:53px;
	text-align:right;
	color:#ffffff;
	font-size:x-small;
border:#f0f;
}
#pageheaderlogo #pageheader_submenu a{
	color:#ffffff;
	text-decoration:underline;
}
#pageheaderlogo #pageheader_submenu a:hover{
	color:#ffffff;
	text-decoration:none;
}
#menubar{
/*
	position:relative;
	clear:both;
	height:36px;
	background-color:#4C4B3D;
	text-align:left;
	padding:0px 0px 0px 30px;
*/
	display:none;
}

#public_staticmenubar{
	background:#7B5590 url('../images/publicmenubg.gif') left top repeat-x;
	width:751px;
	height:35px;
	
	padding:0px 0px 0px 0px;
	margin:0px auto;
	
	border:none;
}


#container{
	width:780px;
	background:url('../images/containerbg.gif') left top repeat-y;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}


#pagefooter{
	width:780px;
	height:9px;/
	background:url('../images/footerbg.gif') left bottom no-repeat;
}

#logout{
position:absolute;
display:block;
right:10px;
top:81px;
z-index:1000;
	width:22px;
	height:36px;
	background:url('../images/icologout.gif') center center no-repeat;
}
#logout a{
	display:block;
	width:22px;
	height:36px;
}
#logout a span{
	text-indent:-1000px;
}

h1{
	font-family:CordiaUPC, "MS Serif";
	font-weight: bold;
	font-size:24px;
	color:#49280A;
	margin:2px 0px 2px 0px;
}


#actionbutton{

margin:0 auto;

	float:left;
	width:60px; /* 120px */
}
#actionbutton a{
	display:block;
	height:20px;
	background-color:#e5e5e5;
	border-width:1px 1px 1px 2px;
	border-color:#ffffff #666666 #444444 #ffffff;
	border-style:solid;
	
	padding:2px 0px 0px 0px;
	
	font-family:Vernada;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
#actionbutton a:hover{
	background-color:#ffffff;
	border-width:1px 1px 1px 2px;
	border-color:#000000 #444444 #ffffff #666666;
	border-style:solid;
}
#actionbutton a span{
	/* text-indent:-1000px; */
}

#text_enabled{
	width:200px;
	background:#ffffff;
	border:1px solid #e5e5e5;
}
#text_disabled{
	width:200px;
	background-color:#dddddd;
	border:1px solid #e5e5e5;
}


#date_enabled{
	width:80px;
	background:#ffffff;
	border:1px solid #e5e5e5;
}
#date_disabled{
	width:80px;
	background-color:#dddddd;
	border:1px solid #e5e5e5;
}

#btn_submit_and_edit{
	color:#000000;
	width:180px;	
	border:1px solid #666666;
	background-color:#66bb77;
	margin:5px 5px 5px 5px;
}
#btn_reset{
	color:#000000;
	width:100px;	
	border:1px solid #666666;
	background-color:#dddd66;
	margin:5px 5px 5px 5px;
}
#btn_cancel{
	color:#000000;
	width:100px;	
	border:1px solid #666666;
	background-color:#dd6688;
	margin:5px 5px 5px 5px;
}
#btn_addmore{
	color:#000000;
	width:150px;	
	border:1px solid #666666;
	background-color:#66dd88;
	margin:5px 5px 5px 5px;
}
#direction{
	width:99%;
	text-align:left;
  padding:5px 0px 0px 2px;
}
#direction a{
  color:#7B5994;
  text-decoration:underline;  
  padding:0px 2px 0px 2px;
}
#direction a:hover{
  text-decoration:none;
  color:#CCCC00;
}

table#navindex{
 	width:90%;
}
table#editor_navindex{
 	width:100%;
}

	table#navindex td#index_head, table#editor_navindex td#index_head{
		width:40%;
		padding:10px 3px 3px 10px;
		color:#000000;
		vertical-align:top;
	 	font-size:11px;
	}
	table#navindex td#index_list, table#editor_navindex td#index_list{
		width:50%;
		padding:10px 10px 3px 3px;
		text-align:right;
		color:#666666;
		vertical-align:top;
 		font-size:11px;
	}
	table#navindex #index_list_current, table#editor_navindex #index_list_current{
		/* color:#a90a08; */
		color:#000000;
		font-weight:bold;
	}
	table#navindex td#index_list a, table#editor_navindex td#index_list a{
		color:#7B5994;
		text-decoration:underline;
		
		padding:0px 2px 0px 2px;
	}
	table#navindex td#index_list a:hover, table#editor_navindex td#index_list a:hover{
		text-decoration:none;
		/* background-color:#EEEEEE; */
		color:#CCCC00;
	}

	table#navindex td a#index_arr, table#editor_navindex td a#index_arr{
		color:#7B5994;
		text-decoration:underline;
		
		padding:0px 2px 0px 2px;
	}
	table#navindex td a:hover#index_arr, table#editor_navindex td a:hover#index_arr{
		color:#CCCC00;
		text-decoration:none;
	}



	




.headTime{
	background-color: #FFFFCC;
}
a.graysilver:link, a.graysilver:active,  a.graysilver:visited { 
font-size: 10pt;
font-family: MS Sans Serif,Helvetica,Verdana;
color:#666666;
text-decoration:none;
}

a.graysilver:hover {
color:#CCCC99;
text-decoration:none;
}
.head1 { 
font-size: 12pt;
font-family: MS Sans Serif,Helvetica,Verdana;
font-weight: bold;
color:#3366CC;
text-decoration:none;
}
a.whitewhite:link, a.whitewhite:active,  a.whitewhite:visited { 
font-size: 10pt;
font-family: MS Sans Serif,Helvetica,Verdana;
font-weight: bold;
color:#ffffff;
text-decoration:none;
}
a.whitewhite:hover {
color:#CCFFFF;
font-weight: bold;
text-decoration:underline;
}
.white{
font-size: 10pt;
font-family: MS Sans Serif,Helvetica,Verdana;
font-weight: bold;
color:#ffffff;
}
a.bgwhiteblue:link, a.bgwhiteblue:active,  a.bgwhiteblue:visited { 
	font-size: 10pt;
	font-family: MS Sans Serif,Helvetica,Verdana;
	font-weight:bold;
	color:#005FA9;
	text-decoration:none;
}
a.bgwhiteblue:hover {
	background-color:#DDEEFF;
	text-decoration:none;
}

a.bgbluewhite:link, a.bgbluewhite:active,  a.bgbluewhite:visited { 
	background-color:#DDEEFF;
	font-size: 10pt;
	font-family: MS Sans Serif,Helvetica,Verdana;
	font-weight:bold;
	color:#005FA9;
	text-decoration:none;
}
a.bgbluewhite:hover {
	background-color:#ffffff;
	font-size: 10pt;
	font-family: MS Sans Serif,Helvetica,Verdana;
	font-weight:bold;
	color:#005FA9;
	text-decoration:none;
}
img{
	border-width:0px 0px 0px 0px;
}
a.bgyellowblue:link, a.bgyellowblue:active,  a.bgyellowblue:visited { 
	font-size: 10pt;
	font-family: MS Sans Serif,Helvetica,Verdana;
	font-weight:bold;
	color:#005FA9;
	text-decoration:none;
	background-color:#ffcc00;
}
a.bgyellowblue:hover {
	background-color:#DDEEFF;
	text-decoration:none;
	background-color:#ffcc33;
}
#buttonfoot{ 
  width: 9em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight:bold;  
  background-color: #98BCB4;
  color: #000000;
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
  cursor:pointer;  
}

a.bgyellowblue:link, a.bgyellowblue:active,  a.bgyellowblue:visited { 
	font-size: 10pt;
	font-family: MS Sans Serif,Helvetica,Verdana;
	font-weight:bold;
	color:#005FA9;
	text-decoration:none;
	background-color:#ffcc00;
}
a.bgyellowblue:hover {
	background-color:#DDEEFF;
	text-decoration:none;
	background-color:#ffcc33;
}
#buttonfoot{ 
  width: 9em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight:bold;  
  background-color: #98BCB4;
  color: #000000;
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
  cursor:pointer;  
}

#footcomment td, #footcomment ul li{
	list-style-type: none;
	font-size:14px;	
	font-weight: bold;
	color: #003399;
}

.blue{
color:#0000FF;
font-weight:bold;
}

#logobig_home{
position:relative;
margin:30px auto 40px auto;
	width:100%;
	height:298px;
	background:url('../images/homebg.gif') center no-repeat;
}
#logobig_home span{
	display:none;
}
#login_home{
position:relative;
	width:100%;
	/* padding:3px 3px 3px 3px; */
	padding:15px 0px 15px 0px;
	text-align:center;
	font:CordiaUPC, Sans-serif;
	font-size:small;
	color:#FFFFFF;
	background-color:#4C4B3D;
	vertical-align:middle;
}


/*********************************************************** re-make OOP phase *******************/
#status_error{
	width:97%;
	padding:3px 3px 3px 30px;
	background:#F29F9F url('images/ico_error.gif') no-repeat 10px center;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#CC0033;
	color:#000000;
	font-size:xx-small;
}
#status_normal{
	width:97%;
	padding:3px 3px 3px 30px;
	background-color:#e5e5e5;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#ccccccc;
	color:#000000;
	font-size:xx-small;
}

#suggestbox{
/*
clear:right;
float:right;
*/
	margin:10px 20px 10px 0px;
	padding:9px 9px 9px 9px;
	width:150px;
	background: #B48DB6 url(../images/patternbg.gif);
}
#suggestbox_noborder{
clear:right;
float:right;
margin:10px 10px 0px 10px;
	padding:9px 9px 9px 9px;
/*	height:84px; */
	width:150px;
}
						#righttextlinkadv{
							clear:right;
							float:right;
							margin:0px 15px 0px 10px;
								padding:3px;
								width:150px;
								height:auto;
								border:1px solid #000;
								text-align:left;
						}
						#righttextlinkadv p{
							margin:4px 2px 15px 2px;
						}
	#suggestbox div{
		background-color:#FFFFFF;
		width:130px;
		padding:10px 10px 10px 10px;
	}
	#suggestbox_noborder div{
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
	}

	#suggestbox div a#head,
	#suggestbox_noborder div a#head{
		color:#7B5994;
		text-decoration:underline;
		padding:0px 3px 0px 3px;
		font-size:12px;
		line-height:20px;
		}


	#suggestbox div a:hover#head,
	#suggestbox_noborder div a:hover#head{
		text-decoration:none;
		/* background-color:#EBEEE7; */
		
		color:#CCCC00;
	}
	
form{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}






/***************** piyawan wanna test get outer width *******************/
#articlebox{

	background:url(../images/shadow.gif) right bottom no-repeat;
	color:#000000;
	
	margin:10px 5px 12px 25px!important;
	margin:10px 5px 12px 20px;
}
	#articlebox table#articlebox_table{
	
		border-width:0px 0px 0px 0px;
	  	border-color:#d5d5d5;
	  	border-style:solid;
  	
		padding:0px 5px 0px 0px!important;
		margin:0px 5px 5px 0px;
	}
/*
	#articlebox img{
		border:1px solid #dddddd;
		margin:5px 0px 0px 10px;
		padding:0;
	}
*/
	#articlebox td#head{
		background: #B48DB6 url(../images/patternbg.gif);

		padding:3px 3px 3px 10px;
		text-align:left;
		font-weight:bold;
		font-size:smaller;
		height:26px;
		color:#FFFFFF;
	}
	#articlebox td#head a{
		color:#FFFFFF;
		text-decoration:underline;
	}
	#articlebox td#head a:hover{
		color:#FFFFFF;
		text-decoration:none;
	}
	#articlebox td#desc{
		background-color:#FFFFFF;
		
		border-width:0px 1px 1px 1px;
		border-style:solid;
		border-color:#dddddd;
	}
	#articlebox td#desc a{
		color:#7B5994;
		text-decoration:none;
	}
	#articlebox td#desc a:hover{
		color:#CCCC00;
		text-decoration:underline;
	}

	#articlebox td#desc table#desc_content{
		width:100%;
	}
	#articlebox td#desc table#desc_content td{
		padding:2px 2px 2px 2px;
		vertical-align:top;
		
		font-size:x-small;
	}
	#articlebox td#desc table#desc_content td input#btnmap{
		width:147px;
		height:20px;
		border-width:0px;
		background-color:#996699;
		color:#FFFFFF;
		text-decoration:underline;
		cursor:hand;
	}
	#articlebox #label{
		width:28%;
	}
	
	#article_writer{
		width:100%;
		text-align:right;
		font-style:italic;
		color:#999999;
	}
/********************************************************************/

/***************** piyawan wanna test get outer width *******************/
#f3_content{

	background:url(../images/shadow.gif) right bottom no-repeat;
/*		background:#ff0000 url(../images/patternbg.gif) right bottom no-repeat; */ 
	color:#000000;
	
	margin:10px 5px 12px 25px!important;
	margin:10px 5px 12px 20px;
	
	
/*
	border-width:0px 1px 1px 0px;
	border-color:#d5d5d5;
	border-style:solid;
*/
}
	#f3_content table#f3_content_table{
	
		border-width:0px 0px 0px 0px;
  	border-color:#d5d5d5;
  	border-style:solid;
  	
/*		background: #B48DB6 url(../images/patternbg.gif) right bottom no-repeat; */
		padding:0px 5px 0px 0px!important;
		margin:0px 5px 5px 0px;
	}
	#f3_content img{
	}
	#f3_content td#head{
		background: #B48DB6 url(../images/patternbg.gif);

		padding:3px 3px 3px 10px;
		text-align:left;
		font-weight:bold;
		font-size:12px;
		height:26px;
		color:#FFFFFF;
	}
	#f3_content td#head a{
		color:#FFFFFF;
		text-decoration:underline;
	}
	#f3_content td#head a:hover{
		color:#FFFFFF;
		text-decoration:none;
	}
	#f3_content td#desc{
		padding:5px 5px 10px 10px;
		background-color:#FFFFFF;
		
		border-width:0px 1px 1px 1px;
		border-style:solid;
		border-color:#dddddd;
	}
	#f3_content td#desc a{
		color:#7B5994;
		text-decoration:none;
	}
	#f3_content td#desc a:hover{
		color:#CCCC00;
		text-decoration:underline;
	}

	#f3_content td#desc table#desc_content{
		width:100%;
	}
	#f3_content td#desc table#desc_content td{
		padding:2px 2px 2px 2px;
		vertical-align:top;
	}
	#f3_content td#desc table#desc_content td input#btnmap{
		width:147px;
		height:20px;
		border-width:0px;
		background-color:#996699;
		color:#FFFFFF;
		text-decoration:underline;
		cursor:hand;
	}
	#f3_content #label{
		width:28%;
	}
/********************************************************************/


#themeroompic{
	/*margin:0px 1px 0px 14px!important;*/
	margin:0px 1px 0px 0px;
	padding:0px 0px 10px 0px;
	background:url(../images/patternbg.gif);
	width:750px;
}
#bottomadv{
	margin:15px 1px 0px 14px!important;
	margin:15px 0px 0px 10px;

	padding:0px 0px 10px 0px;
	text-align:center;
	width:750px;
}
	#bottomadv div{
	    padding:5px 5px 5px 5px;
	
		float:left;
	    width:235px;
	    height:92px;
	    
	    text-align:center;
	}
#ad_e{
/*display:inline;*/
display:block;
	width:540px;
	padding:0 0 0 10px;
}
	#ad_e div{
	    /*padding:0 5px 2px 0;*/
		float:left;
	    width:123px;
	    height:100px;	    
	    text-align:center;
	}
	#ad_e div img{
	}

#ad_it{
	clear:both;
	margin:8px 0 0 0;
}
	#searchstepsbox{
/* clear:left; */
float:left;
margin:10px 0px 0px 30px!important;
margin:10px 0px 0px 13px;
	padding:9px 9px 9px 9px;
	width:162px;
	background: #B48DB6 url(../images/patternbg.gif);
}
	#searchstepsbox div#head{
		clear:left;
		background:none;
		width:100%;
		height:12px;
	}
	#searchstepsbox div{
		clear:left;
		position:relative;
		background-color:#FFFFFF;
		width:100%;
	}
	#searchstepsbox div div#head, #searchstepsbox div div#head2, #searchstepsbox div div#head3{
	clear:left;
	position:relative;
	margin:5px auto 5px auto;
	padding:1px 1px 1px 2px;
		width:90%;
		height:15px;
		background-color:#9C659C;
		color:#FFFFFF;
	}
	#searchstepsbox div div{
		clear:left;
		position:relative;
		margin:5px auto 5px auto;
		padding:1px 1px 1px 2px;
		width:90%;
	}
	
	


#searchfilterbox_in{
width:520px;
	border-style:solid;
	border-color:#CECFCE;
/*	border-width:1px 1px 1px 1px; */
	border-width:0px 0px 0px 0px!important;
	border-width:1px 1px 1px 1px;
}
	#searchfilterbox_in ul {
/*		margin:0px 0px 0px -40px!important; */
		margin:0px 0px 0px 0px;
		list-style: none;
	}
		
	#searchfilterbox_in ul li {
/*		padding:10px 10px 10px 10px; */
		padding:5px 0px 5px 0px;
		background-color:#FFFFFF;
	}

	#searchfilterbox_in ul li#head1 {
		padding:10px 10px 10px 10px;
		color:#FFFFFF;
		font-weight:bold;
		background: #B48DB6 url('../images/patternbg.gif');
	}

	#searchfilterbox_in ul li a {
		color:#7B5994;
		text-decoration:underline;
		padding:0px 3px 0px 3px;
		}

	#searchfilterbox_in ul li a:hover {
		text-decoration:none;
		/* background-color:#EBEEE7; */
		color:#CCCC00;
	}





#searchsumbox{
	padding:22px 19px 22px 19px;
	width:660px!important;
	width:700px;
	background: #B48DB6 url(../images/patternbg.gif);
	color:#000000;
}
	td#searchfilter{
		background-color:#FFFFFF;
		margin:0px 1px 0px 0px;
		padding:3px 3px 3px 3px;
		
		width:45%;
	}
	td#searchresult{
		background-color:#FFFFFF;
		margin:0px 0px 0px 1px;
		padding:3px 3px 3px 3px;
		font-weight:bold;
		text-align:right;
		vertical-align:bottom;
		
		width:45%;
	}
	


#promotionsearchbox{
padding:1px 1px 1px 1px;
	background: #B48DB6 url(../images/patternbg.gif);
	color:#000000;
}
	#promotionsearchbox td#head{
		width:35%;
		padding:5px 3px 3px 10px;
		font-weight:bold;
		vertical-align:middle;
		color:#FFFFFF;
	}
	#promotionsearchbox td#promotionfilter1{
		width:35%;
		background-color:#FFFFFF;
		margin:0px 1px 0px 0px;
		padding:3px 3px 3px 3px;
	}
	#promotionsearchbox td#promotionfilter2{
		width:35%;
		background-color:#FFFFFF;
		margin:0px 0px 0px 1px;
		padding:3px 3px 3px 3px;
		font-weight:bold;
		vertical-align:middle;
		text-align:center;
	}
	#promotionsearchbox td#promotionsubmit{
		width:35%;
		background-color:#FFFFFF;
		margin:0px 0px 0px 1px;
		padding:3px 3px 3px 3px;
		font-weight:bold;
		vertical-align:middle;
		text-align:center;
	}
	
table#promotionresult{
/*	float:left; */
	width:325px;
	background: #B48DB6 url('../images/patternbg.gif');

/******** padding:10px 20px 5px 5px!important;
padding:10px 5px 5px 5px;
margin:0px 0px 10px 0px; */
}
table#promotionresult td{

	padding:3px 5px 5px 5px; /***** 	margin:3px 3px 3px 3px; ****/
}

	table#promotionlink{
		text-align:right;
	}
	table#promotionlink a{
		color:#7B5994;
		text-decoration:underline;
	}
	table#promotionlink a:hover{
		text-decoration:none;
		/* background-color:#EEEEEE; */
	}
	table#promotionresult td#head{
		text-align:center;
		font-weight:bold;
		
		padding:5px 5px 5px 5px;
	}
	table#promotionresult td#head table td#body{
		background-color:#ffffff;
		padding:5px 5px 5px 5px;
		
		font-weight:bold;
		text-align:center;
	}
	table#promotionresult td#body{
		margin:5px 5px 5px 5px;
		padding:3px 3px 3px 3px;
	}
	
	table#promotionresult table{
		width:100%;
	}
	table#promotionresult table td{
	}
	table#promotionresult td#body table td#img{
		width:20%;
		vertical-align:top;
		padding:0px 8px 5px 0px;
	}
	table#promotionresult td#body table td#body{
		background-color:#FFFFFF;
		padding:5px 5px 5px 5px;
	}
	
	table#promotionlink a, #promotionresult td#body a{
		color:#7B5994;
		text-decoration:underline;
	}
	table#promotionlink a:hover, #promotionresult td#body a:hover{
		text-decoration:none;
	}
	

#webboard_searchbox{

/*	width:546px; */
	width:540px;
	height:30px;
	background: #B48DB6 url(../images/patternbg.gif);
	color:#000000;
}
	#webboard_searchbox td{
		padding:2px 5px 2px 5px;
		font-weight:bold;
		vertical-align:middle;
		color:#ffffff;
	}
	#webboard_searchbox input#btnsearch{
		width:100px;
  	border:1px solid #888888;
  	margin:2px 20px 2px 10px;
  	cursor:hand;
	}
#webboard_newtopic{
/* 	width:158px; */
 	width:140px;
	height:32px;
	background: #B48DB6 url(../images/patternbg.gif);
	text-align:center;
	vertical-align:middle;
}
#webboard_newtopic input#btnnewwbtopic{
	width:100px;
	border:1px solid #888888;
	margin:2px 20px 2px 20px;	
	cursor:hand;
}

#webboard_list{
float:left;
	color:#000000;
}
	#webboard_list table{
		width:100%;
		background-color:#ffffff;
	}
	#webboard_list td#head{
			height:20px;
			background: #B48DB6 url(../images/patternbg.gif);
		font-weight:bold;
		vertical-align:middle;
		text-align:center;
		color:#ffffff;
		border:0px solid #ffffff;
		padding:0px 7px 0px 7px;
	}
	#webboard_list td{
	margin:5px 0px 0px 0px;
	padding:2px 2px 2px 3px;
		font-size:80%;
			height:20px;
			background-color:#ffffff;
			border-width:5px 1px 0px 1px;
			border-left-style:solid;
			border-right-style:solid;
			border-top-style:double;
			border-bottom-style:double;
			border-left-color:#CCCCCC;
			border-right-color:#aaaaaa;
			border-top-color:#CCCCCC;
			border-bottom-color:#CCCCCC;
		vertical-align:middle;
		text-align:center;
		color:#000000;
	}
	#webboard_list td#topic{
		text-align:left;
		padding:0px 0px 0px 6px;
	}

	#webboard_list td#topic a{
		color:#7B5994;
		text-decoration:none;
	}
	#webboard_list td#topic a:hover{
		text-decoration:none;
		/* background-color:#EEEEEE; */
		color:#cccc00;
	}



input#txt, textarea{
	border-width:1px;
	border-style:solid;
	border-top-color:#E1CEE1;
	border-right-color:#E1CEE1;
	border-bottom-color:#C4BEC4;
	border-left-color:#BCB5BC;
}

select#txtWb_topic_type_id option#a_0{
	background-color:#F9EDF9;
}
select#txtWb_topic_type_id option#a_1{
	background-color:#D9BADA;
}
select#txtWb_topic_type_id option#a_2{
	background-color:#F7E1F8;
}
#wb_status{
	border:1px solid #F2E4F2;
	background-color:#F1D8F1;
	text-align:center;
	width:751px;
}
#container a{
	color:#7B5994;
	text-decoration:underline;
}
#container a:hover{
	text-decoration:none;
	/* background-color:#EEEEEE; */
	color:#cccc00;
}


#goout{
	/* float:left; */
	position:absolute;
	left:10px;
	top:10px;
	width:100px;
	height:15px;
	color:#000000;
	font-family: sans-serif;
	font-size:11px;
	text-align:left;
	
	padding:3px 3px 3px 3px;
	border:1px solid #999999;
	background-color:#EEEEEE;
}
#goout2{
	/* float:left; */
	position:absolute;
	left:10px;
	top:35px;
	width:100px;
	height:15px;
	color:#000000;
	font-family: sans-serif;
	font-size:11px;
	text-align:center;
	
	padding:3px 3px 3px 3px;
/*	border-style:groove */
	border:1px solid #999999;
	background-color:#FF6633;
}
#goout a{
	color:#CC0000;
}
#goout a:hover{
	color:#CC9900;
}
#goout2 a{
	color:#ffffff;
}
#goout2 a:hover{
	color:#FFCC00;
}


#articlenav_box{
/* clear:left; */
float:left;
	padding:9px 9px 5px 9px !important;
	padding:9px 9px 9px 9px;
	background: #B48DB6 url(../images/patternbg.gif);
	
	margin:10px 0px 0px 10px;
	text-align:left;
}
	#articlenav_box div#head{
		background:none;
		width:100%;
		padding:0px 5px 5px 5px;
		
		font-size:12px;
		font-weight:bold;
		color:#ffffff;
	}
	#articlenav_box div{
		clear:left;
		position:relative;
		background-color:#FFFFFF;
		width:100%;
	}
	#articlenav_box div div#head, #articlenav_box div div#head2, #articlenav_box div div#head3{
	clear:left;
	position:relative;
	margin:5px auto 5px auto;
	padding:1px 1px 1px 2px;
		width:90%;
		height:15px;
		background-color:#9C659C;
		color:#FFFFFF;
	}
	#articlenav_box div div{
		clear:left;
		position:relative;
		margin:5px auto 5px auto;
		padding:1px 1px 1px 7px;
		width:90%;
	}
	#articlenav_box div div ul{
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 15px;
	}

#btn_do{
		width:100px;
  	border:1px solid #888888;
  	margin:2px 20px 2px 10px;
  	cursor:hand;
}
#btn_do_small{
		width:40px;
  	border:1px solid #888888;
  	margin:2px 20px 2px 10px;
  	cursor:hand;
}


#catfish {
  position: fixed;
  bottom: 0; 
  z-index: 100;
  width:100%;
  vertical-align:top;
  overflow: hidden;
}
.zip {
height: 100%;
overflow: auto;
position: relative;
z-index: 2;
}
body.zipped, html.zipped
{
/* margin: 0; */
 padding: 0 0 0 0;
height: 100%;
overflow: hidden;
}

ul#bb a{
	color:#000000;
	background:#ffffff;
}
ul#bb a:hover{
	color:#ffffff;
	background:#000000;
	text-decoration:underline;
}

#login_box{
	float:right;
	margin:4px 10px 0px 0px;
	padding:3px 0px 0px 5px;
	line-height:0px;
	width:293px;
	height:33px;
	color:#845288;
	text-align:left;
	background:transparent #ffffff url('../images/loginbar_bg.gif') left bottom no-repeat;
}
#login_status{
clear:right;
	margin:0px 10px 0px 0px;
	padding:8px 0px 0px 3px;
	float:right;
	line-height:0px;
	width:293px;
	height:16px;
	color:#845288;
	text-align:center;
	background:transparent #FDFAD8;
}
#txtlogin, #txtpassword{
	width:70px;
	height:20px;
	background:#FFFB8D;
	border:none;
	background:url('../images/txtlogin_bg.gif') left top no-repeat;
	
	font-family:Tahoma;
	font-size:95%;
}
#btnlogin{
	width:17px;
	height:15px;
	margin:0px 0px 3px 0px;
	border:none;
	background:#845288 url('../images/btnlogin.gif') left top no-repeat;
	cursor:hand;
}
#footlink{
clear:both;
	margin:20px 0px 9px 0px;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	
	background:url('../images/footlink_bg.gif') right bottom repeat-x;

width:488px;
height:30px;
}

#footlink_left{	
	background:url('../images/footlink_left.gif') left bottom no-repeat;
width:680px;
height:30px;
}
#footlink_right{	
	background:url('../images/footlink_right.gif') right bottom no-repeat;
width:680px;
height:30px;
	padding:8px 10px 0px 10px;
}

#footlink2{
/*clear:both;
	margin:20px 0px 9px 0px;
	padding:0px 0px 0px 0px;*/
	color:#ffffff;
	
	background:url('../images/footlink_bg.gif') right bottom repeat-x;

	/*width:600px;
	height:30px;
	float:left;*/
}
#footlink2 a, #footlink2 a a:hover{
	color:#ffffff;
	text-decoration:underline;
	padding:0px 3px 0px 3px;
}
#footlink_left2{	
	background:url('../images/footlink_left.gif') left bottom no-repeat;
	width:32px;
	height:30px;
	float:left;
}
#footlink_right2{	
	background:url('../images/footlink_right.gif') left bottom no-repeat;
	width:32px;
	height:30px;
	float:left;
}



#footlink_right a, #footlink_right2 a{
	color:#ffffff;
	text-decoration:underline;
	padding:0px 3px 0px 3px;
}
#footlink_right a:hover, #footlink_right2{
	color:#cccc00;
	padding:0px 3px 0px 3px;
}

#sitemapcol{
}
#sitemapcol ul#ul_cols{
float:left;
	list-style: none;
	
	vertical-align:top;
}
#sitemapcol ul#ul_cols li#li_cols{
	display: inline;
	list-style:none;

	width:170px;
	padding:3px 3px 3px 3px;
	background-color:#dddddd;
	font-weight:bold;
}
#sitemapcol li#li_cols_child{
	width:170px;
}
#requiredSign{
	color:#ff0000;
}



	#content_float table td#subhead{
		border-width:0px 1px 1px 0px;
		border-style:solid;
		border-color:#666666;
		background-color:#BCE3E7;
		text-align:left;
		color:#000000;
	}
	#content_float_act table td#subhead1{
		border-width:0px 0px 1px 0px;
		border-style:dashed;
		border-color:#dddddd;
		background-color:#ffffff; /* FFCDE7 */
		color:#000000;
		text-align:right;
		padding-right:10px;
	}
	#content_float_act table td#subhead2{
		border-width:0px 0px 1px 0px;
		border-style:dashed;
		border-color:#dddddd;
		background-color:#ffffff;
		color:#000000;
		text-align:right;
		padding-right:10px;
	}
	#content_float_act table td#subhead3{
		border-width:1px 1px 1px 1px;
		border-style:solid;
		border-color:#666666;
		background-color:#ffffff;
		color:#000000;
		text-align:center;
	}
		#content_float_act table td#subhead3_1{
			border-width:1px 1px 1px 1px;
			border-style:solid;
			border-color:#666666;
			background-color:#ffffff;
			color:#000000;
			text-align:center;
		}
		#content_float_act table td#subhead3_9{
			border-width:1px 1px 1px 1px;
			border-style:solid;
			border-color:#666666;
			background-color:#ffffff;
			color:#000000;
			text-align:center;
		}
	#content_float_act table td#subhead4{
		border-width:0px 1px 1px 0px;
		border-style:solid;
		border-color:#666666;
		background-color:#EBD352;
		color:#000000;
		text-align:right;
	}
	#content_float_act hr{
		clear:both;
		height:1px;
		width:98%;
		text-align:center;
		color:#ff0000;

		border-width:0px 0px 2px 0px;
		border-style:solid;
		border-color:#ffffff;
	}
	
.procedure ul{
	list-style:none;
}

#top_stat{
	float:right;
	height:25px;
	width:120px;
	font-size:11px;
	text-align:left;
}
#stat_banner{
	width:16px;
	height:16px;	
}

#topiceditorbox{
	margin:0 0 0 20px;
	padding:3px;
}
	#login_wbowner_edit,
	#login_wbowner_push{
		display:none;
		clear:both;
		padding:5px;
		background-color:#ECDFEE;
		text-align:center;
		margin:2px 0 0 0;
	}
		#login_wbowner_edit input,
		#login_wbowner_push input{
			font-family:Tahoma, sans-serif;
			font-size:11px;
			background-color:#FFFFA0;
		}

.lbl_stat{ display:inline; clear:both; float:right; width:680px; text-align:right;}
.adv12{ display:inline;  margin:5px 0 5px 0; padding:0 0 0 8px; width:500px; height:80px; text-align:center;}
 .adv13{ display:inline;  margin:10px 0 0 0; padding:0 0 0 18px; width:500px; height:80px; text-align:center;}