@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body {background-color:#ffffff; font-family: Arial, Helvetica, sans-serif, Verdana;	font-size: small; color: #000000; font-weight: normal; line-height: 1.4;
}

h1 { color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: x-large; font-weight: normal; line-height: normal;margin-bottom:12px;}
h2 { color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: large; font-weight: normal; line-height: normal; margin-bottom:12px;}
h3 { color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold; font-size: medium;  line-height: normal;margin-bottom:12px;}
h4 { color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold; font-size: small;  line-height: normal;margin-bottom:12px;}

.heading1 { color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: x-large; font-weight:  normal; line-height: normal;}
.heading2 { color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: large; font-weight: normal ; line-height: normal;}
.heading3 { color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight: bold; font-size: medium ; line-height: normal;}
.heading4 { color: #000000; font-family: Arial, Helvetica, safns-serif, Verdana; font-weight: bold; font-size: small; line-height: normal;}

p { font-family: Arial, Helvetica, sans-serif, Verdana;	font-size: small; color: #2f2f2f; font-weight: normal; line-height: 1.4; margin-bottom:8px;}
ol { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: small; color: #000000; font-weight: normal; line-height: normal;}
ul { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: small; color: #000000; font-weight: normal; line-height: normal;}
li { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: small; color: #000000; font-weight: normal; line-height: 1.4;}
td { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: small; color: #000000; font-weight: normal; line-height: normal;}
th { font-family: Arial, Helvetica, sans-serif, Verdana; font-size: small; color: #000000; font-weight: bold; line-height: normal;}

a:link { color: #dc5600; text-decoration: none}
a:visited { color: #CC0000; text-decoration: none}
a:hover { color: #dc5600; text-decoration: underline}

.ul_style1{
	padding-left:22px;
}

.cleaner {clear:both;height:1px; margin:0; padding:0; } 

#wrapper
{
	margin:0 auto; 
	width:826px;
	text-align:left;
}
.container
{
	margin-top:60px;
	width:auto;
	text-align:left;
}

#header
{
	margin-top:60px;
}

/*
The a element (which is usually an inline element) gets changed to a block element
so that it can easily be positioned.
*/
#logo /* <a href-"index.html" id="logo" */
{
	background:url(../images/logo.png) no-repeat;
	display:block;
	position:relative;
	top:6px;
	float:left;
	width:245px;
	height:40px;
}

#main-menu{
	float:left;
	margin-top:12px;
	margin-left:240px;
	width:460px;
	position:static;
	display:inline;
}

#main-menu li
{
	float:left;
	margin: 0;
	padding:0;
	height:23px;
	list-style:none;
	line-height:1em;
	font-weight:bolder;
	font-family:
	"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;


}
/*
The over and active state get handled here.
Notice the use of negative pixels? This is the advantage of CSS sprites.
Instead of using two images to achieve the effect, we just use one and move it.
*/

#main-menu li:hover a
{ 
	color:#000000;
	text-decoration:none;
}
#main-menu li.active a
{ 
	color:#000000;
	text-decoration:none;
}
#main-menu li a
{
	display:block;
	padding:4px 6px 5px 6px;
	color:#6b6b6b;
	text-decoration:none;
	vertical-align:middle;
}

#search
{
	float:right;
	margin:0;
	padding:0;
	margin-top:12px;
	padding-top:4px;
	display:inline;
	line-height:1em;
	padding-bottom:5px;
	font-size:13px;

}
#search a
{
	text-decoration:none;
	color:#dc5600;
	font-size:small;
	vertical-align:middle;
}
#search a:hover{
	text-decoration:underline;
}
#breadcrumb {
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
margin-bottom:20px;
width: 75%;
float: left;	
padding-top:0px;
padding-right:10px;
color: #000000;		
height: auto;

}
#breadcrumb ul{
	padding: 0px;
margin:	0px;
list-style-type: none;
}

#breadcrumb li{
display: inline;
font-size:12px;
}
	
#breadcrumb a:link, a:visited {
	color:#dc5600;
}

#breadcrumb a:hover {
}
#leftside{
	float:left;
	width:215px;;
	margin:0;
	padding-top:0;
	padding-right:6px;
	padding-bottom:6px;
	display:inline;
}
#leftside h3{
	color:#dc5600;
}
#leftside p{
	line-height:18px;
}
#slideshow{
	float:right;
	width:584px;
	display:inline;
	margin:0;
	padding-bottom:6px;
}
#leftnav{
	float:left;
	display:inline;
	width:215px;
	margin-left:-10px;
	margin-top:20px;
	background-image:url(../images/navbg.jpg);
	background-repeat:no-repeat;
	height:280px;
	index:999999;
}
#leftnav ul{
	margin:0;
	padding:0;
	list-style:none;
	margin-top:30px;
	margin-left:40px;
	float:left;
	font-weight: normal;
}
#leftnav li{
	color:#ffffff;
	line-height:1.8em;
	font-size:15px;
	font-family:
	"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-stretch:ultra-condensed;
}
/*#leftnav li.active a
{ 
	color:#000000;
	text-decoration:none;
}*/
#leftnav li:hover a
{ 
	color:#000000;
	text-decoration:none;
}
#leftnav li a
{	
color:#ffffff;
	text-decoration:none;
}
#about li.about a, #history li.history a, #staff li.staff a, #vacant li.vacant a, #donate li.donate a, #your_visit li.your_visit a,
#studio li.studio a, #techiniques li.techniques a, #services li.services a, #glossary li.glossary a,
#gallery li.gallery a, #webcam li.webcam a, #map_region li.map_region a, #buy li.buy a, #caring_print li.caring_print a, #archive li.archive a, #wholesale li.wholesale a, #copyright li.copyright a,
#news li.news a, #news_archive li.news_archive a, #media_archive li.media_archive a, #video li.video a, #feature_print li.feature_print a,
#links li.links a,
#partners li.partners a,
#contact_us li.contact_us a,
#exhibitions li.exhibitions a, #current_exhi li.current_exhi a, #future_exhi li.future_exhi a, #past_exhi li.past_exhi a
{
	color:#000000;
	text-decoration:none;
}

