html{ margin:0 auto;text-align:center;}
ul,li,body,p{margin:0; padding:0;}
body { MARGIN: 0px; FONT-FAMILY: Tahoma; FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #333333; TEXT-DECORATION: none; }
A:link { FONT-FAMILY: Tahoma; FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #333333; TEXT-DECORATION: none;}
A:visited {FONT-FAMILY: Tahoma; FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #333333; TEXT-DECORATION: none;}
A:hover {FONT-FAMILY: Tahoma; FONT-SIZE: 11px; FONT-WEIGHT: normal; COLOR: #333333; TEXT-DECORATION: underline;}

#container{	text-align:center;
	background:url(../Img/bg.gif)  repeat-y center top;
	}
	
/*--------------------------------------  TOP BOX   --------------------------------------*/

#topbar{
	margin:0 auto;
	width:850px; 
	background: url(../Img/TopBg.gif); 
	height:89px;
	}
#logo{ 
	width:10px; 
	float:left; 
	}
	
/*--------------------------------------   SUB TOP NAVIGATION   --------------------------------------*/

#subNav{
	float:right;
	}
#subNav ul{
	margin:15px 0 0 0;
	text-align:right;
	padding: 0;
	}
#subNav li{
	margin:0;
	display:inline;

	padding:0;	
	list-style: none;
	}
#subNav li a{
	margin:0;
	color:#999;
	padding:0;	
	text-decoration:none;
	}
#subNav li a:hover{
	padding:0;	
	text-decoration:underline;
	}
	
/*--------------------------------------   MAIN NAVIGATION   --------------------------------------*/
#Nav{
	float:right;
	clear:right;
	margin:22px 0 0 0;
	padding: 0;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#Nav ul{
	font: bold 11px Arial;
	margin:0;
	padding: 0;
	list-style: none;
}
#Nav li{
	float:left;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	text-transform:uppercase;
	background:url(../Img/MenuLink.gif) bottom right no-repeat;
}
#Nav a{
	text-align:center;
	font-weight:bold;
	line-height:40px;
	width:96px;
	height:38px;
	display: block;
	color: #333;;
	margin: 0; /*Margin between each menu item*/
	padding:0;
	text-decoration: none;
	letter-spacing: 1px;
	background:url(../Img/MenuLink.gif) bottom center no-repeat;
}
#Nav a:hover{
	line-height:40px;
	height:38px;
	color:#fff;
	background:url(../Img/MenuHover.gif);
}

#Nav #current a{ /*currently selected tab*/
	color:#fff;
	background:url(../Img/MenuHover.gif);
}

/*--------------------------------------   flash   --------------------------------------*/

#flash{
	margin:0 auto;
	width:883px; 
	height:306px; 
	clear:both;
	}

/*--------------------------------------   direction   --------------------------------------*/

#direction{
	margin:0 auto;
	background:url(../Img/DirectionBg.gif) no-repeat;
	width:883px; 
	height:90px; 
	clear:both;
	}
#direction SPAN{
	color:#666;
	padding:45PX 20PX 0 0;
	float:right;
}

/*--------------------------------------   left sidebar nav   ----------------------*/

#sideNav{
	margin:0 0 0 45px;
	padding:0 0 20px 0;
	width:180px;
	float:left;
}
#sideNav h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	text-align:left;
	margin:0;
	padding:9px 0 0 20px;
	background:url(../Img/LeftBox.gif) no-repeat; 
	height:41px;
}
#sideNav ul{
	text-align:left;
	margin:0;
	padding:0;
	list-style:none;
}
#sideNav ul li{
	display:inline;




}
#sideNav ul li a{		
	border-bottom:1px dashed #eee;
	padding:5px 0 5px 30px;
	display:block;	
	background:url(../Img/LPoint.gif) 20px 50% no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	}
#sideNav ul li a:hover{
	background:url(../Img/LPoint.gif) 20px 50% no-repeat;
	text-decoration:none;
	background-color:#f7f7f7;
	}
/*--------------------------------------   lMain contens ----------------------*/
#contentbox{

margin:0 30px 0 250px;
text-align:left;
}
#contentbox H3{
	color:#1e4d88;
	font-size:18PX;
	line-height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	border-bottom:1PX dashed #1e4d88;
	}


