/*---------------------------------------------------
Basic Style Sheet(for version 4 browsers)

version:	1.1
author:		Wenji Zhang
timestamp:	8/12/2008
email:		zwj__itc@sina.com
website:	http://www.newpainting.com/
---------------------------------------------------*/

a
/*	-------------------------------------------------------------
	SM, Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		1. BODY
		2. LAYOUT
		3. MAINNAV
		4. LOGO
		5. BANNER
		6. SUBNAV
		7. SEARCH
		8. Gallery Exhibition Information Recommend 
		9. img
		10. General LeftRight pages
		11. footer
		12. Curpage
		13. homePageLeft
		14. homePageContent
		15. aticle
		16. picarticle
		17. aticleList
		18. picList
		19. Hall
		20. right_commment
*/

	* {font-size:100.01%}
	html {font-size:62.5%;}


/*	-------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          body {
          	margin:0 auto;
          	max-width:96em; /* 21.03.2008 */
          	min-width:960px; /* 21.03.2008 */
/*
          	min-width:820px;
          	min-width:926px;
          	max-width:1204px;
*/
          	font: 12px/1.6em Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;


          }

/*	-------------------------------------------------------------
	2. LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #wrapper {
			margin:0 auto; 
			width:960px;
			clear:both;
          	overflow: hidden;
			padding-top:10px;		
          }

          #content {
          	width: 760px;
          	float:right;
          }
          
          #leftcol {
		  	margin:0;
			padding:0;
          	width:200px;
			float:left;
          }
          #maincontent{
          	width:560px;
			float:left;
			text-align:center;
          }
          #rightcol {
		  	margin:0;
			padding:0;
		  	width:200px;
          	float: right;
          }
		  #footer{
			margin:0 auto; 
			width:960px;
			clear:both;
          	overflow: hidden;
			padding-top:10px;
			text-align:center;
		  }


/*	-------------------------------------------------------------
	3. MAINNAV
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #mainNav {
          	height: 45px;
			width:960px;
			position:relative;
			left:50%;
			margin-left:-480px;
          	min-height: 45px;

          }
          #mainNav ul {
          	margin: 0;
          	padding: 0;
          	list-style: none;
			height: 30px;
			border-bottom: 1px solid #CCCCCC;
			background-color: #fff;
			padding-top: 10px;
          }
          #mainNav ul li {
			float: left;
			display: inline;
			margin: 0 12px 0 0px;
          }

          #mainNav ul a {
          	display: block;
            font: 1.1em Trebuchet MS, Arial, sans-serif;
			text-decoration:none;
            /*text-transform: uppercase; Capitalization*/
          }
		  
		  #mainNav ul a {
			padding: 3px 11px;
			color: #004B85;
			-moz-border-radius: 3px;
			-webkit-border-radius : 3px;
		  }
		  
		 
		  #mainNav ul a:focus,#mainNav ul a:active,#mainNav ul a:hover {
			background-color: #5a5a5a;
			color:#ffffff;
			outline: none;
		  }
 
		  
          #mainNav ul a.home {
          	margin: 0 0px 0 13px;
          }
          #mainNav ul a.np:visited {
          	background-color: #EB4C07;
          	color: #fff;
          	-moz-border-radius: 3px;
		  	-webkit-border-radius : 3px;
          }
		  

/*	-------------------------------------------------------------
	4. LOGO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		  
		  
		  .logo {
		  	margin:0 auto; 
			width:960px;
			height:75px;
			clear:both;
			border-bottom: 1px solid #CCCCCC;
          }
		  .logo .s1{
		  	float:left; 
			padding:5px;
			width:140px;
		  }
		  

 /*	-------------------------------------------------------------
	5. BANNER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
          .logo .banner {
          	float:left;
			padding:5px;
          }

/*	-------------------------------------------------------------
	6. SUBNAV
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #subNav {
          	height: 25px;
			width:960px;
			position:relative;
			left:50%;
			margin-left:-480px;
			clear:both;
			margin-top:3px;
          	min-height: 25px;
			overflow:hidden;
          }
          #subNav ul {
		  	background: url(081205_2.gif) no-repeat right top;
          	margin: 0;
          	padding: 0;
			width:100%;
          	list-style: none;			
			height: 25px;
			float:left;

          }
          #subNav ul li {
			float:left;
			background:url(081205_5.gif) repeat-x;

          }

          #subNav ul a {
          	display: block;
			float:left;
			padding:0.3em 1.8em;
            font:bolder 1.1em Trebuchet MS, Arial, sans-serif;
			text-decoration:none;
			color:#3F3F3F;
            /*text-transform: uppercase; Capitalization*/
          }
		  
		  #subNav ul a:focus, #subNav ul a:hover{
			color: #004B85;
			outline: none;			
		  }
		  
		  #subNav ul .first a {
			background: #cccccc url(081205_1.gif) no-repeat left top;
			border-right:1px solid #ffffff;

		  }
		  
		   #subNav ul .last a {
			background: #cccccc;
			border-left:1px solid #ffffff;
			color:#004B85;
			padding-top:6px;
		  }
		  
		  
