body 
{
    margin: 0;
    margin-bottom: 5px;
    margin-left: 2px;
    cursor: default;
    font-family: Tahoma, Arial, Sans-Serif;
    
   /* scrollbar-3d-light-color: #000000;      /* black */
   /*  scrollbar-arrow-color: #e3e6f1;         /* light blue */
   /*  scrollbar-base-color: #1e046d;          /* deep blue */
   /*  scrollbar-dark-shadow-color: #1e046d;   /* deep blue */
   /*  scrollbar-face-color: #FFFFFF;          /* white */
   /*  scrollbar-highlight-color: #e3e6f1;     /* light blue */
   /*  scrollbar-shadow-color: #051a6c;        /* deep blue from middle of V */
   /*  scrollbar-track-color: #1e046d;         /* deep blue */

}

div.clear 
{
    clear: both;
    width: 10px;
}

/******************* contact *********************************/

.address
{
    padding: 15px 10px 10px 10px;                /* top right bottom left */
    background-color: #d7dad9;                   /* light grey */
    text-align: left;  
    vertical-align: top;
} 

.floatAddress
{
    float: left;
    margin-right: 15px; 
    margin-left: 0px;
}

.contactMap
{
    text-align: center;
    font-size: 1.1em;
}

#contactInfo
{
    vertical-align: top;
    text-align: left;
}

#contactInfo a
{
    color: #000000;                           /*  black */
    text-decoration: none;
}

/********************staff page ****************************/
#staff
{
    padding: 15px 10px 10px 10px;                /* top right bottom left */
    background-color: #d7dad9;                   /* light grey */
    text-align: left;  
    vertical-align: top;
    font-size: .9em;
}   
    
.floatStaff
{
    float: left;
    margin-right: 15px; 
    margin-left: 0px;
}

.staffArt
{
    padding: 3px; 
    text-align: center; 
    margin-left: 5px;
    margin-right: 5px;
    border: solid 3px #525050;                  /* dark grey */
}

/*********************** press releases ***********************/
#floatPress
{
    float: left;
    background-image: url('../images/gallery_4_bkg.jpg');
    background-position: top;
    background-attachment: fixed;
    background-repeat: repeat-y;
    width: 100%; 
    height: 100%;
    padding:  5px, 5px, 5px, 5px;                /*top right bottom left */
}

#press
{
    padding: 15px 10px 10px 10px;                /* top right bottom left */
    background-color: #d7dad9;                   /* light grey */
    text-align: left;  
    vertical-align: top;
    font-size: .9em;
}   

#press a
{
    color: #000000;                             /* black */
    text-decoration: none;
    font-weight: 600;
    margin-left: 25px;
}

.date
{
    margin-left: 25px;
}

#press a:hover
{
    color: #FFFFFF;                             /* white */
    background-color: #000000;                  /*  black */
}

/****************** mission statement and consulting **********************/

#mission
{
    padding: 15px 10px 10px 10px;                /* top right bottom left */
    background-color: #d7dad9;                   /* light grey */
    text-align: left;  
    vertical-align: top;
}   
    
.floatMission
{
    float: left;
    margin-right: 15px; 
    margin-left: 0px;
}

.missionArt
{
    padding: 3px; 
    text-align: center; 
    margin-right: 8px; 
    border: solid 5px #000000;
}

.missionArt2
{   
    text-align: center; 
    margin-right: 10px; 
    border: solid 15px #000000;
}

/****************** home page Artist feature AND current Exhibit *****************8*/
.artist 
{
    font-size: 1em;
    text-align: center;
}

.artistName
{
    color: #000000;                             /* black */
    font-weight: 600; 
    font-size: 1.5em;   
}

.artistTitle
{
    font-style: italic;
    font-size: 1.3em;
}

.featureTitle
{
    font-size: 2em;
    color: #000000;                             /* black*/
    font-weight: 800;    
}

.featureTitle
{
    font-size: 2em;
    color: #000000;                             /* black*/
    font-weight: 800;    
}

/*************current exhibit *********/

.featureSubTitle
{
    font-weight: 400;
    font-size: 1.1em;
    color: #000000;                             /* black */
}

.feature
{
    font-size: 1.2em;
    color: #000000;                             /* black*/
    font-weight: 800;    
}


#exhibitTitle 
{
    font-style: italic;
    text-decoration: none;
    color: #FFFFFF;                             /* white */
}

#exhibitDim 
{
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;                             /* white */
    font-size: .9em;
}

#exhibitMedia 
{
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;                             /* white */
    font-size: .9em;
}

/*************************** exhibit pages ****************************/


.exhibitOpening
{
    font-size: 1.2em;
}  

a.exhibitLink 
{
    color: #000000;                             /* black */
    text-decoration: none;
    font-weight: 600;
}

a.exhibitLink2
{
    color: #FFFFFF;                             /* white */
    background-color: #000000;                  /*  black */
    text-decoration: none;
    font-weight: 600;
}

.exhibitSection
{
    float: left;
    margin-left: 15 px;
}

/*********** artists page ************/


#exhibitArt
{
    text-align: center;
    background: #000000;                        /* black */
    border-left-style: solid;
    border-left-width: 2px;
    padding:  10px 0 10px 0;
}

.exhibit                                        /* cells that do not have artwork */
{
    padding: 15px 5px 10px 10px;                /* top right bottom left */
    background-color: #d7dad9;                   /* light grey */
    text-align: left;  
    vertical-align: top;
}