/*--------------------------------------   form   ----------------------*/
#news{
	text-align:left;
	width:450px;
	float:left;
	margin:0;
	padding:0;
	margin-top:20px;
	padding-bottom:30px;
	}
	#news img{ padding:5px 30px 0 50px; display:block; float:left;}
#news ul{ float:left;
margin:0;
padding:0 0 0 30px;
border-left: 1px solid #eee;}
#news li{ list-style:none;
font-size:11px;
line-height:16px;
padding-bottom:5px;}

#news li a:link{ font-weight:bold; color:#666;}
#news li a:hover{ text-decoration:underline;}
#news li a:visited{ font-weight:bold; color:#666;}
#products{
	text-align:left;
	width:400px;
	float:left;
	margin-top:20px;
	padding: 0;
	}
	#products p{ margin-top:5px; margin-left:10px;}
	#products p a:link{ font-weight:bold; color:#666;}
  #products p a:visited{ font-weight:bold; color:#666;}
	
.productL{
	margin-top:20px;
	width:180PX;
	float:left;
}
.productR{
	margin-top:20px;
	width:180PX;
	float:left;
}

/*--------------------------------------   form   ----------------------*/
.feedbackform{
	margin:0 ;
padding: 5px;
padding-left:30px;
padding-top:20px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 500px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px dashed #1e4d88;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}
/*--------------------------------------   copyright   ----------------------*/

#copyright{
clear:both;
margin:0 auto;
background:url(../Img/BottomBg.gif) no-repeat; 
width:883px; 
height:85px; 
	}
div.bottomnav ul{	
	color:#eeeeee;
	margin:0;
	padding:0;
	list-style:none;
	}
div.bottomnav li{
	display:block;
	color:#eeeeee;
	margin:0;
	padding:0 10px;
	display:inline;
	}
div.bottomnav li a{
	color:#eeeeee;
	text-decoration:NONE;
	}
div.bottomnav li a:link{
	color:#eeeeee;
	text-decoration:NONE;
	}
div.bottomnav li a:hover{
		color:#eeeeee;
	text-decoration:underline;
	}
div.bottomnav{
	color:#eeeeee;
	width:100%;
	padding:0;
	margin-top:0px;
	padding-top:18px;
	}
p.copyright{
	color:#666;

margin-top:19px;}
p.copyright span a{
	color:#666;
	text-decoration:underline;
	}
p.copyright span a:hover{
	text-decoration:underline;
	}

/*--------------------------------------   BBS contents   ----------------------*/
.contentsText a{
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}
.contentsText a:visited{
	text-decoration:underline;
}

/*--------------------------------------   contents   ----------------------*/
#contents{
	width:883px;
	clear:both;
	margin:0 auto;
	padding:0;

	}
TD, TH,P {
	margin:0;
	padding:0;
	font-size:11px; 
	color:#999999; 
	LINE-HEIGHT: 16px; 
	FONT-FAMILY: Tahoma;
	}
img{ 
	border:0;
	}
.lFrame{
    MARGIN-TOP: 0pt;
    MARGIN-BOTTOM: 0pt;
    MARGIN-RIGHT: 0pt;
    BACKGROUND-COLOR: blue;
    COLOR: blue;
    DISPLAY: inline;
    SCROLLBAR-FACE-COLOR: white;
    SCROLLBAR-HIGHLIGHT-COLOR: white;
    OVERFLOW: auto;
    SCROLLBAR-SHADOW-COLOR: gray;
    SCROLLBAR-3DLIGHT-COLOR: gray;
    SCROLLBAR-ARROW-COLOR: gray;
    SCROLLBAR-TRACK-COLOR: white;
    SCROLLBAR-DARKSHADOW-COLOR: white;
    WIDTH: 100%;
}
.TextArea{
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    DISPLAY: inline;
    SCROLLBAR-FACE-COLOR: #ffffff;
    OVERFLOW: auto;
    BORDER-LEFT: 0px solid;
    SCROLLBAR-SHADOW-COLOR: #a3a2a2;
    WORD-BREAK: break-all;
    SCROLLBAR-3DLIGHT-COLOR: #e0e0e0;
    SCROLLBAR-ARROW-COLOR: #cccccc;
    SCROLLBAR-TRACK-COLOR: #eeeeee;
    BORDER-BOTTOM: 0px solid;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
    WIDTH: 100%;
}