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

/***************** Main **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{ font-size:.8em; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color:#090909; background:url(../images/body-bg.jpg) repeat-y center bottom #0f1444;}
#white {background:url(../images/drop-shadow.jpg) repeat-x #fff 0 140px; margin:0; padding:0;}
#header { width:100%; background:url(../images/header-bg.jpg) repeat-x; height:140px; position:relative;}
#headercenter {width:1010px; margin:0 auto; position:relative;}
#header h1 a {display:block; background:url(../images/header-logo.gif) no-repeat; width:688px; height:150px; position:absolute; top:0; z-index:85;}
#container{margin:0 auto 0 auto; width:941px; position:relative; text-align:left; background:url(../images/container-bg.jpg) repeat-y #fff;}/*centers main content*/
#contentshadow {background:url(../images/content-wrapper-bg.gif) no-repeat; height:10px;}
#contentwrapper{ margin:0; padding:0px 18px 0 15px; margin-top:60px;}
#tile {background:url(../images/tiled-border.jpg) repeat-x; height:29px;}
#content{width:875px; padding:10px 0 10px 20px; color:#090909; float:left;}
#minheight {height:350px; width:1px; float:right;}/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/
.topsentence{font-size:.8em; color:#85b3d6; text-align:left; margin-top:3px; position:absolute; z-index:86; top:0; left:0;}
.clear {clear:both;}
.hidden {position:absolute; left:-9999px;}
/***************** Headers *****************/
h1 {font-size: 1.8em; font-weight:bold; color:#000;}
h2 {font-size: 3em; color:#40a1a2; font-weight:lighter;}
h3 {font-size: 1.6em; color:#000; font-weight:lighter;}

h2.tagline {background:url(../images/tagline.gif) no-repeat bottom; width:611px; height:37px; padding:30px 0 0 0;}
#mail {background:url(../images/btn-mailing-list.jpg); float:right; width:224px; height:72px;}
#mail a {display:block; width:224px; height:72px;}
#mail a:hover {background:url(../images/btn-mailing-list-over.jpg) no-repeat;}
/***************** Basic Links *****************/
#content a:link, #content  a:visited{color:#d31bd5; text-decoration:none;}
#content a:hover{color:#d31bd5; text-decoration:underline;}
#content a:active, #content a:focus{outline:none;}
/***************** Basic Content Styles *****************/
#content p {line-height:1.6em; padding:4px 0 8px 0;}
#content ul, #content ol {padding:4px 0 8px 30px;}
#content ul li,#content ol li {padding:3px;}
#content .artists ul {padding:0px;}
#content .artists ul li {float:left; margin:10px 10px 0 0; padding:6px; text-align:center; list-style:none; text-align:center; width:195px;}
#content .artists ul li img {border:2px solid #000;}
#content .artists ul.row {clear:both;}
#content .artists ul.row h3 {padding:0; margin:0;}
/***************** Menu *****************/
/*style containing menu div*/
#menu {height:auto; padding:0; position:absolute; z-index:85; top:20px; left:25px;}
/*style first tier ul, li, a - if you do not redefine these styles later in CSS they will apply to all tiers within the navigation*/
#menu ul {margin:0; padding: 0;}
#menu ul li {position:relative; list-style:none; margin:0; padding:0; float:left;  }
#menu ul a:hover {}
#menu ul li a {display:block; height:46px; margin:0; padding:0;}
#menu ul li#navhome{ background:url(../images/nav-item-home.gif) no-repeat;}
#menu ul li#navhome a{ width:123px;}
#menu ul li#navhome a:hover{background:url(../images/nav-item-home-over.gif) no-repeat;}
#menu ul li#navabout{ background:url(../images/nav-item-about.gif) no-repeat;}
#menu ul li#navabout a{ width:118px;}
#menu ul li#navabout a:hover{background:url(../images/nav-item-about-over.gif) no-repeat;}
#menu ul li#navnews{ background:url(../images/nav-item-news.gif) no-repeat;}
#menu ul li#navnews a{ width:142px;}
#menu ul li#navnews a:hover{ background:url(../images/nav-item-news-over.gif) no-repeat;}
#menu ul li#navpaintings{ background:url(../images/nav-item-paintings.gif) no-repeat;}
#menu ul li#navpaintings a{ width:133px;}
#menu ul li#navpaintings a:hover{background:url(../images/nav-item-paintings-over.gif) no-repeat;}
#menu ul li#navceramics{ background:url(../images/nav-item-ceramics.gif) no-repeat;}
#menu ul li#navceramics a{ width:111px;}
#menu ul li#navceramics a:hover{background:url(../images/nav-item-ceramics-over.gif) no-repeat;}
#menu ul li#navother{ background:url(../images/nav-item-other.gif) no-repeat;}
#menu ul li#navother a{ width:153px;}
#menu ul li#navother a:hover{background:url(../images/nav-item-other-over.gif) no-repeat;}
#menu ul li#navcontact{ background:url(../images/nav-item-contact.gif) no-repeat;}
#menu ul li#navcontact a{ width:105px;}
#menu ul li#navcontact a:hover{background:url(../images/nav-item-contact-over.gif) no-repeat;}


/***************** Footer *****************/

#footer {width:941px; height:117px; margin:0 auto;}
#footer ul {display:block; margin:5px auto 0pt; padding:0pt; width:900px; text-align:right;}
#footer ul li { display:inline; font-size:0.75em; list-style-image:none; list-style-position:outside; color:#FFF;
list-style-type:none;}
#footer ul li a:link, #footer ul li a:visited{color:#fff; text-decoration:none; padding:0 10px 0 8px;}
#footer ul li a:hover{color:#585e7b; text-decoration:underline;}
#footer ul li.copyright {background-image:none; float:left; padding:0pt;}
#footer ul li.footerHome {background-image:none;}

/***************** Credit *****************/ 
#credit {clear:both; font-size:0.7em; padding:70px 0pt 20px; text-align:center;}
#credit a:link, #credit a:visited {color:#fff; text-decoration:none;}
#credit a:hover {color:#585e7b; text-decoration:none;}

.imgright {float:right; margin:0 0 10px 10px; border:2px solid #000; clear:right;}

table td {vertical-align:top; padding:3px;}

table tr.inputsize input, table tr.inputsize textarea  {width:350px;}
.important {color:#40a1a2;}
table td.middle {vertical-align:middle;}

.eventHead
{
	font-size: 1.2em;
	font-weight: bold;
}

table.eventAdminList
{
	border-collapse: collapse;
}

table.eventAdminList td, table.eventAdminList th
{
	border: 1px solid #cccccc;
	padding: 3px;
}
.eventHead {font-size: 2em; color:#000; font-weight:lighter;}
.blue {color:#40a1a2; font-weight:bold;}