﻿/* CSS Document */

html  		{ margin:0; padding:0; border:0; 
background: transparent;  }

div, span, article, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background:transparent;
	}
	
img		{ margin: 0; padding: 0; border: 0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}

table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;}
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}
	
ol, ul { list-style: none; }
	

/* Global */

html			{	}
body			{ background-color:#FFF; 	}


/* Text Element */


a				{	}
a:link			{ color: #396105; }
a:visited		{ color: #000;	}
a:active		{ color: #000;	}
a:focus			{ color: #666;	} 
a:hover			{ color: #060;	}


/* Images */


/* Lists */

ul				{	}
ol				{	}

dl				{	}
dt				{	}
dd				{	}


/* Tables */

table			{ width:100%;	}

tr				{	}
.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th				{ font-weight: bold; }
thead, th		{ background-color: #ccc; }

tbody			{	}

th, td, caption	{	}
caption			{	}

tfoot			{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption			{ background: #efefef; }


/*---------------------------slider----------------------------*/
div.transbox {
	float:left;
	width:250px;
	height:320px;
	margin:40px 0;
	background-color:#FFF;
	opacity:0.7;
 	filter:alpha(opacity=70); /* For IE8 and earlier */
}

div.background1
   {
   width:920px;
   height:400px;
   background:url(1-img-banner1.jpg) no-repeat;
   }
div.background2
   {
   width:920px;
   height:400px;
   background:url(1-img-banner2.jpg) no-repeat;
   }
div.background3
   {
   width:920px;
   height:400px;
   background:url(1-img-banner3.jpg) no-repeat;
   }
div.background4
   {
   width:920px;
   height:400px;
   background:url(1-img-banner4.jpg) no-repeat;
   }
div.background5
   {
   width:920px;
   height:400px;
   background:url(1-img-banner5.jpg) no-repeat;
   }
div.background6
   {
   width:920px;
   height:400px;
   background:url(1-img-banner6.jpg) no-repeat;
   }
div.background7
   {
   width:920px;
   height:400px;
   background:url(1-img-banner7.jpg) no-repeat;
   }
div.background8
   {
   width:920px;
   height:400px;
   background:url(1-img-banner8.jpg) no-repeat;
   }
div.transbox a:link		{ color:#000; font-weight:bold; }
div.transbox a:hover		{ font-size:10px; color:#003; font-weight:bold; }

#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8	{
	margin-top:15px;
   font-size:16px;
   padding:15px 20px 0px 20px;
   letter-spacing:1px;
	 }
#s1 p { text-align:center; 
line-height:300%;    }
	#s1 p a:link { color:#000; font-weight:lighter; 
	 }	 
	#s1 p a:hover { color:#445805; font-size:16px; letter-spacing:2px; font-weight:bold; }
	#s1 p a:visited		{ color:#000;	}

#s2 p { text-align:center; 
line-height:300%;    }
	#s2 p a:link { color:#000; font-weight:lighter; 
	 }	 
	#s2 p a:hover { color:#000; font-size:16px; letter-spacing:1px; font-weight:bold; }
	#s2 p a:visited		{ color:#333;	}
	
#s3 p { text-align:center; 
line-height:300%;    }
	#s3 p a:link { color:#8A5E02; font-weight:lighter; 
	 }	 
	#s3 p a:hover { color:#9C7007; font-size:16px; letter-spacing:1px; font-weight:bold; }
	#s3 p a:visited		{ color:#000;	}
	 
#s4 p { text-align:center; 
line-height:300%;    }
	#s4 p a:link { color:#037992; font-weight:lighter; 
	 }	 
	#s4 p a:hover { color:#037992; font-size:16px; letter-spacing:1px; font-weight:700; }
	#s4 p a:visited		{ color:#000;	}
	 
#s5 p { text-align:center; 
line-height:300%;    }
	#s5 p a:link { color:#574935; font-weight:lighter; 
	 }	 
	#s5 p a:hover { color:#574935; font-size:16px; letter-spacing:1px; font-weight:bold; }
	#s5 p a:visited		{ color:#000;	}
	 
#s6 p { text-align:center; 
line-height:300%;    }
	#s6 p a:link { color:#695901; font-weight:lighter; 
	 }	 
	#s6 p a:hover { color:#695901; font-size:16px; letter-spacing:1px; font-weight:bold;  }
	#s6 p a:visited		{ color:#000;	}
	 
#s7 p { text-align:center; 
line-height:300%;    }
	#s7 p a:link { color:#485F05; font-weight:lighter; 
	 }	 
	#s7 p a:hover { color:#4E6505; font-size:16px; letter-spacing:1px; font-weight:bold; }
	#s7 p a:visited		{ color:#000;	}
	 
	
	 
