body { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #5d5e60 }

td { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #5d5e60 }

a { color:#333 }
a:hover { color:#666 }

.top_link { padding:4px 10px; background:#eae9e9 }
.top_link a { color:#5b5e63; font-size:10px; text-decoration:none; font-weight:bold }
.top_link_arrows { color:#ff4a0c; font-size:11px; font-weight:bold }

/*
.nav_links { font-size:10px; color:white; text-decoration:none }
.nav_links a { font-size:10px; color:white; letter-spacing:2px; text-decoration:none }
.nav_links a:hover { font-size:10px; color:white; letter-spacing:2px; text-decoration:underline }
*/

.nav_delimiter { font-size:10px; color:white }

.side_nav { text-align:right; line-height:25px }
.side_nav_link a { font-size:10px; color:#666; letter-spacing:1px; text-decoration:none; font-weight:bold }
.side_nav_link a:hover { font-size:10px; color:#666; letter-spacing:1px; text-decoration:underline; font-weight:bold }

.section { margin-bottom:30px }
.title { font-size:12px; color:#ff6126; font-weight:bold; margin-bottom:10px; font-family: Verdana, Arial; }

.detail_label { color:#333; font-weight:bold }

.footer { font-size:10px }
.footer_delimiter { font-size:10px; color:#ff6126; margin-left:5px; margin-right:5px }

.artist_side_nav { border:2px solid #999; width:214px; height:657px; overflow:auto; padding:8px }


/*
.subtitle { font-size:13px; color:#fa8b37; font-weight:bold; margin-bottom:10px; font-family: Lucida Grand }
.section_content { margin-left:15px; margin-right:15px; line-height:140% }
.caption { font-size:10px; font-style:italic; color:#333 }
.search_form { padding:10px; background-color:#f5f5f5; border:1px solid #666 }
.login_button { float:right; border:1px solid #666; padding:4px; background-color:#fff; width:125px; text-align:center }
.login_button a { font-weight:bold; font-size:9px; text-decoration:none }
*/

.tooltip { color: black; background: #fff; padding:5px; border: 1px solid #000; width:300px }
.event_date { color:black; background: #f5f5f5; padding:5px; font-weight:bold; font-size:13px; margin-bottom:4px }
.event_title
{
	color: #F05600;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

.collection_info { border:1px solid #a5a5a5; padding:8px; margin-bottom:14px }
.collection_name { font-weight:bold; font-size:13px; color:#333 }

.page_message {
	padding: 10px; border: 2px solid #FF6633; background: #fff; margin-bottom:15px
}

/*************************************************************/

#nav1, 
#nav1 ul {padding:0; margin:0; list-style:none; font: 11px verdana, arial, verdana, sans-serif; background:#ff5d0e; position:relative; z-index:200;}
#nav1 {height:20px; width:750px; padding:0; background:; }

#nav1 table {border-collapse:collapse;}
#nav1 li {float:left;}
#nav1 li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav1 li a li {float:left;}

#nav1 li a {display:block; float:left; color:#fff; height:20px; padding:0 5px 0 4px; line-height:20px; text-decoration:none; white-space:nowrap; letter-spacing:1px }
#nav1 li li a {height:20px; line-height:20px; float:none;}

#nav1 li:hover {position:relative; z-index:100;}
#nav1 a:hover {position:relative; z-index:100; background:; color:#fff; }
#nav1 li:hover > a { color:#fff; text-decoration:underline;}

#nav1 :hover  ul {left:0; top:20px; border:1px solid #ccc; z-index:300;}
#nav1 a:hover ul {left:-1px;}

#nav1 ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav1 li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav1 li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav1 li:hover li:hover > a {background:#ffebb2; color:#000; border-left:1px solid #fff;}

#nav1 li a:hover ul li a:hover {background:#ffebb2;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav1 a:hover a:hover ul,
#nav1 a:hover a:hover a:hover ul,
#nav1 a:hover a:hover a:hover a:hover ul,
#nav1 a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav1 a:hover ul ul,
#nav1 a:hover a:hover ul ul,
#nav1 a:hover a:hover a:hover ul ul,
#nav1 a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/*************************************************************/

#nav2, 
#nav2 ul {padding:0; margin:0; list-style:none; font: 11px verdana, arial, sans-serif; background:; position:relative; z-index:100;}
#nav2 {height:20px; width:750px; padding:0; background:; }

#nav2 table {border-collapse:collapse;}
#nav2 li {float:left;}
#nav2 li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav2 li a li {float:left;}

#nav2 li a {display:block; float:left; color:#fff; height:20px; padding:0 4px 0 4px; line-height:20px; text-decoration:none; white-space:nowrap; letter-spacing:1px; }
#nav2 li li a {height:20px; line-height:20px; float:none;}

#nav2 li:hover {position:relative; z-index:100;}
#nav2 a:hover {position:relative; z-index:100; background:; color:#fff }
#nav2 li:hover > a { color:#fff; text-decoration:underline;}

#nav2 :hover  ul {left:0; top:23px; border:1px solid #ccc; z-index:300;}
#nav2 a:hover ul {left:-1px;}

#nav2 ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav2 li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav2 li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav2 li:hover li:hover > a {background:#ffebb2; color:#000; border-left:1px solid #fff;}

#nav2 li a:hover ul li a:hover {background:#ffebb2;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav2 a:hover a:hover ul,
#nav2 a:hover a:hover a:hover ul,
#nav2 a:hover a:hover a:hover a:hover ul,
#nav2 a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav2 a:hover ul ul,
#nav2 a:hover a:hover ul ul,
#nav2 a:hover a:hover a:hover ul ul,
#nav2 a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}