* {margin:0; padding:0;}

a {
color:#333333;
text-decoration:none;
}

a:hover {
color:#333;
text-decoration:none;
}

body { 
text-align:center; 
background:#eaeae8 url(images/bggrade.jpg) repeat-x;
color:#333333;
font-size:12px;
line-height:1.4em;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

body.home { background:#c4cbb1;
}

body.home #headcontainer { background:#bdc5a7;
}

body.home #header { background:#c4cbb1;
}

body.home #syslinks { background:#c4cbb1
}

body.home #footer { background:none;
}

body.home #container { background:#d0d5c1;
border:none;
}

body.exhib { background:#c4cbb1;
}

body.exhib #headcontainer { background:#bdc5a7;
}

body.exhib #header { background:#c4cbb1;
}

body.exhib #syslinks { background:#c4cbb1
}

body.exhib #footer { background:none;
}

body.exhib #container {
border:none;
}


div#headcontainer
{
background: url(images/header.gif) repeat-x #ecece9;
}

div#header
{
width:850px;
background-color:#f8f8f7;
margin:auto;
height:120px;
}

div#container
{
background-color:#ffffff;
width:850px;
text-align:left;
margin:auto;
border-left:solid 2px #eaeae8;
border-right:solid 2px #eaeae8;
}

div#header
{text-align:left;
height:120px;
background-color:ecece9;
}

div#adress
{
float:right;
width:420px;
display:inline;
padding-top:30px;
}

p#rightborder
{
float:left;
padding-right:20px;
border-right: solid 2px #ccc;
}

p#openingtimes
{
float:left;
margin-left:10px;
}



div#nav
{
margin: 20px 30px;
float:right;
clear:both;
}

ul li 
{
display:inline;
margin: 10px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

ul li.active a
{
color:#999999;
}

ul li a
{
text-decoration:none;
color:#333333;
font-weight:bold;
}

ul li a:hover
{
color:#999999;
}

div#flashcontent
{
border:solid #e8e9e4;
text-align:center;
clear:both;
width:752px;
height:184px;
margin:auto;
z-index:-1;
padding-top:2px;
}

div#flashcontent img {
border:0;
margin:0 -2px;
padding:0;
width:148px;
position:relative;
left:1px;
height:182px;
}

div#headerImg img {
margin-left:44px;
border:2px solid #f3f3f3;
padding:1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

div#content
{
clear:both;
}

div#maincont
{
float:left;
margin:0px 40px;
padding-top:30px;
}

div#leftcont
{
float:left;
width:44%;
margin-left:47px;
padding-top:30px;
clear:left;
}

div.list ul {

padding-left:35px;
padding-top:15px;
float:left;
}

div#rightcont
{
float:right;
width:44%;
margin-right:47px;
padding-top:30px;
}

div#footer
{
text-align:center;
float:left;
background:url(images/footer.jpg) repeat-x bottom;
width:100%;
padding-top:20px;
}



div#news
{
background-color:#f8f8f7;
padding:20px;
}

div.newslist
{
border-bottom:solid 1px #ccc;
padding-bottom:5px;
margin-top:20px;
}

div.newslist p
{
line-height:16px;
}

div#map
{
text-align:center;
width:280px;
padding-left:20px;
height:250px;
position:relative;
top:20px;
right:-80px;
}

div#cont {
padding:20px 40px;
}

div#maplink
{
background-color:#e8e9e4;
padding:20px;
margin-top:20px;
}

div#syslinks
{
text-align:center;
width:100%;
float:left;
background-color:#eaeae8;
margin:auto;
padding-bottom:20px;
}

div#syslinks ul li
{
font-size:12px;
}

div.imgs {
text-align:center;
}

img.artistimg {

}

div#syslinks ul li a
{
color:#666666;
text-decoration:none;
font-weight:normal;
padding-top:5px;
}

div#syslinks ul li a:hover
{
text-decoration:none;
color:#999999;
}

/* IMAGE STYLES */

img {border: 5px solid #E8E9E4; margin:10px;}
img a {border:none;}
h1 img { margin:5px;}

img#logo
{
float:left;
margin-top:30px;
margin-left:30px;
border:none;
}

div.exbox
{
float:left;
margin-top:20px;
padding-left:20px;
width:700px;
}

div.extext
{
float:left;
}

div.eximg
{
float:right;
width:200px;
}

div.eximg img {
width:200px;
}

.exhibimg {
width:90px;
}

.exhibimg-new {
width:150px;
margin: 0px 20px 0px 20px;
}

div#ditto
{
border:none;
}


/* TEXT STYLES */
h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3F3F3F;
margin-bottom:5px;
}

h1 a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3F3F3F;
margin-bottom:5px;
text-decoration:none;
}

h1 a:hover {
color:#999999;
}


h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#3F3F3F;
padding: 10px 0;
}

h2 a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#3F3F3F;
}

h3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#3F3F3F;
padding: 10px 0;
}

h3 a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#3F3F3F;
}

p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
margin-bottom:5px;
line-height:1.4em;
}

p a
{
color:#333;
text-decoration:none;
}

p a:hover
{
text-decoration:none;
color:#999999;
}

a h3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
color:#3F3F3F;
margin-bottom:10px;
}

a:hover h3
{
text-decoration:none;
color:#999999;
}

td {
vertical-align:top;
}

div#leftcont h2 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
}