﻿html {
overflow-y: scroll;
}
  
body {
margin:0;
padding:0;
line-height: 18px;
background-color: #e5e5e5;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: .81em;
color: #666666;
text-align:center;
		}

.results 
{
	margin:0; padding: 0;
	color: #990000;
}



a, a:link, a:link.results, a.results 
{
	text-decoration: none;
	color: #990000;
	outline: none;
}

a:active,  a:active.results 
{
	text-decoration: none;
	color: #990000;
		outline: none;
}

a:visited, a:visited.results 
{
	text-decoration: none;
	color: #990000;
		outline: none;
}

a:hover,  a:hover.results 
{
	text-decoration: none;
	color: #666666;
}
		
#content
{
margin-left: auto; 
margin-right: auto; 
text-align: left; 
width: 930px;
}

	#header {

height: 150px; /*Height of top section*/
padding: 0px;
margin:0;
}

#second_header
{
background: #fff;
height: 20px; /*Height of top section*/
padding: 2px 5px 10px 8px; 
margin: 5px 0;
}
		
	#footer 
	{
		margin:5px 0; 
		padding:5px;
		background: #fff;
		color: #666;
		height: 50px;
		}
	#main1 {
		margin:0; padding:0;
		background:#fff url('../images/mid_bg.gif') top left repeat-y; /* middle col color plus left col bkgd image*/
		}
 
	#sidecol {
		float:left;
		width:280px;
		margin:0; padding:0;
 
		font-size:80%;
		}
	
	#maincol {
		margin:0 0 0 280px;
		/* background:#E7B3FF;*/
		font-size:80%;
		padding: 10px 0 0 5px; 
		}
	.column-in {
		margin:0; padding:0.5em 1em;
		}
		
	#maincol .column-in {
		margin:0; padding: 0;
		}
		
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		
	h1,h2,h3,h4 {margin: 0.2em 0 }
	p { margin: 0.5em 0 }
	em {color: #666}
h2
{
 color: #d00001;
 font-size: 130%;   
}

h3
{
 font-size: 120%;   
}

#maincol h4
{
 font-size: 110%;   
}

#exhibition	h3
{
 color: #d00001;
 font-size: 110%;   
}	
	.copy { text-align:center; font-size:85% }
	
	
 /*-------------search elements------------*/
 .search
{
	float: left;
	text-align: left;
	height: 20px;	
}

.search form input
{
	margin: 0;
	/*padding: 6px 0 0 5px;*/
	float: left;

}

    #status
	{
    	/* width:50%; */
    	/* padding:10px; */
    	/* height:42px; */
    	outline:none;
    }
    .focusField{
		background:#fff;
		color: #999;
		border: 0px solid #ccc;

		font-size: 120%;

	margin: 0;
	padding: 0;
    }
    .idleField{
		background:#fff;
		color: #999;
		border: 0px solid #ccc;

		font-size: 120%;

	margin: 0;
	padding: 0;
    }

/*-------------thumbnail-----------------------*/    

.thumbs table  td /****** remove the white space at the bottom of the table cells ******/
{
border-style: none; 
line-height:0px; 
border-color: #000000; 
border-spacing: 0px;
padding: 0px; 
border-spacing: 0px; 
border-collapse:collapse;
}

.thumbnail 
{
width: 120px; 
height: 80px; 
border: 1px solid #ccc; 
text-align: center;
}

.nothumbnail
{  
 width: 120px;  
 border: 1px solid #ccc; 
 padding: 0; 
 display: table; 
 height: 80px;  
 position: relative; 
 overflow: hidden;   
}



.nothumbnail div
{
width: 120px;
top: 50%;
display: table-cell; 
vertical-align: middle;

} 

.nothumbnail div div
{
position: relative; 
top: -50%;
padding: 3px;
} 

.showpics
{
font-size: -0.8em; /*removes the space below the thumbnails*/
line-height: 0;
}

/*-----------------exhibit page------------------*/
.links
{
 padding: 3px; 
 background: #999; 
 width: 200px; 
 margin: 2px 0; 
 color: #fff; 
 font-weight: bold;
 cursor:pointer;  
}

#exhibit
{
width: 630px;
}

#exhibition
{
float: left; 
/*width: 240px;*/ 
padding: 0 10px 0 0; 
}

#picture
{
text-align:center; 
padding: 0; 
/*margin: 0 0 0 250px;*/  
/*width: 360px;*/
float: right;  
/*height: 240px;*/
}

.noimage
{  
 width: 360px;
 height: 240px;  
 border: 1px solid #ccc; 
 padding: 0; 
 display: table; 
 position: relative; 
 overflow: hidden;
 background: #eee;

}
.noimage div
{
position: absolute; 
top: 50%;
display: table-cell; 
vertical-align: middle;

} 

.noimage div div
{
position: relative; 
top: -50%;
width: 260px;
text-align: center;


} 
/* ]]> */
