@import url("css/variations/stylesheetwidget.css");
@import url("css/menu.css");
/* CSS Document */

/*---------------------------------------default--------------------------------------*/
/* ControlPanel style */
.ControlPanel
{
    background: transparent url(images/cpanel_center.png) repeat-x bottom left;
    border: none;
    padding-bottom: 10px;
}
.cpanel_left
{
    background: url(images/cpanel_left.png) no-repeat bottom left;
    padding-left: 21px;
}
.cpanel_right
{
    background: url(images/cpanel_right.png) no-repeat bottom right;
    padding-right: 33px;
}



body,p {margin:0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:9px; line-height: 18px; color:#000000;}

div, h2, h3, h4, p, form, label, input, textarea, img, span, table, td {margin: 0;padding: 0;}

table {font: normal 9px Verdana, Arial, Helvetica, sans-serif;border-collapse: collapse;}

ul{margin: 0;padding: 0;list-style-type: none;font-size: 0;line-height: 0;}

a:link {color:#999999; text-decoration:none;}
a:visited {color:#999999;text-decoration:none;}
a:hover {color: #000000;  text-decoration:underline;}
a:active  {color:#999999; text-decoration: none;}

h1{ font-size: 10px;color: #333333; margin-bottom: 6px; margin-top: 2px; line-height: 14px; font-weight: bold;}

/*---------------------------------------start--------------------------------------*/

.centered_div {width: 1024px; margin-top: 5%; margin-bottom: 10%; margin-left: auto; margin-right: auto; padding: 0px;border: 0px; vertical-align: middle;}

.logo { width: 1024px; height: 0px;}

#current2 { color: #000000; z-index: 10; text-decoration: underline; }
#current {  color: #000000; z-index: 10;}

/*---------------------------right menu-----------------*/

.rightmenu {width: 512px; height: 20px; margin-left: 0px; padding-bottom:10px;}
.rightmenu ul li.noBdr{border: none;}

/* remove all the bullets, borders and padding from the default list styling */
.rightmenu ul{list-style-type: none; margin-left: 0px; height: 30px;}

/* style the sub-level lists */
.rightmenu ul ul{ width: auto; margin-left: 0px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.rightmenu ul li{ float: right;}

/* style the links for the top level */
.rightmenu a, .rightmenu a:visited{ display: block; float: left; height: 100%; font-size:11px; text-decoration: none; color: #999999;  line-height: 18px;}
.rightmenu a.current { color: #000000;z-index: 10;}

.rightmenu li:hover { position: relative;}
.rightmenu li {padding-left: 10px;}

/* style the level hovers */
/* first */
.rightmenu a:hover{color: #000000;}
.rightmenu :hover > a {color: #000000;}
/* second */
.rightmenu ul ul li a:hover {color: #000000;}
.rightmenu ul ul li :hover > a { color: #000000;}


/*.index p {margin-left: 60px;line-height: 18px;}*/

.navigation { height:20px;}
.navigation ul{list-style: none;padding: 0;margin:0;} 
.navigation li{float: left;margin: 0 1em 0 0;} 
.navigation a.current {text-decoration: underline; color:#000000;}

/*---------------------------------------artist name--------------------------------------*/
.artistnames
{
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-left: 60px;
    color: #000000;
	font-size:9px;
    text-decoration: none;
    line-height: 25px;
}

.artistnames a{ color: #000000; line-height: 30px; }
.location { height: 200px; margin-left: 60px; color: #000000; text-decoration: none;line-height: 18px; text-align: left; }
.location h1 { font-size: 10px; color: #333333; margin-bottom: 12px; margin-top: 0px; line-height: 12px;}
/*---------------------------------------content--------------------------------------*/

.content {width: 1024px;height: 400px; background-color: #D7D7BE; }
.content{
    scrollbar-face-color: #D7D7BE;
    scrollbar-highlight-color: #D7D7BE;
    scrollbar-3dlight-color: #D7D7BE;
    scrollbar-darkshadow-color: #cccccc;
    scrollbar-shadow-color: #D7D7BE;
    scrollbar-arrow-color: #333333;
    scrollbar-track-color: #D7D7BE;
}

.content3 {width: 1024px;height: 398px; background-color: #D7D7BE; }
.content3{
    scrollbar-face-color: #D7D7BE;
    scrollbar-highlight-color: #D7D7BE;
    scrollbar-3dlight-color: #D7D7BE;
    scrollbar-darkshadow-color: #cccccc;
    scrollbar-shadow-color: #D7D7BE;
    scrollbar-arrow-color: #333333;
    scrollbar-track-color: #D7D7BE;
}

/*---------------------------------------content--------------------------------------*/

/*.rightpanel
{
    width: 300px;
    height: 290px;
    margin-left: 0px;
    background-color: #D7D7BE;
    text-decoration: none;
    color: #000000;
}

.rightpanel a { color: #999999;}*/


/* EXHIBITIONS FRAME*/

.exhibit_content2
{
    width: 420px;
    height: 220px;
    margin-left: 50px;
    background-color: #D7D7BE;
    text-decoration: none;
    color: #000000;
    overflow-x: hidden;
    overflow-y: auto;
    vertical-align: text-top;
}
.thumbs_content2
{
    width: 420px;
    height: 230px;
    margin-left: 50px;
    background-color: #D7D7BE;
    text-decoration: none;
    color: #000000;
    overflow-x: hidden;
    overflow-y: auto;
    vertical-align: text-top;
}

/*---------------------------------------div for news page,about us page (right)--------------------------------------*/

.content2 {width: 557px; height: 340px;	margin:0 auto; padding:0 20px 0 0; background-color: #D7D7BE; text-decoration: none;  color: #000000;   overflow-x: hidden; overflow-y: auto; }
.contentgallery {width: 557px; height: 320px;	margin:0 auto; padding:0 20px 0 0; background-color: #D7D7BE; text-decoration: none;  color: #000000;   overflow-x: hidden; overflow-y: auto; }


/*---------------------------------------div for events page (navi)--------------------------------------*/

.event_nav { height: 240px; float: left; margin-top: 0px; margin-left: 10px; background-color: #D7D7BE; text-decoration: none;color: #000000; vertical-align: top;}
.event_nav a.current {color: #000000;text-decoration: underline;}
/*---------------------------------------div for contactus (navi)--------------------------------------*/

.contact_nav {width: 500px; margin-top: 0px; margin-right: 0px; background-color: #D7D7BE; text-align: right; color: #000000;}
.contact_nav a {color: #999999;line-height: 25px;}
.contact_nav p{line-height: 20px; margin-left: 30px;}
.contact_nav h1 {font-size: 10px; color: #333333; margin-bottom: 10px; margin-top: 2px;line-height: 12px;}

/*---------------------------------------footer--------------------------------------*/

.footer{ text-decoration: none; color: #999999; line-height:12px;}
/*---------------------------------------div for 3 Content--------------------------------------*/
.contentleft { margin: 0px; padding: 0px; width: 430px;}
.contentright { margin: 0px; padding: 0px; width: 135px;}
.contentmiddle { margin: 0px; padding: 0px; width: 594px;}
.contentfull { margin: 0px; padding: 0px; width: 1024px;}

/*---------------------------------------Home Gallery--------------------------------------*/
.clear
{
    clear: both;
}

#gallery
{
    position : inherit;
    height: 260px;
    margin-left : 16px;
}
#gallery a
{
    float: left;
    position: absolute;
}

#gallery a img
{
    border: none;
}

#gallery a.show
{
    z-index: 500;
}

#gallery .caption
{
    z-index: 600;
    background-color: #000;
    color: #ffffff;
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

#gallery .caption .content
{
    margin: 5px;
}

#gallery .caption .content h3
{
    margin: 0;
    padding: 0;
    color: #1DCCEF;
}