*{
margin: 0 auto;
padding: 0 auto;

}

body{
margin: 0 auto;
padding: 0 auto;
background-image:url(images/pattern3a.gif);
}

/*MAIN DIVISIONS*/

#wrapper{
position:relative;
width: 85.33em;
height: auto;
margin: 0 auto;
padding: 0 auto;
font-family: Trebuchet MS, san serif;
font-size: 76%;
}


.class img{
height:auto;
width: 85.33em;
}


#header{
position:relative;
top:0em;
left: 0em;	
}

#header h2{
position: relative;
top: 0em;
left: -1000em;
}

#header h3 {
position: relative;
top: 0em;
left: -1000em;
}

/*MAIN PAGE CENTER GALLERY*/
#flashbanner{
position: absolute;
top: 24em;
left: 19.3em;
}

/*STATEMENT*/

#content{
position:absolute;
top:26em;
left:24.2em;
width:42em;
color:#333333;
}

#content h2{
text-align:right;
padding-bottom:19px;
font-weight:normal;
letter-spacing:.1em;
}
#content p{
font-size:1.2em;
line-height:1.3em;
padding-bottom:15px;}

#imageContainer{
position:absolute;
top:28em;
left:2.9em;
height: 45em;
width:19em;
}

#imageContainer img {
display:none;
position:absolute;
top:0; 
left:0;
}




/*EXHIBIT*/

#content_exhibit{
position:absolute;
top:26em;
left:24.2em;
width:42em;
color:#333333;
}

#content_exhibit h1{
font-size:1.55em;
padding-bottom:20px;
}

#content_exhibit h2{
padding-bottom:6px;
font-weight:normal;
font-size:1.2em;
}

#content_exhibit h2 a{
color: #993333;
}

#content_exhibit h2 a:hover{
color: #333333;
}

#content_exhibit p{
font-size:1em;
line-height:1.2em;
padding-bottom:15px;}

/*TOP NAVIGATION*/
#navigation{
position: absolute;
top: 10.2em;
left: 5.95em;
padding-left: 0;
list-style-type: none;
background-color: transparent;
z-index: 2000;
}

ul#navigation{  
font-size: 100%;
letter-spacing: 1.2px;
float: right;
width: 13em;
}

ul#navigation li {
position: relative;
line-height: 1.8em;
font-size: 1.4em;
}

ul#navigation a {
padding: .3em 1em;
text-decoration: none;
color: #FFFFCC;
background-color: transparent;
z-index: 2000;
}

ul#navigation a:hover {
color: #993333;
background-color: transparent;
z-index: 100;
}

.smnav{
text-align: right;
margin-left:-1.5em;
}

.download{
color:#333333;
letter-spacing:normal;
width: 10em;
margin-left:.5em;

}



/*RIGHT SMALL INFORMATION AREA*/
.info{
position:relative;
top:0em;
left:-1000em;
}

/*on EXHIBITS page--sub-navigation area*/
.info2{   
position:absolute;
top:240px;
left: 247px;
height: 95px;
width: 350px;
font-size: 1em;
line-height: 1.8em;
text-align: right;
color: white;
background-color: transparent;
z-index:1000;
}




ul#info2{
position: absolute;
top: 30.4em;
left: 5.95em;
padding-left: 0;
list-style-type: none;
background-color: transparent;
z-index: 2000;
}

ul#info2{  
font-size: 100%;
letter-spacing: 1.1px;
float: right;
width: 16em;
}

ul#info2 li {
position: relative;
line-height: 1.99em;
font-size: 1em;
}

ul#info2 a {
padding: .3em .5em;
text-decoration: none;
color: #FFFFCC;
background-color: transparent;
z-index: 2000;
}

ul#info2 a:hover {
color: #993333;
background-color: transparent;
z-index: 100;
}


/*CONTACT PAGE*/

#mailto{
position: absolute;
top:31em;
left:26em;
height: 15em;
width: 38em;
}

#mailto h3 {
padding-top:15px;
padding-bottom:15px;
text-align:center;
}

#mailto p{
text-align:left;
padding-left: 8em;
}

#mailto a{
color: #993333;
}

#mailto a:hover{
color:#000000;
}


/*THIS IS THE CSS FOR GALLERY THREE	*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: absolute;
top: 21em;
left: 18.5em;
z-index:3000;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.gallerycontainer h3{
color: white;
}

.gallerycontainer h3 a{
text-decoration:none;
color: white;
}
.gallerycontainer h3 a:hover{
color: #dab69c;}

.gallerycontainer p a{
color:#FFFFFF;
}

.gallerycontainer p a:hover{
color:#993333;
}

.thumbnail img{
border: 1px solid tan;
margin: 0 3px 3px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 4px;
left: -1000px;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: 1px solid tan;
padding: 2.5px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 200px;
top: 21px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#footer{
position:relative;
margin-top:-1.9em;
height: 1em;
text-align:center;
color:#333333;
}

#footer a{
color: #993333;
}

#footer a:hover{
color:#000000;
}

#footergallery{
position:relative;
margin-top:-3.9em;
height: 1em;
text-align:center;
color:#333333;
}

#footergallery a{
color: #993333;
}

#footergallery a:hover{
color:#000000;
}