/* #artist {  position: absolute; top: 1px; left: 0px; width: 950px;height : 620px; background-image: url(/static/images/residentsbackground.png); } */
#artist {  float: left; width: 950px;height : 620px; background-image: url(/static/images/residentsbackground.png); }
	
/* side bar nav menu */		
.artist_type_menu{font-size : 22px;font-weight : bold;color: #FFFFFF;position: absolute;top:0px;left: 0px;width: 950px;
                   text-align: left;padding-top: 10px;padding-bottom: 10px;padding-left : 10px;}
.selected_menu  {	color:  #FF0000;}
.not_selected { color : #FFFFFF;}

#artist_menu_container { position: absolute; top: 10px; left: 10px; width: 190px; }

#resident_menu{ float: left; width: 190px; margin-left : 5px; margin-right : 10px; text-align: left; padding-left: 10px; line-height: 25px }

#resident_menu_header { letter-spacing: 10px; font-size: 14px; text-align: center; width: 180px;  }

#artist_menu { float: left; width: 190px; margin-left : 5px; margin-right : 10px; text-align: left; padding-left: 10px; line-height: 25px; padding-top: 10px; }

#artist_menu_header { letter-spacing: 10px; font-size: 14px; text-align: center; width: 180px;  }

#rotating_resident_menu{ float: left; width: 190px; margin-left : 5px; margin-right : 10px; text-align: left; padding-left: 10px; line-height: 25px }

#rotating_resident_menu_header { letter-spacing: 10px; font-size: 14px; text-align: center; width: 180px;  }

#special_guest_menu{ float: left; width: 190px; margin-left : 5px; margin-right : 10px; text-align: left; padding-left: 10px; line-height: 25px }

#special_guest_menu_header { letter-spacing: 10px; font-size: 14px; text-align: center; width: 180px;  }
              
SELECT { border-color: #333333;  border-style: solid;  border-width: 1px; color: #999999; background-color: #333333; width: 170px; height: 20px; text-align: center; }
/* I can't get this to work */
SELECT:hover, OPTION:hover {background-color: #333333;}

.artist_menu_item {  float: left; width: 170px; height: 27px; background-color: #333; color:  #999; margin-bottom: 1px; font-size: 14px; text-align: center; }
.artist_menu_item:hover {  background-color: #999; color:  #333; }

.artist_menu_item_selected {  float: left; width: 170px; height: 27px; background-color: #999; color:  #333; margin-bottom: 1px; font-size: 14px; text-align: center; }

/* bio and info faded in */

.artist_bio {font-size: 15px; color : #474747; position: absolute; top: 10px; left: 220px; width: 700px; 
              margin-left : 5px; margin-right: 10px; text-align : justify;}
.artist_bio a{ color : #FFFFFF; } 


#artist_info {position: absolute; width: 700px; top: 4px; left: 0px;}
#artist_name {position: absolute; top: 4px; left: 0px; width: 350px; font-size: 16px; color: #999; }
#artist_biography {position: absolute; top: 30px; left: 0px; width: 350px; height: 470px; overflow-y: auto; padding-right: 20px;  }
#artist_photo {position: absolute; top: 30px; left: 380px; width: 320px;}

.visual_artist_link {position: absolute; top: 470px; left: 190px; text-align: left;width: 550px;}
.visual_artist_link a {font-size: 1.0em;color: #FFFFFF;text-align: left;}