.exhibitCurrent                                 /* cells that do not have artwork */
{
    padding: 8px 10px 8px 15px;                /* top right bottom left */
    background-color: #d7dad9;                   /* light grey */
    text-align: left;  
    vertical-align: top;
}

#nextArtist                                    /* artist circle  */
{
    padding: 10px 5px 10px 5px;                /* top right bottom left */
    background-color: #d7dad9;                   /* light grey */
    text-align: center;
    color: #000000;                             /* black */
    text-decoration: none; 
}


.exhibitArtCell
{
    padding: 10px 0 7px 0; 
    border-left-style: solid;
    border-left-color: #919094;                 /* medium grey */
    border-left-width: 8px;
    width: 65%;
}

.exhibitArtCellCurrent
{
    padding: 8px 0 8px 0; 
    border-left-style: solid;
    border-left-color: #919094;                 /* medium grey */
    border-left-width: 8px;
    width: 60%;
}

.click
{
    color: #000000;                           /*  black */
    text-align: center;
    font-size: .7em;
}

#nextArtwork
{
    padding: 10px 0 10px 0; 
    border-left-style: solid;
    border-left-color: #919094;                 /* medium grey */
    border-left-width: 8px;
    width: 55%;
    color: #FFFFFF;                             /* white */
}


#nextArtwork a
{
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;                             /* white */
} 


#artistLink a
{
    font-style: normal;
    text-decoration: none;
    color: #000000;                             /* black */
} 

#artistLink a:hover
{
    color: #000000;                             /*  black   */
	font-weight: 600;
}

#artworkTitle a
{
    font-style: italic;
    text-decoration: none;
    color: #FFFFFF;                             /*  white   */
}

#artworkTitle a:hover
{
    font-style: italic;
    text-decoration: none;
    color: #FFFFFF;                             /*  white   */
    font-weight: 600;
}


#nextArtist a
{
    color: #000000;                           /*  black */
    text-decoration: none;
}

#nextArtwork a:hover
{
    text-decoration: none;
    color: #FFFFFF;                             /*  white   */
    font-weight: 600;
}


/******************** popup ***************************/

#artImage
{
    text-align: center;
    background: #000000;                        /* black */
    margin: 0;
    padding: 5;
    vertical-align: middle;   
}

#linkPopup a
{
    color: #000000;             /* black */
    text-decoration: none;
}



/******************** menu ****************************/
#menuArtist, #menuTop{
    font-size: 1.1em;
    float:left;
    text-align: left;
    vertical-align: top;
    line-height: 1em;
    margin: 2px, 0, 4px, 0;
    padding: 0, 0, 3px, 0;           /*top, right, bottom, left */
}

#menuArtist a, #menuTop a{
display:block;
white-space:nowrap;
text-decoration:none;
padding-bottom: 2px;
}

#menuArtist a, #menuArtist a:visited, #menuTop a, #menuTop a:visited {
color:#000;
}

#menuArtist a:hover, #menuTop a:hover{
color:#000;
}

#menuArtist a:active, #menuTop a:active{
color:#000;
}

#menuTop ul{
list-style:none;
margin: 0;
padding: 0;
float:left;
width: 5em;
}

#menuArtist ul{
list-style:none;
margin: 0;
padding: 0;
float:left;
width: 5em;
}

#menuArtist li, #menuTop li{
position:relative;
}

#menuTop ul li ul li{
position:relative;
margin-left: 5px;
}

#menuArtist ul li ul li ul li   {
position:relative;
padding-left: 3px;
z-index: -1;            /* on top of footer for IE */
}

#menuArtist ul ul, #menuTop ul ul{
position:absolute;
top:0;
display:none;
left:100%;
z-index: 500;       /* lines up the tops of graphic and anchor */
}


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


div#menuArtist li:hover, div#menuTop li:hover{
cursor:pointer;
z-index:100;
}

div#menuArtist li:hover ul ul,
div#menuArtist li li:hover ul ul,
div#menuTop li:hover ul ul,
div#menuTop li li:hover ul ul
{display:none;}

div#menuArtist li:hover ul,
div#menuArtist li li:hover ul,
div#menuTop li:hover ul,
div#menuTop li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */



/*********footer***************/

#footer
{
    font-size: .6em;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}


#footerPopup
{
    font-size: .6em;
    text-align: center;
    white-space: nowrap;
}

#footer a, #footerPopup a
{
    color: #000000;             /* black */
}


/***************** horizontal menu test ********************************/

.menu1, .menu2, .menu3, .menu4 {
  width: 100%;
  margin: 1em 0;
  padding: 0px 0.5em;
  background: #eee none;
}
.menu1 ul, .menu2 ul, .menu3 ul, .menu4 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu1 li, .menu2 li, .menu3 li, .menu4 li {
  margin: 0;
  padding: 0;
  float: left;
}
.menu1 li {
  padding-right: 1em;
}
.menu2 li {
  width: 24%;
  text-align: center;
}
.menu3, .menu4 {
  padding: 0;
  background: #fff none;
}
.menu3 li li ul, .menu4 li {
  width: 7em;
  margin-right: 1em;
  background: #eee none;
  text-align: center;
}
.menu4 a {
  display: block;
  width: 100%;
  text-decoration: none;
}
.menu4 a:hover {
  background: #ff9 none;
}