@charset "UTF-8";
/* Site Design and Layout by everybodyelseisdoingit.com */

html{
height:100%;
}


body{
background-color:white;
padding:0px;
margin:0px;
background-image:url(siteback.png);
background-repeat:repeat-y;
background-attachment:scroll;
font-size:100%;
height:100%;
}

img{
border:0px;
margin:0px;
padding:0px;
}

#page{
display:block;
height:100%;
}


#main_menu{
position:absolute;
margin:0px;
padding:0px;
top:0px;
left:0px;
width:150px;
height:100%;
background-color:transparent;
background-image:url(menuback.jpg);
background-repeat:no-repeat;
z-index: 100;
}


.menu_item{
margin-top:0px;
margin-left:63px;
margin-bottom:3px;
padding:0px;
white-space:nowrap;
width: 194px;
background-color:transparent;
text-align:left;
overflow:hidden;
list-style-type:none;
}

.menu_item li a{
color:#666;
font:.875em Century Gothic, sans-serif;
text-decoration:none;
font-weight:normal;
margin:0px;
display:block;
padding:1px;
padding-left:3px;
}


.menu_item li a:visited{
color:#666;
}

.menu_item li a:hover{
color:black;
background-color:#CCC;
font-weight:normal;
}



.menu,.menu2{
position:relative;
padding:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:3px;
width:150px;
height:20px;
background-color:transparent;
text-align:right;
}


.menu a,.menu2 a{
color:white;
font:.875em Century Gothic, sans-serif;
text-decoration:none;
display:block;
margin:0px;
text-align:right;
border:0px;
width:150px;
height:0px;
padding-top:20px;
background-image:url(menu_buttons.png);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
}


.menu:hover{
border-right:5px solid rgb(178, 210, 129);
}

.menu2:hover{
border-right:5px solid rgb(229, 236, 255);
}

#info_holder{
text-align:left;
position:absolute;
top:30px;
left:295px;
height:auto;
margin:0px;
background-color:transparent;
overflow: hidden;
padding:10px;
padding-top:1px;
}

#image_holder{
text-align:left;
position:absolute;
top:30px;
left:295px;
height:auto;
width: auto;
margin:0px;
background-color:transparent;
overflow: visible;
padding-left:0px;
padding-top:1px;
padding-right: 10px;
padding-bottom: 10px;
}

#image_holder img{
margin-top:0px;
margin-right:0px;
margin-bottom:10px;
outline-color:#CCC;
outline-style:solid;
outline-width:1px;
max-height:500px;
max-width:500px;
display:block;
}



#image_holder a, #info_holder a{
color:#666;
font:1em Century Gothic, sans-serif;
text-decoration:underline;
font-weight:normal;
margin-left:5px;
margin-right:0px;
text-align:right;
border:0px;
padding:3px;
}



#image_holder a:visited,#info_holder a:visited{
color:#666;
}

#image_holder a:hover,#info_holder a:hover{
color:black;
background-color:#CCC;
}

#image_holder p{
width: 350px;
}

.imageparagraph{
color:#666;
text-align:left;
font:.875em Century Gothic, sans-serif;
font-weight:normal;
margin:0px;
display:block;
}

.piecetitle{
color:#666;
text-align:left;
font:.875em Century Gothic, sans-serif;
font-weight:normal;
margin:0px;
display:block;
}

.pieceyear{
color:#666;
text-align:left;
font:.7em Century Gothic, sans-serif;
font-weight:normal;
margin:0px;
display:block;
}

.materials{
color:#666;
text-align:left;
font:.7em Century Gothic, sans-serif;
font-weight:normal;
margin:0px;
display:block;
}

.imagelist{
color:#666;
text-align:left;
font:.7em Century Gothic, sans-serif;
font-weight:normal;
margin:0px;
display:block;
overflow: visible;
}



.footer {
position:relative;
margin-bottom:5px;
margin-left:60px;
height:30px;
width:90px;
background-color:transparent;
}




.footer p {
color:#333;
background-color:#CCC;
font:9px Century Gothic, sans-serif;
font-weight:normal;
margin-bottom:3px;
margin-top: 0px;
text-align:right;
width:88px;
padding:1px;
}

#menubottom{
margin-left:60px;
margin-top:15px;
background-image:url(menubottom.jpg);
background-repeat:no-repeat;
width:120px;
height:88px;
background-color:transparent;
}



.bg {
height:100%;
position:absolute;
top:0px;
left:0px;
}

#eeidilogo{
width:40px;
height:19px;
background-color:transparent;
position:absolute;
bottom:10px;
left:10px;
margin:0px;
padding:0px;
overflow:hidden; 
z-index: 1000;
}

#eeidilogo a{
width:40px;
height:0px;
background-image:url(eeidi.png);
background-position:0px -19px;
background-repeat:no-repeat;
background-color:black;
display:block;
margin:0px;
padding:0px;
padding-top:19px;
color:white;
}

#eeidilogo a:hover{
background-position:0px 0px;}