/* top elements */
* {
	margin: 0; padding: 0;
}
body {
	margin: 0; padding: 0;
	font: 0.8em  Arial, Helvetica, sans-serif;
	background: url(../images/headerbg-green2.jpg) repeat-x;
	color: #666666;
	text-align: center;
} 
/* links */
a {
	background: inherit;
	color: #3333ff;
	text-decoration: underline;
}
a:hover {
	background: inherit;
	color: #A4B9FF;
	text-decoration: none;
}

/* headers */
h1, h2, h3,h4{
	font: bold 1em Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #555;
}
h2 { font-size: 1.2em; text-transform: capitalize;}
h3 { font-size: 1.1em; text-transform: capitalize;}
h4 { font-size: 1em; text-transform: capitalize;}
h5 { font-size: 0.9em; text-transform: capitalize;}

#main h2 {
	padding: 10px 0px 5px 20px;
	background: url(../images/squarearrow.gif) no-repeat 0 12px;
	margin: 0;
	text-transform: capitalize;
}
#sidebar h2 {
	padding: 10px 0px 5px 0px;
	/* background: url(../images/squarearrow.gif) no-repeat 0 12px; */
	margin: 0 0 0 3px;
	text-transform: capitalize;	
}

#rightbar h2 {
	padding: 0;
	margin: 0;
	background:none;
}


p, h1, h2, h3 {
	margin: 2px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
}
ul span, ol span {
	color: #666666;
}

/* images */
img {
	border: none;
}
img.float-right {
	margin: 5px 0px 5px 15px;
}
img.float-left {
	margin: 5px 15px 5px 0px;
}
a img {
	border: none;
}

/* list */

.list_none{
	margin-left:0;
}
.list_none li{
	list-style:none;
	padding:3px 0;
}


code {
	margin: 5px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;  
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
	/* white-space: pre; */
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	border-left: 3px solid #72A545;
}
acronym {
	cursor: help;
	border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
	padding: 0 0 0 32px;
	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 10px  !important;
	background-position: 8px 10px;
	border: 1px solid #f2f2f2;
	border-left: 3px solid #72A545;
	font-weight: bold;
}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */


/* form elements */
form {
	padding:0;
	margin:0 auto;
}

label {
	display:block;
	font-weight:bold;
	margin:1px;
}



#searchbox {
	margin: 0px auto 15px auto;
	background-color: #efefef;
	border:1px solid #CCCCCC;
	width:492px;
}


#searchbox input.text{

}

#searchbox td{
	padding:2px;
}

.searchBoxSelect{
width:90%;

}

#main_center .title2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	background: none;
	font-family: veldana;
	border-left: 5px #DDDDDD solid;
	border-bottom: 1px #DDDDDD solid;
	text-transform: none;
}

#main_center .title2_1 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	background: none;
	font-family: veldana;
	border-left: 5px #DDDDDD solid;
	border-bottom: 1px #DDDDDD solid;
	text-transform: none;
}

#main_center .title2_2, #rightbar .title2_2, #sidebar .title2_2 {
	margin: 0px 0px 4px 0px;
	padding: 11px 0px 0px 0px;
	background: none;
	font-family: veldana;
	text-transform: none;
}

* html #rightbar .title2_2 {
	padding: 10px 0px 0px 0px;
}

#sidebar .title2_2 {
	margin: 0px 0px 4px 5px;
	padding: 11px 0px 0px 0px;
	background: none;
	font-family: veldana;
	text-transform: none;
}

#sidebar2 .title2_2 {
	margin: 0px 0px 4px 8px;
	padding: 11px 0px 0px 0px;
	background: none;
	font-family: veldana;
	text-transform: none;
}



#sidebar h2 {
	text-transform: none;
	font-family: veldana;
}

#sidebar2 h2 {
	text-transform: none;
	font-family: veldana;
}

.center_img {
	text-align: center;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#sidebar .secom {
	text-align: center;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}





/*****************/
/*    Layout     */
/*****************/
#wrap {
	margin: 0 auto;
   width: 930px;
	text-align: left;
	background: #FFF;
}
#content-wrap {
	clear:both;
	margin: 0 0 10px 0; padding:0;
	width: 930px;
}


/* header */
#header {
	position: relative;
	background: url(../images/headerbg-green2.jpg) repeat-x;
	height: 57px;
}
#header h1#logo {
	position: absolute;
	margin: 0;
	padding: 0;
	/* change the values of top and Left to adjust the position of the logo*/
	top: 0;
	left: 2px;
	z-index:1;
}
#header h1#logo img{
border:none;
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 1em Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #FFF;
	/* change the values of top and Left to adjust the position of the slogan*/
	top: 48px;
	left:65px;
}