/* Containers */
#outer							{ width:1300px; margin:0px auto; background-color:#FFF;  }
#left-sec						{ width:230px; float:left; margin-right:20px; margin-left:30px;  }
#logo							{ padding-left:20px; margin:10px 0 10px 0; }
.title							{ font-size:40px; font-family:"Juice ITC"; text-align:center; padding:30px 0 30px 0; letter-spacing:8px; font-weight:900; color:#690; text-shadow:0px 0px 0px #999; }

#wrapper						{ width:1000px; margin:0px 10px; float:left;	}

/*-----------------   other pages     ----------------*/
#outer-wrap							{  margin:0px auto; background-color:#DDD;   }
#wrap						{ width:960px; background-color:#FFF; margin:0 auto; padding: 0 0px; clear:both; }
#wrap img { float:left; padding:5px 0; }

#footer-sec  { clear:both; width:870px; padding-top:20px; padding-bottom:20px; padding-left:50px; margin:0 20px; float:left; background-color:#FFF; border-top:2px solid #666; text-align:center; }
#footer-sec li { display:inline; padding:5px 15px; border:1px solid #999; border-style:none solid ; margin:0 5px;   }
#footer-sec li a:link { color:#175E84; letter-spacing:1px; text-shadow:0px 1px 0px #175E84;    }
#footer-sec li a:hover { color:#000; font-weight:500; }
#footer-sec li a:visited { color:#000; }

#wrap-top  { width:920px; background-image:url(default2.png);  margin:0 20px ; padding:40px 0; clear:both; border-top:2px solid #666;  }
#wrap-top li { padding:10px 10px 15px 60px; font-size:10px; font-weight:lighter; }
#wrap-top li a:link { color:#000; text-shadow:0px 0px 0px #F90; letter-spacing:2px;  }
#wrap-top li a:hover { color:#000; padding-left:5px; font-weight:bold; letter-spacing:2px; }
#wrap-top li a:visited { color:#000; }


#wrap-top1  { width:920px; background-image:url(b_g_g1.png);  margin:0 20px ; padding:40px 0; clear:both; border-top:2px solid #666;  }

#wrap-top1 li { padding:5px 10px 5px 60px; font-size:16px;  text-decoration: none;   font-name:arial; font-weight:lighter; line-height:200%; }

#wrap-top1 li a:link { color:#000; text-shadow:0px 0px 0px #000; letter-spacing:2px;font-weight:lighter; font-size:16px;  font-name:arial; }

#wrap-top1 li a:hover { color:#000; padding-left:10px; text-decoration: underline;    font-weight:lighter; letter-spacing:2px; }

#wrap-top1 li a:visited { color:#000; }

#emty { clear:both; width:960px; height:20px; margin:0px auto; background-color:#DDD; }

#emty1 { clear:both; width:960px; height:15px; margin:0px auto; background-color:#FFF; }



.c1 	{ color:#1B717A; font-size:14px; font-family:"Comic Sans MS", cursive; text-shadow:1px 0px 0px #9FF; }
.c2 	{ color:#1B717A; font-size:14px; font-family:"Comic Sans MS", cursive; text-shadow:1px 0px 0px #9FF; font-weight:lighter; }
.h-tit  { color:#D05E09; padding:20px; font-weight:400; letter-spacing:3px; font-size:1px; padding-left:40px;  text-shadow:1px 0px 0px #FC0;  }
.b1		{ padding-top:10px; }
#pers1  { width:1200px; height:1140px; margin:0px auto; background-image:url(img-bg-01.jpg); padding-top:30px;  }
#p-cont1 img 	{ float:right; margin-left:20px; padding:0 20px; }
#p-cont1 	{ width:850px; height:1000px; margin:0px auto; opacity:0.9; filter:alpha(opacity=90);
 background-color:#FFF; padding:40px 40px 0px 40px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }
#p-cont1 p 	{	
	padding:0px 0px;
	line-height:140%;
	color:#000;
	text-align:justify;
	letter-spacing:1px;
 }
#p-cont1 a:link { color:#609; } 
#p-cont1 a:hover { text-decoration:underline;  } 
#p-cont1 a:visited { color:#606; } 

#wrap						{ width:960px; background-color:#FFF; margin:0 auto; padding: 0 0px; clear:both; }
.p1 	{ letter-spacing:1px; text-indent:30px;
  }
.h1		{ width:70px;color:#000; text-align:center; font-size:16px; letter-spacing:5px;  padding:10px; background-color:#fff; opacity:0.9; filter:alpha(opacity=90); margin:0 auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:25px; }
.h1 a:link	{ color:#609; font-weight:500; }
.h1 a:hover	{ text-decoration:underline; }

#top1 	{ width:150px; height:10ppx; float:left; padding:20px 0; margin:0 100px; }
#top1 li { display:block; }
#top1 li a:link 	{ color:#000;  }
#top1 li a:visited	{ color:#000; }
#top1 li a:hover	{ color:#FFF; }
.t1		{ color:#000; text-align:center; font-size:16px; letter-spacing:5px;  padding:10px; background-color:#6CF;  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:5px; }
.t1 a:link	{ color:#000; font-weight:500; }
#sec1		{ width:450px; float:left; background-color:transparent; margin-left:0px;  }
#sec2		{ width:450px; float:left;  background-color:transparent; margin-right:0px; border-left:1px solid #333;  }
#sec1 li { padding:5px 10px 5px 60px; font-size:16px; font-weight:lighter; line-height:200%; }
#sec1 li a:link { font-weight:bold; color:#200; text-shadow:0px 0px 0px #000000; letter-spacing:0px; }
#sec1 li a:hover { color:#000; padding-left:0px; font-weight:bold; letter-spacing:0px; text-decoration:underline; }
#sec1 li a:visited { color:#000000; }

#sec2 li { padding:5px 10px 5px 60px; font-size:16px; font-weight:lighter; line-height:200%; }
#sec2 li a:link { font-weight:bold; color:#200; text-shadow:0px 0px 0px #000000; letter-spacing:0px; }
#sec2 li a:hover { color:#000; padding-left:0px; font-weight:bold; letter-spacing:0px; text-decoration:underline; }
#sec2 li a:visited { color:#000000; }
/*-------end of other files--------*/

#top-nav{ width:970px;
 border:0px;
 margin:0px;
 padding:0px;
 }
#top-nav ul{
 background:#FFF;
 height:50px;
 list-style:none;
 margin:0;
 padding:0;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 border:1px solid #690;
 border-style:solid none;
 margin-bottom:10px;
 }
 #top-nav li{
 float:left;/* vertical menu */
 padding:0px 0px 0px 10px; 
}
 #top-nav li a{
 color:#000;
 display:block;
 line-height:50px;
 margin:0px;
 padding:0px 22px;
 text-align:center;
 text-decoration:none;
 font-size:15px;
 letter-spacing:1px;
 }
 #top-nav li a:hover{
 color:#FFF;
 text-decoration:none;
 }
 #top-nav ul li:hover a{
 background:#690;
 color:#000;
 text-weight:bold;
 text-decoration:none;
 letter-spacing:1px;
 }
 #top-nav li ul{
 display:none;
 height:auto;
 padding:0px;
 margin:0px;
 border:0px;
 position:absolute;
 width:0px;
 z-index:200;
 }
 #top-nav li:hover ul{
 display:block; 
}
 #top-nav li li {
 display:block;
 float:none;
 margin:0px;
 padding:0px;
 width:200px;
 background:#FFF;
 opacity:0.9;
 filter:alpha(opacity=90); /* For IE8 and earlier */
 /*this is where the rounded corners for the dropdown disappears*/
 }
 #top-nav li:hover li a{
 background:none;
 }
 #top-nav li ul a{
 display:block;
 height:50px;
 font-size:14px;
 font-style:normal;
 margin:0px;
 padding:0px 10px 0px 15px;
 text-align:left;
 }
 #top-nav li ul a:hover, #top-nav li ul li:hover a{
 border:0px;
 color:#ffffff;
 font-weight:bold;
 text-shadow:0px 0px 1px #000;
 text-decoration:none;
 background:#690;
 letter-spacing:1px;
 }
