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

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

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

.top_link { padding:4px 11px; background:#eae9e9 }
.top_link a { color:#5b5e63; font-size:11px; text-decoration:none; font-weight:bold }
.top_link_arrows { color:#ff4a0c; font-size:12px; 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:11px; 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 }
.subsection, .subsection a { font-weight:bold; margin-bottom:10px; background:#e2d4bb; padding:5px; text-decoration:none; }
.title { font-size:15px; color:#ee822a; font-weight:bold; margin-bottom:10px; }
.sidebox_title, .sidebox_title a { font-size:12px; color:#ee822a; font-weight:bold; margin-bottom:10px; text-decoration:none; }

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

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

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

.sidebox {
	background-repeat:repeat-x; background-image:url('/images/site/box.png'); padding:8px; margin-bottom:20px; color:#fff;
}
.sidebox2 {
	background:#f5f5f5; padding:8px; margin-bottom:20px; color:#666;
}
.sidebox_head, .sidebox_head a { color:#ee822a; font-size:12px; text-transform:uppercase; margin-bottom:10px; text-decoration:none; font-weight:bold; }

.bottombox, .bottombox a { font-size:9px; margin-top:5px; text-decoration:none; }
.bottombox a:hover { color:#ee822a; text-decoration:underline; }
.bottombox p { margin:0; margin-bottom:5px; }
.bottombox_head { font-weight:normal; text-transform:uppercase; margin-bottom:8px; font-size:12px; }

.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
}

.caption { font-size:11px; }

.news_item_image { float:left; margin-right:20px; }
.news_item_content { margin-bottom:25px; }
.news_crumbs, .news_crumbs a {
	background:#f5f5f5;
	padding:6px;
	margin-bottom:10px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	behavior: url(/css/border-radius.htc);
	border-radius: 6px;
	margin-bottom:15px;
}

.comment_bar {
	background:#f5f5f5;
	padding:5px;
	margin-bottom:10px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	behavior: url(/css/border-radius.htc);
	border-radius: 6px;
	font-weight:bold;
}

#cluetip {
	background:#fff;
	padding:10px;
	border:1px solid #999;
}

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

#nav1, 
#nav1 ul {padding:0; margin:0; list-style:none; font: 12px Verdana, Arial, sans-serif; background:; position:relative; z-index:200;}
#nav1 {height:20px; width:750px; padding:0; background:; margin-left:25px; }

#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 6px 0 6px; 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: 12px Verdana, Arial, sans-serif; background:; position:relative; z-index:100;}
#nav2 {height:20px; width:750px; padding:0; background:; margin-left:55px; }

#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;}

#gallery {
	padding-bottom:13px;
	background:#f5f5f5;
	border:1px solid #a5a5a5;
}

.slideshow { height:430px }

/* slideshow css for home page */
#home_slideshow { height: 490px; position: relative; }
#home_carousel_container { width: 200px; position: absolute; left: 0px; cursor:pointer; }
#home_carousel { width: 200px; height: 460px; overflow: hidden; position: relative; }
#home_carousel_slider { position: absolute; top: 0px; }
#home_carousel img { display: block; margin: 0; padding: 0; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
#home_carousel img.activeSlide { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
#home_slide_container { cursor:pointer; width: 680px; height: 460px; position: absolute; top: 20px; right: 0px; overflow: hidden; }
#home_caption { background: black; filter:alpha(opacity=40); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; position: absolute; bottom: 0px; width: 680px; z-index: 100; color:#f5f5f5; }
#home_caption div { padding: 10px 20px; }
#home_caption h4 { margin: 0 0 10px; display: block; }
.home_slide_button { display: block; height: 20px; text-align: center; }
.home_slide_button img { vertical-align: middle; }