.top_login { position:absolute; z-index:1; top: 0px; right: 510px; font: 1em  Arial, Sans-serif;}
.top_login ul {float:right; padding:0; margin:6px 0 0 0;}	
.top_login li {display:inline; list-style:none;}
.top_login li a {display:block; float:left; padding:0 5px 0 5px; color:#ffffff; text-decoration:none; border-left:1px solid #FFFFFF;}
.top_login a:hover {text-decoration:none; color:rgb(50,50,50);}

.top_login2 { position:absolute; z-index:1; top: 0px; right: 350px; font: 1em  veldana, Arial, Sans-serif;}
.top_login2 ul {float:right; padding:0; margin:17px 0 0 0;}	
.top_login2 li {display:inline; list-style:none; font-weight: bold;}
.top_login2 li a {display:block; float:left; padding:0 5px 0 5px; color:#ffffff; text-decoration:none; border-left:1px solid #FFFFFF;}
.top_login2 a:hover {text-decoration:none; color:rgb(50,50,50);}


.nav0 {position:absolute; z-index:2; top: 6px; right: 0px; font: 1.1em Arial, Sans-serif; font-weight:bold; letter-spacing:0.13em; height: 54px;}.nav0 ul {float:right; padding:0; margin:0;}
.nav0 li { list-style:none; padding:0; margin:0; color:#ffffff; text-decoration:none; line-height:1.0em;}
.nav0 li a {font-weight:normal; padding:0; margin:0; font-size:0.8em; letter-spacing:0.02em; color:#ffffff; line-height:0.8em;}
.nav0 li a:hover {color:rgb(50,50,50);}


.nav1 { position:absolute; z-index:3; top: 25px; right: 200px; font: 0.9em Arial, Sans-serif;}
.nav1 ul {float:right; padding:0; margin:8px 0 0 0;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:0 5px 0 5px; color:#ffffff; text-decoration:none; border-left:1px solid #FFFFFF;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}


.nav2 { position:absolute; z-index:3; top: 25px; right: 0px; font: 0.9em Arial, Sans-serif;}
.nav2 ul {float:right; padding:0; margin:8px 0 0 0;}	
.nav2 li {display:inline; list-style:none;}
.nav2 li a {display:block; float:left; padding:0 5px 0 5px; color:#ffffff; text-decoration:none; border-left:1px solid #FFFFFF;}
.nav2 a:hover {text-decoration:none; color:rgb(50,50,50);}




/* main column */
#main {
	float: left;
	padding: 0;
	margin:0 0 0 10px;
	width:714px;
}

#main_top p {
	width: 494px;
	height: 200px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

/* rightbar */
#main_top_rightbar {
	float: right;
	width: 210px;
	height: 200px;
	margin: 5px 0px 0px 0px;
}

#main_top_rightbar ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#main_top_rightbar ul li {
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#main_top_rightbar ul #no1 {
	font-size: 1.2em;
	font-family: veldana;
	font-weight: bold;
	color: #555;
	height: 20px;
	margin: 0px 0px 5px 0px;
}

#main_top_rightbar ul #no2 {
	font-size: 0px;
	line-height: 0px;
	height: 55px;
	margin: 0px 0px 5px 0px;
}

#main_top_rightbar ul #no3 {
	font-size: 0px;
	line-height: 0px;
	height: 55px;
	margin: 0px 0px 5px 0px;
}

#main_top_rightbar ul #no4 {
	font-size: 0px;
	line-height: 0px;
	height: 55px;
	margin: 0px;
}



#main_center {
	float: left;
	margin:0 10px 0 0;
	padding: 0;
	width:494px;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin-top: 20px;
	font-size: 95%;
	border: 1px solid #f2f2f2;
}

.post-footer .comments {
	background: url(../images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(../images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* sideabar */
#sidebar {
	position:relative;
	float: left;
	/*margin: 0; padding: 0 0 280px 0; */
	margin: 0; padding: 0 0 0px 0;
	/*display: inline;*/
	width:206px;
	top:240px;
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 0 8px 0;
	padding: 0px 2px 0px 9px;
	text-decoration: none;
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	padding: 2px 5px 2px 0px;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu a {
	font: bold 1em  Arial, Helvetica, sans-serif;
	color:#009933;
	background-image: none;
	text-decoration: none;
}

#sidebar ul.sidemenu a:hover {
	color:#73D256;
}

/* rightbar */
#rightbar {
	float: right;
	width: 210px;
	padding: 0;
	margin: 0;
}

/* rightbar_main */
#rightbar_main {
	padding: 0;
	margin: 0;
	background:none;
}

/* footer */

#footer {
	clear: both;
	background: #666666 url(../images/footer_back.jpg) repeat-x top left;
	height: 100px;
	font: 10px;
	letter-spacing:0.05em;
	color:#cccccc;
	padding: 10px 0px 0px 0px;
}
#footer a {
	text-decoration: none;
	color:#FFFFFF;
	font: 0.8em Arial, Helvetica, sans-serif;
}
#footer a:hover {
	color:#000000;
}


#footer_center{
	width:930px;
	margin:0 auto;
	text-align:center;
}

