/* ----------------------------------------------
	Heide Style
    v. 06-6
	$Rev-1
------------------------------------------------- */
   
/*  Basic Settings
------------------------------------------------- */
   
html {max-width:1600px;min-width:800px; font-size:13px;} 
div, span { margin: 0; padding: 0;}
body { margin:0; padding:0; text-align: center; color:#333; background: #f1f1f1 url(/css/body.jpg) no-repeat 50% 0; font:13px/19px Arial, Verdana, sans-serif; voice-family: "\"}\""; voice-family:inherit; 	} html>body {font-size:13px;}
.clearer {clear:both;}

hr.clearer {
	clear:both;
	border: none;
}

/*  Basic Typography
------------------------------------------------- */

p  {font-size: 1em; color: #222; }
h1 {font: 2.2em/2.3em Arial, Verdana, sans-serif; color: #4b4b4b; font-weight: normal; }
h2 {font: 1.5em/1.8em  Arial, Verdana, sans-serif; color: #111; font-weight: normal; text-transform: none;  margin: 6px 0 3px 0; padding: 0;}
h3 {
	font:  1.0em/1.3em  Arial, Verdana, sans-serif;
	color: #111;
	margin: 6px px 0 3px;
	padding: 5px 0;
	text-transform:uppercase;
	font-weight: bold; 
}
h4 {font: 1.0em/1.2em  Arial, Verdana, sans-serif; color: #4b4b4b; font-weight: normal; text-transform: none;  margin: 6px 0 0 0; padding: 0;}
h4 a {display: block; }

/* Links
----------------------------------------------- */

a:link, a:visited {
  color:#437fc3;
  text-decoration:none;
  }
a:visited {
  color:#437fc3;
  }
a:hover {
  color:#0099FF;
  }
a:link img, a:visited img, a:hover img {border-width:0;}

	
/* 	Page Structure
------------------------------------------------- */
#container {
	width:800px; 
	margin:0 auto;
	text-align:left;
	position: relative; 
	}
	
  
#content {
	float: left;
		font-size:.93em;

	background: #fff url(/css/vline.gif) repeat-y 170px 0;
	border-top:1px solid #000;
}

#sidecol {
	float: left;
	width: 170px;
	min-height:500px;
	background: #fff url(/css/bg_side.jpg) repeat-x top left;

}

#maincol {
	float: left;
	width: 630px;
	padding-top: 20px
}
#left-contentcol-home {
	float:left;
	width:418px; 
}

#left-contentcol {
	float:left;
	width:418px; 
}
#right-contentcol {
	float:right;
	width:212px; 
}

div.2col_left {
	width: 45%; margin-right: 10px;
	float:left;
}

div.2col_right {
	width: 45%;
	float:left;
}

  
#footer {
	clear: both;
	border-top:1px solid #eee;
	border-bottom:1px solid #ccc;
	text-align:right;
	height: 40px;
	padding: 4px 20px;
	font-size: .84em;
	color: #777;
	background-color:white;
}

#footer a, #footer a:visited {font-size: .95em;}
	
/* 	Header
------------------------------------------------- */	

#logo {
	float: left;
	width: 170px;
	height: 106px; 
	background: #000 url("/css/logo.gif") no-repeat 0 0px;	
}
#header {
	float: right;
	width: 630px;
	height: 106px; 
	background: #000 url("/css/bg_banner.jpg") no-repeat 0 0px;	
}

#header h1 {display:none;}



/* nav
----------------------------------------------- */

#nav {
	margin: 20px 0;
	text-align: left; 
	font-size: .95em;
}

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


#nav ul li a {
	padding: 6px 6px 6px 14px; 
	line-height:1.1em; 
	text-decoration:none;
	display: block;
	width: 150px !important; width /**/:170px; 
}



#nav a:hover {background-color: #dedede; color: #000; }

#nav ul li.opened a{}

#nav ul li a.active {
	color: #000;
	background: #dedede url(/css/dash2.gif) no-repeat 0 50%;
}

#nav ul li li a {

	padding: 6px 10px 6px 30px; 
	line-height:1.1em; 
	display: block;
	width: 130px !important; width /**/:170px; 
}

#nav ul li li li a {

	padding: 6px 10px 6px 40px; 
	line-height:1.1em; 
	display: block;
	background: #fff;
	width: 120px !important; width /**/:170px; 
}

#nav ul li li li li  a {

	padding: 6px 10px 6px 50px; 
	line-height:1.1em; 
	display: block;
	background: #fff;
	width: 110px !important; width /**/:170px; 
}