/*	-------------------------------------------------------------
	7. SEARCH
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #Search {
          	height: 30px;
			width:960px;
			position:relative;
			left:50%;
			margin-left:-480px;
			margin-top:3px;
          	min-height: 30px;
			overflow:hidden;
          }
          #Search ul {
          	margin: 0;
          	padding: 0;
			width:100%;
          	list-style: none;
			background:#A0D0E6;						
			height: 30px;
			float:left;
          }	  
		  #Search ul li{
		  	float:left;

		  }
		  #Search ul a{
		    display: block;
			float:left;
			padding:0.4em 0.2em;
            font:bolder 1.2em  Verdana;
			text-decoration:none;
		  	color:#004B85;
		  }
		  #Search ul a:focus, #Search ul a:hover{
			text-decoration:underline;
			color:#FF3300;
			outline: none;			
		  }
		  #Search ul .searchform{
		  	height:30px;
			border-left:1px solid #ffffff;
			border-right:1px solid #ffffff;
			padding:0.3em;
		  	background:url(081205_7.gif) repeat-x;
		  }
		  #Search ul .searchform2{
		  	height:30px;
			border-left:1px solid #ffffff;
			padding:0.3em;
		  }
		  #Search ul .artS{
            font:bolder 1.2em  Verdana;
			padding:0.4em 0.4em;
		  	color:#004B85;				  	
		  }
		  #Search ul .ClickLet{
            font:1em  Trebuchet MS, Arial, sans-serif;
			padding:0.4em 0em;
		  	color:#004B85;
			padding-top:6px;
		  }
		  
		  
/*	-------------------------------------------------------------
	8. Gallery Exhibition Information Recommend 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
          #leftcol h2,#rightcol h2,#rightCommment h2{
		  	margin:0;
			padding:0;
			background:#999999;
            font:bolder 1.1em Trebuchet MS, Arial, sans-serif;
			height:25px;
			line-height:25px;
          }	
		 #leftcol h2 a,#rightcol h2 a,#rightCommment h2 a{
		  	display:block;	
		  	color:#FFFFFF;
			text-decoration:none;
			text-indent:20px;
			-moz-border-radius: 10px;
		  	-webkit-border-radius : 10px;
		  }
		  
		#leftcol h2 a:focus,#leftcol h2 a:active,#leftcol h2 a:hover,#rightcol h2 a:focus,#rightcol h2 a:active,#rightcol h2 a:hover,#rightCommment h2 a:focus,#rightCommment h2 a:active,#rightCommment h2 a:hover{
			background-color: #5a5a5a;
			color:#ffffff;
			outline: none;
		  }
		  #leftcol ul,#rightcol ul,#rightCommment ul{
		  	margin:0;
			padding:3px 0px;
			list-style:none;
			color:#000;
          }
		   #leftcol ul a,#rightcol ul a,#rightCommment ul a{
		  	color:#000;
			text-decoration:none			
          }		  	
		  #leftcol ul a:link,#rightcol ul a:link,#rightCommment ul a:link{
		  	color:#000;
			text-decoration:none			
          }
		  #leftcol ul a:hover,#rightcol ul a:hover,#rightCommment ul a:hover{
		  	color:#666;
			text-decoration:underline;			
          }
		  #leftcol img,#rightcol img,#rightCommment img{
		  	boder:1px solid #ffffff;
			padding:1px;
		  }
		  
		  
			  
/*	-------------------------------------------------------------
	9. img
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	      #maincontent img{
		  	padding:1px;
			border:10px solid #17375E;
		  }
		  #maincontent{
		    font:bolder 0.8em Trebuchet MS, Arial, sans-serif;
		  }
		  #maincontent p a{
		    color:#000;
			text-decoration:none;
		  }
		  #maincontent p a:link{
		    color:#000;
			text-decoration:none;
		  }
		  #maincontent p a:hover{
		    color:#ff0000;
			text-decoration:underline;
		  }
		  
 /*	-------------------------------------------------------------
	10. General LeftRight pages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		  #leftMainNav{
		  	width:200px;
			float:left;
		  }
		  #leftMainNav ul{
		  	margin:0;
			padding:0;
		  	display:block;
			width:200px;
			line-height:30px;
			color:#000;
			text-decoration:none;
			list-style:none;

		  }
		  #leftMainNav ul a{
			display:block;
			width:200px;
			line-height:30px;
			color:#000;
			font:bolder "Times New Roman", Times, serif;
			text-decoration:none;
			border-bottom:1px dotted #17375E;
			border-left:1px dotted #17375E;
			border-right:1px dotted #17375E;
			background:#eeeeee;
			text-indent:15px;
		  }
		  #leftMainNav li.firstlist{
		  	border-top:1px dotted #17375E;
		  }
		  #leftMainNav ul a:hover, #leftMainNav ul a:actived{
		  	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#004B85,endcolorstr=#9FCFE5,gradientType=1);
			color:#fff;	
			background-color:#17375E;
		  }
		  
		  #rightContent{
		  	width:750px;
			float:right;
		  }
		  #rightContent table{
		    margin:0;
			padding:0;
		  	border-collapse:collapse;
			width:100%;
			border:1px solid #666;
		  }
		  #rightContent th,#rightContent td{
		  	padding:0.1em 1em;
		  }
		  #rightContent td a{
		  	font:bolder 0.8em  Verdana;
			color:#003366;
			text-decoration:none;
		  }
		  #rightContent td a:link{
		  	font:bolder 0.8em  Verdana;
			color:#003366;
			text-decoration:none;
		  }
		  #rightContent td a:hover{
		  	font:bolder 0.8em  Verdana;
			color:#FF6600;
			text-decoration:underline;
		  }
		  
		  #rightContent tr:hover{
		  	background-color:#3d80df;
			color:#fff;
		  }
		  #rightContent caption{
		  	font-size:1.2em;
			font-weight:bold;
			margin:1em 0;
		  }	
		  #rightContent col{
		  	border-right:1px solid #ccc;
		  }
		  #rightContent col #col6{
		  	border:none;
		  }
		  #col1{
		  	font:bolder 1em  Verdana;
		  }
		  .odd{
		  	background-color:#edf5ff;
			border-right:1px solid #ccc;
		  }
 /*	-------------------------------------------------------------
	11. footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		  #footer p{
		  	line-height:22px;
		 	color:#999999;
			font:0.9em Verdana, Arial, Helvetica, sans-serif;
		  }
		  #footer p a{
		  	color:#999999;
			text-decoration:none;
		  }
		  #footer p a:link{
		  	color:#999999;
			text-decoration:none;
		  }
		  #footer p a:hover{
		  	color:#999999;
			text-decoration:underline;
		  }
		  #footer hr {
		  	height:3px;
			color:#ccc;
		  }	  
		  		 		  
		  #footer ul{
		    margin:0;
			padding:0;
			list-style:none;
		 	float:left;
			width:960px;
			background:#E1FFFF;
		 }
		 #footer ul a{
		 	display:block;
			float:left;
		    padding:0em 1.9em;
			line-height:2em;
			text-decoration:none;
			color:#666666;
		 }
		 #footer ul a:hover{
		 	text-decoration:underline;
		 }
		 
		 #footer ul li {
			float: left;
			display: inline;
			margin: 0 12px 0 0px;
          }
		 
 /*	-------------------------------------------------------------
	12. Curpage
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		 
		  #curpage{
		  	margin:0;
			padding:0;
		  	height:20px;
		  }
		  #curpage a{
		  	font:bolder 0.8em  Verdana;
			color:#000;
			text-decoration:none;
		  }
		  #curpage a:link{
			color:#000;
			text-decoration:none;
		  }
		  #curpage a:hover{
			color:#000;
			text-decoration:underline;
		  }
		  
 /*	-------------------------------------------------------------
		13. homePageLeft
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		  #homePageLeft{
		  	width:200px;
			float:left;
		  }
		  #homePageLeft ul{
		  	margin:0;
			padding:0;
		  	display:block;
			width:200px;
			height:30px;
			line-height:30px;
			color:#000;
			text-decoration:none;
			list-style:none;

		  }
		  #homePageLeft ul a{
			display:block;
			width:200px;
			height:30px;
			line-height:30px;
			color:#000;
			font:bolder "Times New Roman", Times, serif;
			text-decoration:none;
			border-bottom:1px dotted #333333;
			border-left:1px dotted #333333;
			border-right:1px dotted #333333;
			background:#dddddd;
			text-indent:15px;
		  }
		  #homePageLeft li.firstlist{
		  	border-top:1px dotted #333333;
		  }
		  #homePageLeft ul a:hover, #homePageLeft ul a:actived{
		  	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#333333,endcolorstr=#dddddd,gradientType=1);
			color:#fff;	
			background-color:#333333;
		  }	
		  
 /*	-------------------------------------------------------------
		14. homePageContent
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		  
		  #homePageContent{
		  	width:740px;
			float:right;
			color:#FF3300;
		  }
		  #homePageContent_left{
		  	width:400px;
			float:left;		  
		  }
		  #homePageContent_left h1{
		  	font:bolder 2em Arial, Helvetica, sans-serif;
			margin-bottom:10px;				
		  }
		  #homePageContent_left p{
		  	font:0.9em Verdana, Arial, Helvetica, sans-serif;
			line-height:20px;
			color:#000000;
			margin-bottom:10px;
		  }
		  #homePageContent_left p a{
		  	color:#000000;
			text-decoration:none;
		  }
		  #homePageContent_left p a:visited,#homePageContent_left p a:link {
		  	color:#000000;
			text-decoration:none;
		  }
		  #homePageContent_left p a:hover,#homePageContent_left p a:active{
		  	color:#006666;
			text-decoration:underline;
		  }
		  #homePageContent_left hr{
		  	height:1px;
			color:#ccc;
			margin-bottom:10px;
		  }
		  
		  #homePageContent_left img{
		  	padding:1px;
			border:3px solid #17375E;
		  }
		  
		  #homePageContent_left table{
		    margin:0;
			padding:0;
		  	border-collapse:collapse;
			width:100%;
		  }
		  #homePageContent_left th,#homePageContent_left td{
		  	padding:0.1em 1em;
			text-align:center;
		  }
		  #homePageContent_left td a{
		  	font:bolder 0.8em  Verdana;
			color:#003366;
			text-decoration:none;
		  }
		  #homePageContent_left td a:link{
		  	font:bolder 0.8em  Verdana;
			color:#003366;
			text-decoration:none;
		  }
		  #homePageContent_left td a:hover{
		  	font:bolder 0.8em  Verdana;
			color:#FF6600;
			text-decoration:underline;
		  }
		  #homePageContent_left col{
		  	border-right:1px solid #ccc;
		  }

		  
		  
 /*	-------------------------------------------------------------
		15. aticle
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		  #article {
		  	margin:0 auto;
			padding:0;
			width:960px;
		  	color:#000;
		  }
		  #article_left {
			width:650px;
			float:left;
		  }
		  /*#article_left img{
		  	padding:1px;
			border:3px solid #17375E;
		  }*/
		  #article_left h1{
		  	text-align:center;
		  	padding-top:20px;
		  	font:bolder 2em Arial, Helvetica, sans-serif;
			margin-bottom:10px;
		  }
		  #article_left p{
			font:1em Arial, Helvetica, sans-serif;
			line-height:20px;
			color:#666;
		  }
		  #article_left p a{
		  	color:#666;
			text-decoration:underline;
		  }
		  #article_left p a:link{
		  	color:#666;
			text-decoration:underline;
		  }
		  #article_left p a:hover{
		  	color:#000;
			text-decoration:none;
		  }
		  
 /*	-------------------------------------------------------------
		16. picarticle
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		  #picarticle {
		  	margin:0 auto;
			padding:0;
			width:960px;
		  	color:#000;
		  }
		  #picarticle_left {
			width:650px;
			float:left;
		  }
		  #picarticle_left img{
		  	margin-top:20px;
		  	padding:1px;
			border:5px solid #17375E;
		  }
		  #picarticle_left h1{
			font:1em Arial, Helvetica, sans-serif;
			line-height:20px;
			color:#666;
		  }
		  #picarticle_left p{
		  	text-align:center;
			font:1em Arial, Helvetica, sans-serif;
			line-height:20px;
			color:#666;
		  }
		  #picarticle_left p a{
		  	color:#666;
			text-decoration:underline;
		  }
		  #picarticle_left p a:link{
		  	color:#666;
			text-decoration:underline;
		  }
		  #picarticle_left p a:hover{
		  	color:#000;
			text-decoration:none;
		  }		  
		  
 /*	-------------------------------------------------------------
		17. aticleList
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		  #articlelist {
		  	margin:0 auto;
			padding:0;
			width:960px;
		  }
		  #articlelist_left {
			width:650px;
			float:left;
		  }
		  #articlelist_left ul{
		  	margin:0;
			padding:0;
			list-style:none;
			text-indent:10px;
		  }
		  #articlelist_left li{
		  	margin:0;
			padding:0;
		  }		  			
		  #articlelist_left ul a{
			color:#000;
			font:"Times New Roman", Times, serif;
			text-decoration:none;
		  }
		  #articlelist_left ul a:hover, #articlelist_left ul a:actived{
			color:#fff;	
			background-color:#17375E;
		  }
		  #articlelist_left p{
		  	margin:0;
		  	padding:2px;
			font:1em Arial, Helvetica, sans-serif;
			color:#666;
			text-align:left;
		  }
		  #articlelist_left p a{
		  	color:#666;
			text-decoration:underline;
		  }
		  #articlelist_left p a:link{
		  	color:#666;
			text-decoration:underline;
		  }
		  #articlelist_left p a:hover{
		  	color:#666;
			text-decoration:none;
		  }	  
			 
 /*	-------------------------------------------------------------
		18. picList
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		  #piclist {
		  	margin:0 auto;
			padding:0;
			width:960px;
		  }
		  #piclist_left{
		  	width:650px;
			float:left;
		  }
		  #piclist_left table{
		  	margin:0;
			padding:0;
			border-collapse:collapse;
			width:100%;
		  }		  			
		  #piclist_left img{
		  	margin-top:10px;
		  	padding:1px;
			border:3px solid #17375E;
		  }		  
		  #piclist_left td{
		  	padding:0.1em 1em;
			width:25%;
		  }	
		  #piclist_left .td_left{
			width:10%;
		  }
		  #piclist_left .td_right{
			width:90%;
		  }		
		  #piclist_left td a{
		  	font:bolder 0.8em  Verdana;
			color:#003366;
			text-decoration:none;
		  }	
		  #piclist_left td a:link{
		  	font:bolder 0.8em  Verdana;
			color:#003366;
			text-decoration:none;
		  }	
		  #piclist_left td a:hover{
			color:#ff0000;
			text-decoration:underline;
		  }	
		  
 /*	-------------------------------------------------------------
		19. Hall
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		  #hall {
			width:750px;
			float:right;
			margin:0;
			padding:0;			
		  }
		  #hall_left{
		  	width:440px;
			float:left;
			margin:0;
			padding:0;	
		  }	
	  
		  #hall_right{
		  	width:300px;
			float:right;
			margin:0;
			padding:0;	
		  }				  
		  #hall_left table,#hall_right table{
		  	margin:0;
			padding:0;
			border-collapse:collapse;
			width:100%;
		  }	
		  	  			
		  #hall_left img,#hall_right img{
		  	margin-top:2px;
		  	padding:1px;
			border:3px solid #17375E;
		  }	
		  
		  
		  #hall_left td,#hall_right td{
		  	padding:0.1em 1em;
			padding:9px 1em;
			border-bottom:1px dotted #003366;
		  }	
		  
		  #hall_left td a,#hall_right td a{
		  	font:bolder 0.8em  Verdana;
			color:#003366;
			text-decoration:none;
			
		  }	
		  #hall_left td a:link,#hall_right td a:link{
		  	font:bolder 0.8em  Verdana;
			color:#003366;
			text-decoration:none;
		  }	
		  #hall_left td a:hover,#hall_right td a:hover{
			color:#ff0000;
			text-decoration:underline;
		  }	
		  
 /*	-------------------------------------------------------------
		20. rightCommment
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
		  #rightCommment{
		  	width:290px;
			height:500px;
			float:right;
			background:#CCCCCC;
			padding:3px;
			margin:0;
		  }