/***********************************************
	GLOBAL STYLE ( wrote by Aniko Dec.15.2007 )
	HE: Head
	NA: Navgation
	CO: Content
	FO: Foot
	CF: Clean fixed
************************************************/
* {margin: 0; padding: 0;}
body { font: 12px/1.5 Arial, Verdana, Tahoma; background-color:#292929;color:#999;word-wrap:break-word }

a {text-decoration: none; color: #999;}
a:hover, a:active {border-bottom: 1px solid #76B41C; color:#fff}

a[href^="http:"]
{ background:url(../images/out.gif) no-repeat right top; padding-right:10px }

.CF:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
/* Hidden from IE-mac \*/
.CF {height: 1%;}
.CF {display: block; zoom: 1;}
/* End hide from IE-mac */


#HE, #NA, #BA, #CO, #FO {position: relative; margin: 0 auto; width: 778px;}
#HE {height: 60px;}
#CO {background-color:#292929; margin-bottom:30px}
#Trans { float:right; margin:20px 10px 0 0 ; font-size:10px;display:inline}

#NA{width:778px;}
#navlist{padding: 0 0 20px 20px; border-bottom: 1px solid #444;}
#navlist ul, #navlist li{display: inline; list-style-type: none;}
#navlist a:link, #navlist a:visited	{float: left; line-height: 14px; margin: 0 10px 4px 10px; text-decoration: none; color: #999;}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{ border-bottom: 1px solid #76B41C; padding-bottom: 5px;color: #fff;}
#picasa{ position: absolute; float:right; left: 600px;	top: -8px;	cursor:hand;}		

.tips {display:none; position:absolute;top:-30px; background:url(../images/tips.jpg) left top; width:62px; height:24px; text-align:center; color:#C05F7F}
#tips1 { left:15px;}
#tips2 { left:75px;}
#tips3 { left:135px;}
#tips4 { left:190px;}
#tips5 { left:260px;}
#tips6 { left:330px;}

#swf {width:775px; height:325px;padding:35px 0px 5px 0;}
#overswf {
	position:absolute;
	width:280px;
	height:260px;
	left: 460px;
	top: 70px;
	padding-top:10px;
}
#overswf ul { margin:10px 10px 10px 30px; color:#FFFFFF}
#overswf li {width:220px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#overswf a {text-decoration: none; color: #C7C7C7;}
#overswf a:hover { background-color:#373737; border-bottom:none}
#overswf img { border:0px;}
#up { position:absolute;left:260px;top:10px}
#down {position:absolute;left:260px;top:240px}
#title { margin-left:20px; font-size:11px; font-weight:bold; color:#CCFF00;}

.toolbox { margin:10px; padding:10px; width:740px; float:left;display:inline; border-bottom:1px dashed #666666}
.tbleft{ width:300px; float:left;}
.tbleft img{display: block; padding: 5px; border:1px solid #666666}
.tbright{ width:400px; float:right}
.tbright h3 { font-size:12px; font-weight:bold; padding-left:5px; border-left:3px solid #76B41C;}
.tbright h4 { display:block; cursor:hand; font-size:10px; font-weight:bold;float:right; padding:0 2px 0 5px; border-width: 1px 1px 1px 3px; border-style: solid; border-color: #999999 #999999 #999999 #ff6600;}
.ver { font-size:10px; color:#76B41C; padding-left:10px}
.dis {color:#FF3366;}
.disline { text-decoration:line-through }
.tbright ul { margin:10px 10px 10px 30px}
.tbright li { list-style-type: decimal; font-size:12px;}
.imghide { display:none;}
.white { color:#FFFFFF;}
.green {color:#76B41C;}

.disignbox { width:370px; float:left;display:inline}
.disignbox img{display: block; padding: 5px; border:1px solid #666666;margin:0px auto}
.disignbox p{ margin:10px 0px 10px 45px;font-weight:bold; padding-left:5px; border-left:3px solid #76B41C; height:16px;}
.tool { font-size:10px; padding-left:50px}
#cooperation{width:660px; margin:30px 0px 10px 54px; padding:5px;background-color:#333333;}

#cooparea { width:740px; height:320px;background:url(../images/ink.jpg) right bottom no-repeat;padding-top:40px}
.coopdiv { width:320px; float:left; display:inline} 
.coopdiv h4 { font-size:12px;color:#cccccc; padding-left:40px}
.coopdiv ul { padding:10px 10px 10px 60px}
#cooplink { width:280px; float:left; margin:10px 0px 0px 40px; padding:10px; background-color:#333333}
#coopright { width:80px; float:left; margin-top:10px}
#coopleft {	width:170px; float:left; margin-left:10px; border-left:1px #666666 dashed; background:url(../images/contact.jpg) left top no-repeat; height:60px}
#coopleft p { padding-left:15px}

#aboutarea { width:760px; height:340px;background:url(../images/myangel.jpg) right bottom no-repeat;padding-top:30px}
#aboutdiv { width:500px;} 
#aboutdiv h4 { font-size:12px;color:#ffffff; padding-left:90px}
#aboutdiv h5 { font-size:10px; color:#76B41C}
#aboutdiv ul { padding:10px 10px 10px 110px}
#aboutdiv li { list-style-type:square; line-height:25px}
#linkman { 	position:absolute;width:216px;left: 188px;top: 310px;background:url(../images/contact.jpg) left top no-repeat; height:60px; background-color:#333333}
#linkman p { padding-left:15px }

#FO { height:40px; border-top: 1px solid #444; font-size:10px;}
#copyright {padding:10px 20px 0 0; text-align:right}
#ISBN{ background:url(../images/code.jpg) bottom center no-repeat;width:205px; height:54px; margin:20px auto 0px auto;}