/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
	margin: 0 auto;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	background-image: url(images/img06.jpg);
	
}

/* Header Section */
.title1
{
	float:left;
	width: 670px;
	height: 40px;
	text-align:right;
	
	
	}
.title2
{
	padding-top:4px;
	float:right;
	width: 670px;
	height: 90px;
	text-align:right;
	
	
	}

#header {
	border-top: 0px solid;
	border-bottom: 0px solid;
	width: 1003px;
	height: 91px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px; 
	
}

#logo {
	float: left;
	width: 1003px;
	height: 91px;
	text-align:center;
	background: url(images/parent_01.jpg);
	border:0px;
	
}
#header2 {
	float: left;
	width: 1003px;
	height: 332px;
	text-align:right;
	background: url(images/b1.jpg);
	border:0px;
	
}
.flashs
{
	float: left;
	width: 306px;
	height: 331px;
	
	}
.ht1
{
	float: left;
	width: 1003px;
	height: 111px;
	background: url(images/parent_15.jpg);
	border:0px;
	}
#header21 {
	float: left;
	width: 694px;
	height: 221px;
	text-align:right;
	background: url(images/t21.jpg);
	border:0px;
	
}
#header22 {
	float:right;
	width: 694px;
	height: 111px;
	margin: 0 auto;
	background: url(images/title1_01.jpg);
	border:0px;
	
}
/* Header menu Section */
#menu {
	float: right;
	width: 757px;
	height: 170px;
	background: url(images/parent_02.jpg) no-repeat;
	
}
#link
{
    margin: 0;
    padding-top:40px;
    padding-left: 50px;
}
#link ul {
	margin: 0;
	padding: 0px 0px 0px 0px; 
	list-style: none;
}

#link li {
	display: inline;
	padding: 0px 0px 0px 0px; 

}

#link a {
	display: block;
	float: left;
	width: 80px;
	height: 20px;
	margin-left:0px;
	padding-top: 0px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size:14px;
	color: #5E6F38;
}

#link a:hover {
	color: #ff0000;
}

/* Content Section */
#content {
	width: 1003px;
	height:100%;
	margin-left:auto;
    margin-right:auto;
	margin: 0 auto;
	padding: 0px;
	border-top: 0px;
	padding-left: 0px;
	background: url(images/parent_04.jpg);
	
}

#content1 {
	width: 1003px;
	height:100%;
	margin-left:auto;
    margin-right:auto;
	margin: 0 auto;
	padding: 0px;
	border-top: 0px;
	padding-left: 0px;
	background: url(images/parent_04.jpg);
	text-align:center;
	
}


#leftside 
{
    
	float: left;
	width: 255px;
	padding-left: 0px;
	margin: 0 auto;
	
}

#main {
	float: left;
	width: 738px;
	height:700px;
	padding-left: 0px;
	margin: 0 auto;

}


.ltitle {
	background: url(images/right_bot.gif) ;
	background-repeat:no-repeat;
	font-size: 12px;
	text-transform: uppercase;
	width: 255px;
	height:39px;
	text-align:center;
}

.lbtop {
	background: url(images/right_top.gif) ;
	background-repeat:no-repeat;
	font-size: 12px;
	text-transform: uppercase;
	width: 255px;
	height:39px;
	text-align:center;
}
#ltitle2 {
	background: url(images/fleft001.jpg) repeat-x;
	font-size: 12px;
	text-transform: uppercase;
	color: #dddddd;
	width: 229px;
	height:75px;
	text-align:center;
}


.lcontent 
{
	 background:url(images/right.gif) repeat-y;
	font-size: 12px;
	text-transform: uppercase;
	width: 255px;
	height:100%;
	text-align:left;
}

.inlcontent
{
	
	font-size: 12px;
	text-transform: uppercase;
	width: 220px;
	height:100%;
	text-align:left;
}

div.rtitle
{
   
	text-transform: uppercase;
	width: 697px;
	height:26px;
	text-align:center;
}
div.rcontent
{
    
	text-transform: uppercase;
	width: 697px;
	height:680px;
	text-align:center;
}
div.rfoot
{
    
	text-transform: uppercase;
	width: 697px;
	height:28px;
	text-align:center;
}
/* Foot Section */
#footer {
	clear: both;
	width: 1003px;
	height: 88px;
	margin: 0 auto;
	padding: 0px 0;
	background: url(images/parent_19.jpg) no-repeat;
}

input 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
}

select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
}

.dotline {
BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted
}


/*三角效果*/
*{ margin:0; padding:0; font-size:12px; font-family:Verdana, "宋体", Arial; line-height:1.8; list-style:none;}
#nav{ margin:50px; border:1px dashed #FF3300; background:#FFFFCC; padding:50px;}
a:link,a:visited{color:#FF6600;text-decoration: none;}
a:hover,a:active{ color:#FF0000;}
#nav a span{overflow:hidden; border-top:6px solid #FFFFCC;border-left:6px solid #FFFFCC;border-bottom:6px solid #FFFFCC; height:0px; width:0px; margin:2px 2px 0 -10px; position:absolute}
#nav a:hover span{background:#CC3300;border-top:6px solid #FFFFCC;border-left:6px solid #FF3300;border-bottom:6px solid #FFFFCC;overflow:hidden; float:left;}


TD {
	FONT-SIZE: 14px; COLOR: #417A30; FONT-FAMILY: "宋体", "Arial"
}

A:link {
	FONT-SIZE: 14px; COLOR: #417A30; FONT-FAMILY: "Arial"; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 14px; COLOR: #417A30; FONT-FAMILY: "Arial"; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 14px; COLOR: #417A30; FONT-FAMILY: "Arial"; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 14px; COLOR: #ff0000; FONT-FAMILY: "Arial"; TEXT-DECORATION: underline
}
.mybr { line-height: 0px;}
div.RoundedCorner{background: #ffffff}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}