.onlink					{ background:#679D02; padding-left:0; }

#banner						{ 	}

.cont-tit					{ color:#000; font-size:20px; text-align:center; padding:20px 0px 20px 0px; letter-spacing:10px; border-top:1px solid #690; border-bottom:1px solid #690;  font-weight:lighter; margin-bottom:20px;}

#side-menu1 {
 	width:230px;
	padding:0px 0px ;
	float:left;
	border:1px solid #999;
	border-style: solid ;
	margin:10px 0 0px 0px;
	background-image:url(1-img.jpg);
}

.tit-menu1 { 
	color:#FFF;
	font-size:26px;
	text-align:center;
	padding:13px 25px;
	background-color:#5F9B0D;
	margin:0px 0 15px 0;
	font-weight:500;
	font-family:"Freestyle Script";
	letter-spacing:2px;
}
.list a		{ 		
	width:200px;
	display:block;
	text-align:center;
	color:#2E4D04;;
	padding:15px 15px 16px 15px;
	font-size:15px;
	text-shadow: 0px 0px 0px #999;
	font-weight:500;
   }
.list a:hover		{ 
   	color:#385E06;
   	text-decoration:none;
   	font-size:15px;
	letter-spacing:1px;
	text-decoration:underline;
	font-weight:bold;
	text-shadow: 0px 0px 0px #ccc;
  }
#side-menu1 a:visited		{ color: #000;	}
#side-menu1 a:active		{ color: #385E06;	}
#side-menu1 a:focus			{ color: #385E06;	} 

#top-content 		{ width:1000px;  }

#sec { 
	background-color:transparent;
	width:188px; margin:0px;
	float:left;
	padding:0px ;
	margin-right:0px;
	 }