#nav ul li li li a.active {
	background: #fff url(/css/dash2.gif) no-repeat 0 50%;
}

  
/* Articles
----------------------------------------------- */

#content div.article {
	padding: 0 16px 0 22px; margin: 0 0 2em 0;
	font-family: Arial, Verdana, sans-serif;
}
#content #left-contentcol-home div.article {
	padding: 0 16px 0 22px; margin: 0 0 2em 0;
	font-family: font:13px/19px Arial, Verdana, sans-serif;

}


#content div.last {border-bottom: 0;}
#content div.article h2 {color: #464d63; }
#content div.article h4.subtitle {}
#content div.preview h2 {color:red;}

#content div.articlefootnote {
	border-top: 1px solid #eee;
	margin-top: 4px;
	padding-top: 4px;
}


#content span.articledetails {
	width: 80%;
	float: right;
	text-align: right;
	font-style:italic;
	line-height:1em;
}
#content span.more {text-align: right; }
#content span.morelink {border: 0;padding: 0 10px 0 30px; margin: 0px; white-space: nowrap; background: url(/css/plus.gif) no-repeat bottom left; display: block;}
span.download {border: 0;padding: 0 10px 0 30px; margin: 0px; white-space: nowrap; background: url(/css/download.gif) no-repeat bottom left; display: block;}

div.article a:link, div.article a:visited{
	border-bottom: 1px solid #fff;
	}
div.article a:hover {	background-color:#f1f1f1;
	border-bottom: 1px solid #ddd;
	}
#content  div.article  a:hover img, a:hover img, #content  div.article a:hover img, div.article a:hover p {
	background-color: #FFFFFF;

	border-bottom: none;
	}

div.pullquote {
	font: 2em bold;
}
/* Side Feature Boxes
----------------------------------------------- */

div.featurebox {
	background: #fff;
	margin: 0; 
	padding: 0 10px;
	font-size: .93em;

}

div.featurebox h2 {
 	margin: 6px 0 0px 0;
	padding: 5px 0 5px 20px;
	font: .92em/1.8em Arial, Verdana, sans-serif; 
	font-weight: bold; 
	text-transform: uppercase;
	color: #fff;
	background: #111;
}

div.featurebox h3 {
 	margin: 1px 0 0px 0;
	padding: 1px 0 5px 0px;
	font: .92em/1.8em Arial, Verdana, sans-serif; 
	font-weight: bold; 
	text-transform: uppercase;
}


div.featurebox div.featurecontent{
	padding: 4px 20px 20px 20px;
	line-height: 1.3em;
	background: #fff url(/css/bg_featurebox.jpg) repeat-x 0 0;
}
div.featurebox div.featurecontent p{
	padding: 5px 0;
}
div.featurebox div.featurecontent p.eventdate{
	margin-top: 1em;
	padding-top: .5em;
	border-top: 1px solid #777;
}

div.featurebox div.featurecontent h3{
	border: none;
}
div.sidemap{

	padding: 4px 4px 10px 6px;
	background: #fff url(/css/bg_featurebox.jpg) repeat-x 0 0;
}

/* Search
----------------------------------------------- */