#copyright {
	margin: 0;
	padding: 3px 0 0 0;
	float:left;
	color:#FFFFFF;
	font: 0.8em Arial, Helvetica, sans-serif;
}
#footer_right{
	float:right;
	width:500px;
}

.nav3 { bottom: 10px; right: 0px; width:490px; font:12px;}
.nav3 ul {float:right; padding:0; margin:6px 0 0 0;}	
.nav3 li {display:inline; list-style:none;}
.nav3 li a {display:block; float:left; padding:0 5px 0 5px; border-left:1px solid #999999;}
.nav3 a:hover {text-decoration:none; color:rgb(50,50,50);}


.nav4 { bottom: 0px; right: 0px; font: 10px; width:490px;}
.nav4 ul {float:right; padding:0; margin:6px 0 0 0;}	
.nav4 li {display:inline; list-style:none;}
.nav4 li a {display:block; float:left; padding:0 5px 0 5px; border-left:1px dotted #999999;}
.nav4 a:hover {text-decoration:none; color:rgb(50,50,50);}



/* menu */
#menu {
	clear: both;
	margin: 0; padding: 0;	
	width:713px;
}
#menu ul {
	
	
	
	position: relative; 
	bottom: 4px;
	margin: 0; padding: 0;	
	float: left;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	width:713px;
	border: 1px solid #808080;
	border-width: 0 0 4px 0;	
	list-style:none;
	background : transparent;
	
}
#menu ul li{
	display: inline;	
}

#menu ul li a {
	position: relative;
	bottom: -4px;
	float: left;
	color: #585858;
	padding: 3px 10px;
	text-decoration: none;
	background: white url(../images/menudivide.gif) repeat-y right top;
	border-bottom: 4px solid #808080;
	font-family: veldana;
}
#menu ul li a:hover{
	color: black;
	background-color: #F3F3F3;
	border-bottom: 4px solid #FF0000;
}
#menu ul li#current a{
	color: #333;
	background-color: #F3F3F3; 
	border-bottom: 4px solid #FF0000;
}
#menu ul li.m_first a {
	border-left: 1px solid #808080;
}



/* Alignment classes */
.float-left   {
	float: left;
}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}
.align-justify { text-align: justify; }

/* display classes */
.clear { clear: both; }
.block { display: block; }
.hide  { display: none; }	
.green {	color: #ccff33; }
.d-green {	color: #009933; }
.black{	color: #000000; }
.medium { font-size: 1em; }
.big { font-size: 1.2em; }
.bigbig{ font-size: 1.3em;
}
.bigbigbig{ font-size: 1.4em;
}
.bold{
font-weight:bold;
}
.red{
color:red;
}



/* download pdf */
.pdf{
padding:0;
margin:0;
}
.pdf li{
list-style:none;
margin: 10px;
}

.pdf li a{
	padding: 5px 5px  5px 25px;
	margin: 0 10px 5px 0;
	list-style:none;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
}


/* new_arrival */

.arrival_contents_wrap{
	background-color: #efefef;
	padding: 3px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}




.arrival_contents{

}
.arrival_contents a{
	/*font-weight:bold;*/
	text-decoration: underline;
}
.arrival_contents a img {
	padding:3px;
	border: 1px solid #CCCCCC;
	margin:0 5px 0 8px;
	background:#FFFFFF;
}
.arrival_contents ul{
	margin:0 0 0 10px;
}
.arrival_contents li{
	list-style:none;
	font: 0.9em Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*margin:5px 0px;*/
	padding: 0px 0px 0px 0px;
}

.arrival_contents_end{
	background-color: #efefef;
	padding: 5px;
	border:1px solid #CCCCCC;
}


/* new_arrival date */

.arrival_name a{
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color:#009933;
	text-decoration: none;
	margin:0;
	background: url(../images/arrow.gif) no-repeat 1px 5px;
	padding: 2px 5px 2px 14px;	
}

.arrival_name a:hover {
	color:#73D256;
}





/*table td*/

.detail_table {
	margin: 0px 0px 0px 10px;
	border: 0px;
}

.detail_table2 {
	margin: 0px 0px 30px 10px;
	border: 0px;
}

.sub_detail {
	width: 50%;
	font-weight:bold;
	padding: 5px;
	color:#334252;
	background:#E7FFB1;
	border:1px solid #ffffff;
}
	
.sub_detail_d {
	width: 50%;
	padding: 5px;
	background:#EEEEEE;
	border:1px solid #ffffff;
	color:#333333;
}


/*curr layout*/

.sub_curr_s {
	color: #3333FF;
	line-height:1.0em;
	font:0.8em Arial, Helvetica, sans-serif;
}
.sub_curr_m {
	color: #009933;
	line-height:1.2em;
	font:0.9em Arial, Helvetica, sans-serif;
}
.sub_curr_l {
	color: #009933;
	line-height:1.4em;
	font:1.3em Arial, Helvetica, sans-serif;
}