#box { 
	width:180px;
	padding-top:10px;
	padding-left:30px ;
	background-color:transparent;
	 }
	 
.cont li {
	line-height:100%;
	list-style:none;
	position:relative;
	padding-top:2px;
	padding-bottom:2px; 
	margin:0px ;
	background-image:url(1-img-cont.jpg);
	border-right:5px solid #ccc;
}

.cont li li {
	list-style:none;
	position:relative;
	right:177px;
	top:-46px;
	margin:0px;
	width:100%;
}
.cont li a {
	width:160px;
	height:28px;
	display:block;
	text-align:center;
	color:#000;
	padding:8px 0px 0px 8px;
	font-size:14px;
	font-weight:500;
}
.cont li ul li a{
	font-size:12px;
	margin:0px;
	border:0px solid #FFF;
	color:#000;
}
.cont li ul li{
	width:170px;
	height:32px;
	padding:2px 0 3px 2px;
	border-bottom:0px solid #690;
	margin:0px 0;
	background-image:url(1-img-list.jpg);
}
.cont ul {
	position:absolute;
	visibility:hidden;
	top:30px;
}
.cont li:hover ul {
	visibility:visible;
}

/* box---Hover */

.cont li a:hover {
	color:#000;
	font-size:14px;
	font-weight:bold;
		}

.cont li:hover{ 
	border-right:5px solid #690;
	background-image:url(1-img-list.jpg);
}

.cont li:hover ul li a:hover {
	color:#000;
	font-size:13px;
	letter-spacing:normal;
	font-weight:bold;
	background-image:url(1-1mg-li.jpg);
}
.cont li ul li a:hover{
	font-size:13px;
	margin:0px;
}
.cont li ul li:hover {
}


#banner		 				{	}

/****************** bottom-content ***********************/
#bottom-content					{ clear:both; width:970px; padding-left: 0px ; float:left; border:0px solid #666; border-top:0px solid #690; }

#bc-l 			{ width:300px; float:left; border:0px solid #666; border-style: none solid; height:203px; background-color:#EEE ; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; padding:20px; margin-right:10px;   }
#bc-c 			{ width:280px; float:right; border:0px solid #666; border-style: none solid; height:203px; padding:20px ;  background-color:#EEE ; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;   }
#bc-l ul				{ padding:12px 0;  margin:0px;    }
#bc-l ul li			{ padding:3px;text-transform:uppercase; font-size:13px; line-height:250%; 	
  }
#bc-l ul li a:link	{ color:#000; padding-left:10px; font-size:16px;   }
#bc-l ul li a:visited	{ color:#333; padding-left:10px; font-size:16px;   }
#bc-l ul li a:hover	{ color:#333; padding-left:10px; text-decoration:underline;  }
.l-1			{ font-size:26px; color:#690; font-family:"Juice ITC"; letter-spacing:5px; font-weight:600; text-decoration:underline;   }

.wel-1			{ font-size:30px; font-family:Tahoma, Geneva, sans-serif; padding-bottom:2px; color:#EC5E82;padding-left:15px;   }
.wel-2			{ font-size:16px; padding-bottom:10px; color:#718595; padding-left:20px;   	 }
.wel-3			{ font-size:14px; text-transform:uppercase;  color:#297787; padding-bottom:10px; padding-left:20px;  }
.wel-4			{ font-size:12px;  color:#666; padding-left:20px;  }

#footer				{ width:970px; clear:both;  border:1px solid #999; border-style:solid none; margin:10px 0 20px 0; }
#footer p			{ color:#445805; text-align:center; padding:20px; }