div.searchBox {
	padding: 10px;
	font-size: .93em;
	vertical-align: bottom;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.sideBox {
	
}

div.sidearticle {
	padding: 10px;
	background: #f1f1f1;
	font-size: .93em;
	vertical-align: bottom;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;

}


div.sidearticle  h2 {
	font: .92em/1.8em Arial, Verdana, sans-serif; 
	font-weight: bold; 
	text-transform: uppercase;
	padding-top: 0;
}

#Search, #submit {vertical-align: bottom;}


div.widgetBox {
	padding: 10px;
	font-size: .95em;

}

/* Images
----------------------------------------------- */

img { border: 0; }
img.f_left { float: left; border: 1px solid #333; margin: 5px 10px 15px 0px;}
img.f_right { float: right; border: 1px solid #333; margin: 5px 0px 15px 10px;}
img.f_across{ float: none; border: 1px solid #333; margin: 5px 0;}

p.figureacross { float: none;  font: .84em font-family: Arial, Verdana, sans-serif;}
p.figureacross img { margin: 5px 10px 15px 0px; border: 1px solid #333; } 
p.figureacross img.captioned { clear: both; margin: 5px 10px 0px 0px; border: 1px solid #333; }
span.figureacross p { display: block; text-align: left; 	font-style: italic;} 

p.figureleft { float: left; font: .84em font-family: Arial, Verdana, sans-serif; }
p.figureleft img { margin: 5px 10px 15px 0px; border: 1px solid #333; } 
p.figureleft img.captioned { clear: both; margin: 5px 10px 0px 0px; border: 1px solid #333; }
span.figureleft p { display: block; text-align: left; } 

p.figureright { margin: 0 0 0 20px; float: right;  font: .84em font-family: Arial, Verdana, sans-serif;}
p.figureright img { margin: 5px 0px 0px 0px; border: 1px solid #333; } 
p.figureright img.captioned { clear: both; margin: 5px 0px 0px 0px; border: 1px solid #333; }
span.figureright p { display: block; text-align: left;}

a img {border: none;}


p.smalltxt { font-size: .82em; color: #777; line-height:normal;}


/* General Typography
----------------------------------------------- */

.caption {
	
	display: block;margin: 4px 10px 25px 0px;
	color: #aaa;
	font-size: 9px; font-family: Arial,Verdana, Helvetica, sans-serif;
	line-height: 1.1em;
}

blockquote {
	font-family: Arial, Verdana, sans-serif;
	font-style:italic;
	font-size:1.1em;
	color: #777;
	}

code {
	color: #444;
	font-size: 1em;
	line-height: 1.2em;
	text-align: left;
	
	}
code strong {
	color: #000;
	}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
strike, del {
	text-decoration: line-through;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
blockquote.special {
	padding: 0 0 10px 23px;
	border-bottom: 1px solid #eee;
	}
pre {
	padding: 8px 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	background-color: #fafafa;
}
/* Lists
----------------------------------------------- */

ul.nobullets li {
	list-style-type: none;
}


/* Generic Forms */
form {
	padding: 0;
	margin: 0;
	padding-bottom: 1px;
}
fieldset {
	margin: 0;
	padding: 8px; 
	border:1px solid #ddd;
}

input, select {
	font-family: "MS Sans Serif", Verdana, Arial;
	font-size: 10px;
}

textarea{
	font-family: "MS Sans Serif", Verdana, Arial;
	font-size: 10px;
	width: 100%;
	overflow:auto;
}
label {padding-top: 8px; font-weight: normal; color:#444}

/*  -------------- Calendar  --------------  */
  
table.calendar {
	width: 192px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #ddd;
	font: normal 10px/20px Arial, Verdana, Helvetica, sans-serif;
	color: #464d63;
	text-align: center;
	background-color: #fff;
}

table.calendar caption {
	width: 192px; margin: 0; padding: 0;
	font: bold 11px/20px Arial, Verdana, Helvetica, sans-serif;
	color: #555;
	background-color: #f1f1f1;
	text-align: center;

}

table.calendar th {
	font: bold 11px/20px Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	background: #dedede;
	border-right: 1px solid #D1C7B2;
	border-bottom: 1px solid #D1C7B2;
	border-top: 1px solid #D1C7B2;
}

.today, td.today a, td.today a:link, td.today a:visited {
	font: bold 11px/20px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	background: url(/css/bg_calendar.gif) no-repeat right top;
	border: 0;
}

table.calendar td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 24px;
	height: 20px;
	text-align: center;
}

table.calendar td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	border: 0;
	background: url(/css/bg_calendar.gif) no-repeat left bottom;
}

table.calendar td a:link, table.calendar td a:visited {	
	background: url(/css/bg_calendar.gif) no-repeat;
	border: 0;
}

table.calendar td a:hover, table.calendar td a:active {
	color: #00f;
	background: url(/css/bg_calendar.gif) no-repeat right bottom;
	border: 0;
}

/* 	Collection
------------------------------------------------- */	

div.collectionImageItem {
	padding: 20px 0;
}

div.collectionImageItem img{
	padding: 10px 0;
}
.collectionItem {

	clear: both;
	padding: 20px;
	vertical-align: bottom;
}

.collectionImage {
	float: left;
	

}

.exhibitionThumb {
	float: right;
	padding: 0 0 1em 2em;
}
.collectionItemCaption {
	float: left;
	width: 415px;


}

.collectionItemDetails{
	font-family:  Arial, Verdana, sans-serif;
	line-height: 1.1em;font-size: .8125em;	color: #777;
	vertical-align: bottom;
	
}
.collectionTitle {

	font-style: italic;
}
.collectionArtist {
	font-size: 1em;
	line-height: 1em;
		font-weight: bold;

}

div.exhibitionsummary {
	padding: 0 0 1em; margin: 0 0 1em;
	border-bottom:1px solid #ccc;
}

div.exhibitionsummary h3{
	padding: 0; margin: .24em 0 .5em 0; text-transform: uppercase;
	color: #444;
}

div.exhibitionsummary h3 a:link, div.exhibitionsummary h3 a:visited{
	padding: 0; margin: 0;
	color: #437fc3;
	background-color:#fff;
	border-bottom: none;
}

div.exhibitionsummary h3 a:hover{
	padding: 0; margin: 0;
	color: #437fc3;
	background-color:#f1f1f1;

}
div.exhibitionsummary h4.subtitle{
	font: bold 1em Arial, verdana, sans-serif; letter-spacing: 1px; 
	color: #444; text-transform: uppercase;
	margin: .24em 0 .5em 0
}

div.exhibitionsummary p.eventdate { padding: 0 0 1em; margin: 0 0 1.25em; color: #444;}

/* Events
----------------------------------------------- */

div.event {

	padding: 0 0px 10px;
	margin-bottom: 10px;
	color: #4b4b4b;

}

div.eventdetails {}

h2.eventgroup{
	color: #111; 
}

p.eventdate {

	margin: 0 0 .5em;
	padding-top: 0;
	line-height: 1.2em;
	color: #666666;
}

p.eventdate span.date {
	color: #666;
	padding:4px 0;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;	
}


div.event h3{
	font-size: 1.05em;
	padding: 0; margin: 0;
	color: #000;
	background-color:#fff;

}

div.event h3 a:link, div.event h3 a:visited{
	padding: 0; margin: 0;
	color: #437fc3;
	background-color:#fff;
	border-bottom: none;
}

div.event h3 a:hover{
	padding: 0; margin: 0;
	color: #437fc3;
	background-color:#f1f1f1;
	border-bottom:  none;
}

span.eventdetailheading {color: #777; padding: 0; margin: 0; font: 11px/15px Arial, verdana, sans-serif; text-transform:none;}
p.eventdetail {margin: 0; lineheight: 1.1em;}

#breadcrumb{color: #ccc; font-size: 10px; text-align:right; padding: 4px 20px; border-top: 4px solid #eee;}
#breadcrumb a:link,  #breadcrumb a:visited{color: #aaa;}

div.mml_credit {
	padding-top: 100px;
}

/* Tables
----------------------------------------------- */

td.tableHeaderBlack {
	font-family: Arial, Verdana, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
}

td.tableHeaderGrey {
	font-family: Arial, Verdana, sans-serif;
	color: #000000;
	background-color: #999999;
	font-weight: bold;
	font-size:11px;
}
table.membershipTable td {
font-size: 12.4833px
}
/* 
comments #5AA46C    #f1f7d8
*/
#commentform {width: 99%; /* IE love */ }
div.comment { background-color:#fafafa; padding: 10px; margin: 10px 0; border: 1px solid #ddd; }
div.specialcomment { background-color:#FBFBEC; padding: 10px; margin: 10px 0; border:1px solid #ddd;}
div.comment p.commentdate, div.specialcomment p.commentdate {
	margin-top: 4px;
	padding-top: 4px;
	text-align: right;
	font-size: .9em;
	color: #aaa;
	}
div.previewcomment { background-color:#fafafa; padding: 10px; margin: 10px 0; border:1px solid #f00;}

a.morelink { 
	display:block; 
	text-align: right;
	line-height: 2em;
	background: transparent url(/css6/more.gif) no-repeat 100% 50%; 
	padding: 0 20px 0px 0; 
	margin: 0 2px 10px 0;
	border: 0; 
	white-space: nowrap; 
	}
a.toplink { 
	display:block; 
	text-align: right;
	line-height: 2em;
	background: transparent url(/css6/up.gif) no-repeat 100% 50%; 
	padding: 0 20px 0px 0; 
	margin: 0 220px 2px 0;
	border: 0; 
	white-space: nowrap; 
	}

#comment_html {
	border-top: 1px solid #abc;
	border-bottom: 1px solid #abc;
	padding: 10px 0;
	margin: 5px 0;
	background-color:#ECFFF0
}

.blogentrydetails {
	color: #777; font-style:italic;
}

.blogintro {
	padding: 0 16px 20px 22px; margin: 0 0 1em 0;
	font-family: Arial, Verdana, sans-serif;
	border-bottom: 1px solid #aaa;

}

.blogentry {
	padding: 0 16px 20px 22px; margin: 0 0 1em 0;
	font-family: Arial, Verdana, sans-serif;
	border-bottom: 1px solid #ddd;

}

.blogentry last {
border-bottom: 0;
}