﻿html{
	background-color: #e6e6e6;
}

body{
	margin:auto;
	padding-top : 30px;
	font-family: Arial, serif;
	width: 728px;
}


img ,a {border: 0;} 

a:active, a:focus
 {
 text-decoration: none;
 color: #686767;
}
a:visited 
{ 
 text-decoration: none;
 color: #686767;
}

a:hover  { 
	color: #0066cc; /*Customize the color*/
	text-decoration: underline;
	
}
a {
	color: #686767;
	text-decoration: none;
}

#header {
	width: 728px;
	height: 147px;
	background-image: url(design/1.png);	
}

#slide {
	width:214px;
	height:402px;
	float:left;
	background-image: url(design/2.png);
}	

#menu {
	width:514px;
	height:26px;
	float :right;
	background-image: url(design/6.png);
	color :#686767;
	font: bold 12px Arial
	
}

#body {
	width:514px;
	height:327px;
	float:left;
	background-image: url(design/4.png);	
}

#footer {
	width:514px;
	height:49px;
	float:left;
	background-image: url(design/5.png);	
}

.title {
	color: #0066cc; /*Customize the color of the title*/
	font-size: 16px;
}

.text{
	text-align:justify;
}

.color{
	color: #0066cc; /*Customize the color of the text*/
}

.space {
	line-height:20px;
}

.powered {
	padding-right: 35px;
	float: right;
	font: bold 10px Arial;
	color :#686767;
}
	
.underline {
	text-decoration : underline;
}
#header_content{
	background-image: url(design/customize/header/header.png);
	width: 535px; 	/*if it's necessary, change the size*/
	height: 112px;	/*if it's necessary, change the size*/
	float:right;
	margin-top: 34px;
	margin-right: 39px;

}

#menu_content{
	margin-top: 5px;
	width:475px;	
	border-collapse: collapse;
}


#body_content{
	width:450px;
	padding : 0px 14px 9px 12px;
	font: 12px Arial;
	color :#333333;
}

.body_left{
	float:left;
	width :50%;
	line-height:21px;
}

.body_right{
	float:right;
	width :50%;
	line-height:21px;
}

#footer_content{
	float: left; 
	margin-top : -2px;
	width:475px;
	height:24px;
	background-image: url(design/customize/footer/footer.png);	
}

tr{
	padding:auto;
}

td{
	text-align: center;
	width: 25%;

}	
	
h4{
	font: bold 13px Arial;
	color :#003366; /*Customize the color of title*/
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
	margin: 4px 4px 0px 5px;
	position:relative;
    width:201px;
	height:390px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}


	
	