#content{
	margin:0;
	margin-top:20px;
	padding-left:30px;
	float:right;
	width:584px;
	display:inline;
}
#content h3{
	color:#dc5600;
	padding-top:0px;
}
#content h4.img{
	color:#dc5600;
	padding-top:20px;
}
#content table p{
	font-size:13px;
}
#content table td{
	padding:6px;
	font-size:13px;
}
ul#lists{
	padding-left:30px;
	padding-top:20px;
}
#leftcol{
	width:48%;
	display:inline;
	float:left;
}
#rightcol{
	width:48%;
	display:inline;
	float:right;
}
#exhi_leftcol{
	background-color:#dadada;
	width:46%;
	display:inline;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
#exhi_leftcol h1, #exhi_leftcol h2, #exhi_leftcol p{
	color:#5d5d5d;
}
#exhi_rightcol{
	width:259px;;
	display:inline;
	float:right;
}
#exhi_rightcol table td{
	padding:0;
}
.future_exhi_lefttd{
	background-color:#dadada;
	padding:20px !important;
	
}

.h1_style3{
	font-size:x-large !important;
	color:#5d5d5d;
}
.h2_style3 {
	font-size:large !important;
	color:#5d5d5d;
}
.p_style3{
	font-size:small !important;
	color:#5d5d5d;
}
.future_exhi_righttd{
	vertical-align:top;
	padding-top:0 !important;
	padding-right:0 !important;
}
.clearbg{
	background-color:#ffffff;
}
.float-left {
	float:left;
	margin-right:15px;
	clear:left;
}
.float-right {
	float:right;
	margin-left:8px;
	clear:right;
}

img {
	border:0;
}
.imglist{
	padding-top:10px;
	padding-bottom:20px;
}
.styly1{
	color:#dc5600;
}
.style2{
	color:#2f2f2f;
	font-size:14px;
}
/* FOOTER STYLES */

#footer { margin:6px 0 30px 0; padding: 3px 0 3px 0; background-color: #ffffff; text-align: center;}

#footer p { font-family: Arial, Helvetica, sans-serif, Verdana; color: #2f2f2f; font-size:11px;}

#footer a:link, #footer a:visited { font-family: Arial, Helvetica, sans-serif, Verdana; color: #dc5500; background-color: transparent; font-size: 11px;}

#footer a:hover { font-family: Arial, Helvetica, sans-serif, Verdana; color: #dc5500; background-color: transparent; text-decoration: underline; font-size:11px;}

#footer ul { font-family: Arial, Helvetica, sans-serif, Verdana; color: #FFFFFF; text-decoration: none; font-size: 11px; list-style: none; margin: 2px;}

#footer li { font-family: Arial, Helvetica, sans-serif, Verdana; color: #FFFFFF; text-decoration: none; font-size: 11px; display: inline;}
 
#footer li a:link, #footer li a:visited { font-family: Arial, Helvetica, sans-serif, Verdana; color: #000000; background-color: transparent; font-size: 11px;}

#footer li a:hover { font-family: Arial, Helvetica, sans-serif, Verdana; color: #CC0000; background-color: transparent; text-decoration: underline; font-size:12px;}

#footerleftside{
	float:left;
	width:70%;
	display:inline;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
}
#footerrightside{
	float:right;
	width:28%;
	display:inline;
	padding-top:10px;
}

#past_exhi_profile h3{
	color:#990000;
}

.liststyle1{
	padding-left:20px;
}

#titlestyle{
	margin-top:10px; 
	margin-bottom:0px;
}