@charset "utf-8";
/* CSS Document */

div.global { float: right; }
div.global ul { list-style-type: none; margin: 8px 17px 0 0; }
div.global ul li { display: inline; text-align: right; color: #454545; list-style-type: none; display: block; float: left; }
div.global ul li a { color: #121212; font-size: 11px; text-decoration: none; margin: 0 8px 0 8px; }
div.global ul li a:hover { color: #121212; text-decoration: underline; }
div.global ul li a:visited { color: #121212; } 
div#flash-feature { width: 1100px; height: 320px; clear: both; background-color: #3f6174; }
div.breadcrumb { width: 1077px; height: 28px; background-color: #fff; clear: both; padding: 14px 0 0 23px; }
div.breadcrumb a, div.breadcrumb a:link, div.breadcrumb a:visited { color: #fff; }
div.breadcrumb h2 { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #9ab100; font-size: 11px; position: relative; top: -1px; left: 3px; }
div.breadcrumb div { border: 0; }
div.breadcrumb ul li { color: #9ab100; float: left; margin-right: 6px; font-weight: bold; }

h6.subtitle { color: #454545; padding: 0 0 25px 0; margin: 0; }
/* h6.subtitle { color: #454545; border-bottom: solid 1px #bdbebc; padding: 0 0 24px 0; margin-bottom: 12px; position: relative; top: -18px; } */

/* footer */
div.footer { background-color: #757371; width: 1052px; margin: 0; padding: 9px 24px 7px 24px; vertical-align: middle; clear: both; }
div.footer ul { list-style-type: none; margin: 0; padding: 0; }
div.footer ul li { font: 11px/11px Helvetica, Arial, sans-serif; display: inline; color: #ccc; margin: 0; padding: 0 6px 0 0; }
div.footer ul li a { color: #fff; font-size: 11px; text-decoration: none; }
div.footer ul li a:hover, div.footer ul li a:hover { color: #fff; text-decoration: underline; }
div.footer ul li a:visited, div.footer ul li a:visited { color: #fff; } 

div.callout { background-color: #efeeed; padding: 10px 10px 2px 10px; margin-bottom: 12px; }
div.callout a, div.callout a:link { text-decoration: none; }

/* linklist */
div ul.linklist { list-style-type: none; margin: 0; padding: 0; }
div ul.linklist li.pdf { background: url(http://fryemuseum.org/images/site_images/icn_pdf.gif) no-repeat; padding: 0 0 0 15px; margin: 0 0 .5em 0; }
div ul.linklist li.doc { background: url(http://fryemuseum.org/images/site_images/icn_doc.gif) no-repeat; padding: 0 0 0 15px; margin: 0 0 .5em 0; }
div ul.linklist li.check { background: url(http://fryemuseum.org/images/site_images/icn_check.gif) no-repeat; padding: 0 0 0 15px; margin: 0 0 .5em 0; }
div ul.linklist li.arrow {background:url(http://fryemuseum.org/images/site_images/icn_linkarrow.gif) no-repeat; padding: 0 0 0 10px; margin: 0 0 1em 0; }
div ul.linklist li.arrow a { color: #8a7a56; }
div ul.linklist li.arrow a.visited { text-decoration: underline; }
div ul.linklist li.plus { background: url(http://fryemuseum.org/images/site_images/icn_plus.gif) no-repeat; padding: 0 0 0 14px; margin: 0 0 .5em 0; }
div ul.linklist li.more  { padding: 0; margin: 0; }
div ul.linklist li.more a:after {content:"\00A0\226b";}
div ul.linklist li.www { background: url(http://fryemuseum.org/images/site_images/icn_linkout.gif) no-repeat; padding: 0 0 0 14px; margin: 0 0 .25em 0; }
div ul.linklist a, ul.linklist a:link, ul.linklist a:visited { text-decoration: none; }

/* nav menu */
div.nav ul { position: absolute; list-style-type: none; }
div.nav ul ul { display: none; width: 185px; }
div.nav ul li:hover > ul { display: block; position: absolute; left: 0; }
div.nav ul li a:hover { height: 14px;}
div.nav ul li ul li { width: 191px; list-style-type: none; position: relative; top: 5px; left: 0; z-index: 1; text-transform: none; letter-spacing: 0; background-color: #8a7a56; padding: 4px 0 4px 0; margin-bottom: 0px; border-bottom: 1px solid #d5d5cd; }
div.nav ul li ul li a, div.nav ul li ul li a:hover, div.nav ul li ul li a:link, div.nav ul li ul li a:visited, div.nav ul li ul li a:active { height: 22px; font-weight: normal; /* margin-bottom: 1px; */ text-transform: none; text-decoration: none; color: #fff; padding: 0 5px 0 5px; }
div.nav ul > li { color: #000; font-size: 11px; font-weight: bold; float: left; }
div.nav ul > li > ul > li { font-size: 12px; color: #333; font-weight: normal; float: left; text-transform: none; }
div.nav ul > li:hover > ul { width: 185px; top: 22px; left: 0; text-transform: none; }
div.nav li:hover ul, div#nav li.over ul { display: block; } /* force IE6 to recognize hover applied to <li> */

div.nav { float: left; width: 1100px; height: 37px; margin: 0; padding: 0; overflow: visible; position: relative; }
div.nav ul li { float: left; position: relative; }
div.nav ul li a#about_us { display: block; height: 0; width: 111px; padding: 37px 0 0 0; line-height: 37px; background: url(http://fryemuseum.org/images/site_images/frye-mainnav.gif) no-repeat 0 0; overflow:hidden; }
div.nav ul li a#about_us:hover { background-position: 0 -37px; }
div.nav ul li a#about_us:active { background-position: 0 -37px; }
div.nav ul li a#about_us.selected { background-position: 0 -74px; }
div.nav ul li a#exhibitions { display: block; height: 0; width: 123px; padding: 37px 0 0 0; line-height: 37px; background: url(http://fryemuseum.org/images/site_images/frye-mainnav.gif) no-repeat -111px 0; overflow:hidden; }
div.nav ul li a#exhibitions:hover { background-position: -111px -37px; }
div.nav ul li a#exhibitions:active { background-position: -111px -373px; }
div.nav ul li a#exhibitions.selected { background-position: -111px -74px; }
div.nav ul li a#collections { display: block; height: 0; width: 132px; padding: 37px 0 0 0; line-height: 37px; background: url(http://fryemuseum.org/images/site_images/frye-mainnav.gif) no-repeat -234px 0; overflow:hidden; }
div.nav ul li a#collections:hover { background-position: -234px -37px; }
div.nav ul li a#collections:active { background-position: -234px -37px; }
div.nav ul li a#collections.selected { background-position: -234px -74px; }
div.nav ul li a#programs_education { display: block; height: 0; width: 115px; padding: 37px 0 0 0; line-height: 37px; background: url(http://fryemuseum.org/images/site_images/frye-mainnav.gif) no-repeat -366px 0; overflow:hidden; }
div.nav ul li a#programs_education:hover { background-position: -366px -37px; }
div.nav ul li a#programs_education:active { background-position: -366px -37px; }
div.nav ul li a#programs_education:selected { background-position: -366px -74px; }
div.nav ul li a#community { display: block; height: 0; width: 122px; padding: 37px 0 0 0; line-height: 37px; background: url(http://fryemuseum.org/images/site_images/frye-mainnav.gif) no-repeat -481px 0; overflow:hidden; }
div.nav ul li a#community:hover { background-position: -481px -37px; }
div.nav ul li a#community:active { background-position: -481px -37px; }
div.nav ul li a#community.selected { background-position: -481px -74px; }
div.nav ul li a#calendar { display: block; height: 0; width: 110px; padding: 37px 0 0 0; line-height: 37px; background: url(http://fryemuseum.org/images/site_images/frye-mainnav.gif) no-repeat -603px 0; overflow:hidden; }
div.nav ul li a#calendar:hover { background-position: -603px -37px; }
div.nav ul li a#calendar:active { background-position: -603px -37px; }
div.nav ul li a#calendar.selected { background-position: -603px -74px; }
div.nav ul li a#visit_the_frye { display: block; height: 0; width: 93px; padding: 37px 0 0 0; line-height: 37px; background: url(http://fryemuseum.org/images/site_images/frye-mainnav.gif) no-repeat -713px 0; overflow:hidden; }
div.nav ul li a#visit_the_frye:hover { background-position: -713px -37px; }
div.nav ul li a#visit_the_frye:active { background-position: -713px -37px; }
div.nav ul li a#visit_the_frye.selected { background-position: -713px -74px; }
div.nav ul li a#join { display: block; height: 0; width: 294px; padding: 37px 0 0 0; line-height: 37px; background: url(http://fryemuseum.org/images/site_images/frye-mainnav.gif) no-repeat -806px 0; overflow:hidden; }
div.nav ul li a#join:hover { background-position: -806px -37px; }
div.nav ul li a#join:active { background-position: -806px -37px; }
div.nav ul li a#join.selected { background-position: -806px -74px; }


/* subnav */
div.subnav { width: 251px; margin: 0 0 16px 0; padding: 0px; }
div.subnav ul { list-style-type: none; margin: 0; padding: 0; }
div.subnav ul li { font: Bold 12px/12px Helvetica, Arial, sans-serif; color: #fff; margin: 0; padding: 7px 10px 6px 10px; background-color: #8a7a56; border-bottom: solid 1px #fff; text-transform: uppercase; }
div.subnav ul li.section { background: url(http://fryemuseum.org/images/site_images/arrow_02.gif) no-repeat; font-weight: normal; margin: 0; padding: 7px 10px 6px 22px; background-color: #efeeed; }
div.subnav ul li.selected { background: url(http://fryemuseum.org/images/site_images/selected.gif) no-repeat; font-weight: bold; color: #121212;  text-transform: none; margin: 0; padding: 7px 10px 6px 22px; background-color: #d5d5cd; }
div.subnav a, div.subnav a:link, div.subnav a:visited { color: #8a7a56; font-weight: bold; text-decoration: none; text-transform: none; }

/* social */
div.social { width: 500px; height: 17px; margin: 24px 0 0 0; padding: 7px; background: #e6e6de; }
div.social p { font: Bold 12px/12px Helvetica, Arial, sans-serif; color: #757371; margin: 0; padding: 3px 0 0 0; }
div.social ul { list-style-type: none; margin: 0; padding: 0; }
div.social ul li { float: left; }
div.social ul li a#facebook { display: block; height: 0; width: 24px; padding: 18px 0 0 0; line-height: 18px; background: url(http://fryemuseum.org/images/site_images/social-icn.gif) no-repeat 0px 0px; overflow:hidden; }
div.social ul li a#facebook:hover { background-position: 0px -18px; }
div.social ul li a#twitter { display: block; height: 0; width: 29px; padding: 18px 0 0 0; line-height: 18px; background: url(http://fryemuseum.org/images/site_images/social-icn.gif) no-repeat -24px 0px; overflow:hidden; }
div.social ul li a#twitter:hover { background-position: -24px -18px; }
div.social ul li a#flickr { display: block; height: 0; width: 29px; padding: 18px 0 0 0; line-height: 18px; background: url(http://fryemuseum.org/images/site_images/social-icn.gif) no-repeat -53px 0px; overflow:hidden; }
div.social ul li a#flickr:hover { background-position: -53px -18px; }
div.social ul li a#youtube { display: block; height: 0; width: 27px; padding: 18px 0 0 0; line-height: 18px; background: url(http://fryemuseum.org/images/site_images/social-icn.gif) no-repeat -82px 0px; overflow:hidden; }
div.social ul li a#youtube:hover { background-position: -82px -18px; }
div.social ul li a#podcast { display: block; height: 0; width: 21px; padding: 18px 0 0 0; line-height: 18px; background: url(http://fryemuseum.org/images/site_images/social-icn.gif) no-repeat -109px 0px; overflow:hidden; }
div.social ul li a#podcast:hover { background-position: -109px -18px; }

/* content */
div.section { border-top: solid 1px #bdbebc; margin: 16px 0 0 0; padding: 8px 0 8px 0; }
div.sectionstart { margin: 0; padding: 0 0 8px 0; }
div.subsection { border-top: dotted 1px #ddd; margin: 8px 0 8px 0; padding: 0; }
div.section h6 { font: bold 10px/12px Helvetica, Arial, sans-serif; text-transform: uppercase; color: #979592; }
p.intro { font: 13px/17px Helvetica, Arial, sans-serif; color: #454545; margin: 0; padding: 0 0 16px 0; }
p.quote { font: bold 16px/22px Helvetica, Arial, sans-serif; color: #454545; margin: 0; padding: 0; }
p.quote > em { font-weight: bold; }
ul.circle { list-style-type: disc; margin-bottom: 15px; }
ul.circle li { margin-left: 30px; list-style-type: disc; }

/* calendar */
div.calendar-images { width: 200px; }
div.calendar-item { margin-bottom: 12px; clear: both; }
div.calendar-item p { margin: 0; }
div.calendar-item a:link { color: #121212; text-decoration: none;  }
div.calendar-item a:hover { color: #121212; text-decoration: underline;  }
div.calendar-item a:visited { color: #121212;  text-decoration: none; }
div.calendar-item a:active { color: #121212; }
div.calendar-item ul { margin: 0; padding: 0; }
div.calendar-item ul li { margin: 0; }
div.high-priority-event { padding: 8px; background-color: #efeeed; }

/* exhibitions */
div.exhibition-item { height: 100px; margin: 8px 0 8px 0; }
.exhibition-category { color: #979592; font-size: 10px; }

/* founding collection */
div.founding-collection-item { float: left; width: 209px; padding-right: 12px; margin-right: 12px; }
div.founding-collection-item-last { float: left; width: 209px; padding-right: 0; margin-right: 0; }
div.founding-collection-row { width: 910px; margin: 15px 0 15px 0; background: #fff url(http://fryemuseum.org/images/site_images/bg_4col.gif) repeat-y; }
div.founding-collection-row:last-child { width: 910px; margin: 15px 0 15px 0; border-bottom: none; }
table.imageholder { width: 209px; height: 209px; background: url('http://fryemuseum.org/images/site_images/bg_209x209.gif') no-repeat top left; vertical-align: middle; text-align: center; overflow: hidden; }
table.imageholder img { display: block; margin-left: auto; margin-right: auto; }

/* inline image styles */
img.image-left { float: left; margin: 0 15px 15px 0; }

/* collection list */
ul.alphabet-list { list-style-type: none; }
ul.alphabet-list li { list-style-type: none; border-right: 1px solid #ccc; padding: 0 5px 0 5px; display: block; float: left; clear: none; }
ul.alphabet-list li:first-child { list-style-type: none; border-right: none; padding-left: 0; }
ul.alphabet-list li:last-child { list-style-type: none; border-right: none; padding-right: 0; }

/* blurb */
.blurb a, .blurb a:link, .blurb a:visited { text-decoration: underline; text-underline-style: dashed; }

/* home-feature-no-flash */
table.home-feature-no-flash td.image-container { height: 320px; width: 677px; overflow: hidden; }
table.home-feature-no-flash td.links { vertical-align: top; }
ul.link-panes { height: 320px; background-color: #3F6174; }
ul.link-panes li { height: auto; overflow: hidden; display: block; height: auto !important; /* Firefox, Safari, IE7, etc */
height: 75px; /* IE6 */
min-height:75px; /* Firefox, Safari, IE7, etc */
}
ul.link-panes li { color: #fff; padding: 10px 10px 10px 20px; display: block; clear: both; border-top: 2px solid #2a3f4d; height: 100%; }
ul.link-panes li.active { background: #2a3f4d url('http://fryemuseum.org/images/site_images/home_feature_arrow.gif') no-repeat 2px 7px; border-top: none; padding: 10px 10px 10px 20px; display: block; height: 100%; }
ul.link-panes li h4 { color: #fff; font-size: 12px; display: block; }
ul.link-panes li p { color: #ccc; margin-bottom: 0; padding-bottom: 0; display: block; }
ul.link-panes li a:hover { color: #A3CE0A; text-decoration: none; display: block; }
ul.link-panes li a:hover h4 { text-decoration: none; color: #A3CE0A; }

/* home feature */
	div#hero_container
	{
		width: 1100px;
		height: 525px;
	}
	div#hero_container div#image_container
	{
		width: 1100px;
		height: 460px;
                background: #efeeed;
		overflow:hidden;
	}
	div#hero_container div#image
	{
		width: 1100px;
		height: 460px;
		position: relative; left: 0px; top: 0px;
		overflow: hidden;
            
	}
	div#hero_container div#image_fade
	{
		width: 1100px;
		height: 460px;
		position: relative; left: 0px; top: -460px;
		overflow: hidden;
	}
	div#hero_container div#caption_container
	{
		width: 1100px;
		height: 65px;
		background: #292827;
		overflow: hidden;
		
	}
	div#hero_container div#caption_container .caption
	{	
		margin: 0px; 
		padding: 5px 20px;
                height: 65px;
		float: left;
		font: 11px Helvetica, Arial, Verdana, sans-serif;	
		overflow: hidden;
		color: #999;
	}
	
	div#hero_container div#caption_container .caption p
	{
		margin-top: 2px;
		margin-bottom: 0px;
	}
	
	.caption_on
	{
		background: #534934;
		color: #fff !important;
		
	}
	
	.caption_on p
	{
		color: #fff !important;
		
	}