body {
  background : #fff;
  margin : 0;
  padding : 0;
  color : #000;
  font : x-small/1.5em Verdana, arial, sans-serif;
  voice-family : "\"}\""; 
  voice-family : inherit;
  font-size : small;
} 

html>body {
	font-size : small;
}
 
#container {
	width: 800px;
	margin: 0 auto;
	border: 0;
	text-align: left;
	color: #333;
	position: relative;	
} 

#logo_container {
	width: 800px;
	margin: 0 auto;
	border: 0;
	text-align: left;
	color: #333;
	position: relative;	
} 
        
h2 {
	clear : both;
	color : #666;
	font-size : 1.0em;
	margin-bottom : 1em;
}

#logo h2 {
	margin : 0;
	padding : 1em;
}

#logo h1 {
	margin : 0; 
	padding : 1em;
	clear : both;	
}

h1.h2 {
	margin : 0; 
	padding : 1em;
	clear : both;
	color : #666;
	font-size : 1.0em;
}

.quote-left {
	width: 150px;
	float: left;
	margin-left: 55px;
}
 
.quote {
	width: 23em;
}

.signature { 
	font-style : italic; 
	text-align : right; 
	font-size : 0.7em;
}
		
#content {
	/* margin: 0; */
	padding : 12em 3em 2em 5.5em;
	width: 888px; /* same as exhibition1 + 20*/
	margin: 0 auto;
	border: 0;
	text-align: left;
	color: #333;
}

.logo { 
	font-family : "Century Gothic", Futura, Verdana, Arial, sans-serif;
	color : #666;	
}

.redlogo { 
	font-family : "Century Gothic", Futura, Verdana, Arial, sans-serif;
	color : red;	
}

#logo {
	width: 795px;
	margin: 0 auto;
	border: 0;
	text-align: left;
	color: #333;
	position: relative;	
} 
		
#logo, #header {
  float : left;
  width : 100%;
  background : #DAE0D2 url("../img/bg.gif") repeat-x bottom;
  font-size : 93%; 
  line-height : normal;
  z-index: 100; 
}
   
#header ul {
	margin : 0;
  padding : 10px 10px 0;
  list-style : none;
}

#header li {
	float : left;
  background : url("../img/left_both.gif") no-repeat left top;
  margin : 0;
  padding : 0 0 0 9px;
  border-bottom : 1px solid #776655;
}

#header a {
	float : left;
  display : block;
  background : url("../img/right_both.gif") no-repeat right top;
  padding : 5px 15px 4px 6px;
  text-decoration : none;
  font-weight : bold;
  color : #765;
}
    
#header > ul a {
	width : auto;
}   
   
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {
	float : none;
}
/* End IE5-Mac hack */ 
	  
#header a:hover {
	color : #333;
}

#header #current {
	background-position : 0 -150px;
  border-width : 0;    
}

#header #current a {
	background-position : 100% -150px;
  padding-bottom : 5px;
  color : #333;
}

#header li:hover, #header li:hover a {
	background-position : 0% -150px;
  color : #333;
}

#header li:hover a {
	background-position : 100% -150px;
}     
         
#subcol {       
	float : left;  
	width : 84px; 
	color : #777;           
	font-size : 85%;  
	line-height : 1.6em;                                                       
	background-repeat : no-repeat;               
	background-position : 1px 19px;                            
	margin : 0;
	padding : 4em 3em 2em 5.5em;
	background-position : 1px 13px;                 
}                                               

#subcol a {
  text-decoration : none;
  font-weight : bold;
  color : #765;	
  margin-left: 28px;
}

#subcol a:hover {
  color : #333;	
}

#main {        
	float : left;                     
	width : 505px;
	padding : 4em 3em 2em 5.5em;                
	background : #DAE0D2 repeat-x bottom;
	border-left : 0.75pt solid red;
}                                 

#main a, #footer a {
	text-decoration : none;
  	font-weight : bold;
	/* color: #251F2D; */
	color: #CC1F2D;
}

#main a:hover, #footer a {
	color: #991F2D;
}

#main a:visited, #footer a:visited {
	text-decoration : none;
  	font-weight : bold;
	color: #991F2D;
}
           
#footer {
	margin-top : 0.25in;
	border-top : 0.75pt solid silver;
	padding-top : 0.1in;
	text-align : center;
}

#footer p {
	margin : 0;
}

.copy {
	color : #000;
	font-family : "Verdana", "Arial", "Helvetica", "Times New Roman";
	font-size : 80%;
	line-height : 11pt;
}

#main a img {
	border : 0;
}

#viewer {
	position: relative;
}

#description {
	position: absolute;
	top: 0;
	left: 178px;
	text-align: justify;
}

#dynloadarea {
	position: absolute;
	top: 0;
	left: 174px;
	text-align: justify;
	z-index: 100;
}

#dynloadarea-middle {
	position: absolute;
	top: 88em;
	left: 174px;
	text-align: justify;
	z-index: 100;
}

#dynloadarea-bottom {
	position: absolute;
	bottom: 0;
	left: 174px;
	text-align: justify;
	z-index: 100;
}

#description p  img, #description p a img {
	border: 0;
}

#viewer img, #viewer a img {
	border: thin solid #666;
	margin: 5px;	
	margin-top: 0px;	
}

#dynloadarea img, #dynloadarea-middle img, #dynloadarea-bottom img {
	display: none;
}

#viewer:hover #dynloadarea img, #viewer:hover #dynloadarea-middle img, #viewer:hover #dynloadarea-bottom img {
	display: block;
}
