body {background: #0c3b6d; font-size:75%; color:#222; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
a {color: #4f85af;}
a:hover {color: #d01e00;}
input {vertical-align: middle;}


.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.left {float: left !important;}
.right {float: right !important;}
p img.left {margin: 0 1.5em 1.5em 0;}
p img.right {margin: 0 0 1.5em 1.5em;}

.spacer {height: 1px; overflow: hidden; clear:both;}
.colborder {border-color: #ddd;}
/*
.imgborder {border: 5px solid #000;}
*/


.searchButtonLarge{
background-image: url(~/media/site/bridwell/structure/searchbuttonred.ashx); 
background-color:Transparent;
background-position:center top;
background-repeat:no-repeat;
border:medium none;
height:32px;
width:32px;
}

.searchButtonSmall {
border:none;
background-color:Transparent;
background-image:url(~/media/site/bridwell/structure/searchbutton.ashx);
background-position:center center;
background-repeat:no-repeat;
height:27px;
width:27px;
}



#top {height: 115px; background: url(~/media/site/bridwell/structure/top.ashx); overflow: hidden;}

#eyebrow {position: relative; float: right; left: 18px; overflow: hidden; list-style: none; margin-top: 18px; margin-bottom: 20px;}
#eyebrow li {position: relative; float: left; left: 1px; height:24px; list-style: none; border-right: 1px solid #7496b5;}
#eyebrow a {display: block; padding: 0 10px; color: #fff; text-decoration: none;}
#eyebrow a:hover {text-decoration: underline;}

#searchform {position: relative; width: 238px; padding-left: 5px; padding-right: 10px; clear: right; float: right; background: url(~/media/site/bridwell/structure/searchform.ashx) 0 0 no-repeat;}
#searchform #q {float: left; width: 200px; color: #fff; border: 0; background: transparent; margin-top: 4px; line-height: 1;}
#searchform #sa2 {float: right;}

#nav {position: relative; height: 44px; background: #dde4eb url(~/media/bridwell/structure/nav.ashx) 0 0 no-repeat; font-size: 1.3em; font-weight: bold; border-bottom: 10px solid #fff;}
#nav ul {float: left; list-style: none; padding: 4px 10px 0;}
#nav li {list-style: none; float: left; line-height: 40px; margin-right: 20px;}
#nav li a {position: relative; display: block; padding: 0 0 0 15px; text-decoration: none; background: url(../img/nav.png) left -80px no-repeat; color: #536573; zoom: 1;}
#nav li a span {position: absolute; right: -15px; top: 0; width: 15px; height: 40px; overflow: hidden; background: url(../img/nav.png) right -80px no-repeat;}
#nav li a:hover {background-position: left -40px;}
#nav li a:hover span {background-position: right -40px;}
#nav li.on a {background-position: left 0; color: #fff;}
#nav li.on a span {background-position: right 0;}

#askalibrarian {padding: 4px 10px 0;}
#askalibrarian a {float: right; line-height: 40px; color: #fff; text-decoration: none; padding: 0 40px 0 0; background: url(~/media/site/bridwell/structure/askalibrarian.ashx) right 2px no-repeat;}

#wrapper {padding-top:12px;}

#main {position: relative; overflow: hidden; background: #fff url(~/media/site/bridwell/structure/main.ashx) 10px 0 repeat-y;}

#sidebar {position: relative; left: 10px; padding-bottom: 150px; background: #ced8e2;}
#sectiontitle {background: #244f7c; margin-bottom: 10px; color: #fff; padding: 0 15px; font-size: 1.5em; line-height: 2;}

#leftnav {list-style: none; margin: 0 0 10px 0; padding: 0; font-size: 100%;}

#leftnav a
{
text-decoration:none;
}

/*
#leftnav p {width:194px; padding: 5px 18px; line-height:14px; margin-bottom:6px;}
#leftnav a {font-weight: normal;color: #666; text-decoration: none;}
#leftnav a:hover { font-weight: normal; color: #B10000;}
#leftnav p.indent {margin-left: 10px; font-size:90%;}

#leftnav p.header {background: #244f7c; margin-bottom: 10px; color: #fff; padding: 0 18px; font-size: 1.4em; line-height: 2;}
#leftnav p.header a {color: #fff; text-decoration:none;}
#leftnav p.selected,  #leftnav .selected a {font-weight: bold; color: #2c5a88; background: #dde4eb; }
*/

/*BILLCODE*/

#leftnav .MenuLevel0 p {
background:none repeat scroll 0 0 #244F7C;
color:#FFFFFF;
font-size:1.4em;
line-height:2;
margin-bottom:10px;
padding:0 18px;
}
#leftnav .MenuLevel0 a {
color:#FFFFFF;
}


#leftnav .MenuLevel0 p.Selected {
background:none repeat scroll 0 0 #244F7C;
color:#FFFFFF;
}

#leftnav .MenuLevel0 p.Selected a {
background:none;
color:#FFFFFF;
font-weight:normal;

}



#leftnav .MenuLevel1 p {
background:none;
font-weight:normal;
font-size:100%;
line-height:1.7;
}
#leftnav .MenuLevel1 a {
color:#666666;
}

#leftnav .MenuLevel2 p, #leftnav .MenuLevel3 p, #leftnav .MenuLevel4 p, #leftnav .MenuLevel5 p, #leftnav .MenuLevel6 p, #leftnav .MenuLevel7 p {
font-size:90%;
margin-left:10px;
}

#leftnav  .MenuLevel0 span .Selected {
background:none repeat scroll 0 0 #DDE4EB;
}

#leftnav  .MenuLevel0 span .Selected a {
color:#2C5A88;
font-weight:bold;
}

#leftnav .MenuLevel3 p {
    margin-left: 20px;
}
#leftnav .MenuLevel4 p {
    margin-left: 30px;
}

#leftnav .MenuLevel5 p {
    margin-left: 40px;
}
#leftnav .MenuLevel6 p {
    margin-left: 50px;
}
#leftnav .MenuLevel7 p {
    margin-left: 60px;
}

/*END BILLCODE*/

#leftsearch {position: absolute; left: 10px; bottom: 0; border-top: 10px solid #fff; background: #719ebf; padding: 10px; width: 210px; overflow: hidden;}
#leftsearch h4 {color: #fff; margin-bottom: 9px;}
#leftsearch .text {width: 150px; margin-right: 3px; border: 0;}

#breadcrumbs {position: relative; height: auto; margin: 0 10px;}
#breadcrumbsfade {position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: url(~/media/site/bridwell/structure/breadcrumbsfade.ashx) left bottom repeat-x;}
/*
#breadcrumbslist {position: absolute; left: 0; top: 0; width: 910px; background: url(~/media/site/bridwell/structure/breadcrumbslist.ashx) left top repeat-y; margin: 0; padding: 10px; list-style: none; overflow: hidden;}
*/
#breadcrumbslist {
/*
    background-color: #FFFFFF;
*/
background: url("~/media/site/bridwell/structure/breadcrumbsexhibit.ashx") repeat-y scroll left top transparent;

    left: 0;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 910px;
}

#breadcrumbslist p, #breadcrumbslist li {float: left; margin: 0; padding: 0; color: #244f7c;}
#breadcrumbslist a {text-decoration: none; color: #244f7c;}
#breadcrumbslist a:hover {text-decoration: underline;}
#breadcrumbslist span {padding: 0 10px;}


#breadcrumbsExhibit {
background-color: #FFFFFF;
/*

    background: url("~/media/site/bridwell/structure/breadcrumbsexhibit.ashx") repeat-y scroll left top transparent;
*/

    
left: 0;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 0;
/*
    width: 670px;

*/

width: 910px;

}

#breadcrumbsExhibit p, #breadcrumbsExhibit li {float: left; margin: 0; padding: 0; color: #244f7c;}
#breadcrumbsExhibit a {text-decoration: none; color: #244f7c;}
#breadcrumbsExhibit a:hover {text-decoration: underline;}
#breadcrumbsExhibit span {padding: 0;}


#content {clear: both; margin: 0 20px; padding: 20px 0 40px; font-size: 110%; overflow: hidden; color: #25384b;}
#content h1 {color: #536573; font-size: 220%; margin-bottom: 1em;}
#content h2 {color: #536573; font-size: 160%; margin-top: .5em;}
#content h3 {color: #536573; font-size: 130%;}

#contentsearchform h3 {margin: .8em 0 0 0;}
#contentsearchform h3:first-child {margin-top: 0;}
#contentsearchform .text {width: 200px;}

#contentcolumn.span-24 {background: #fff;}
#contentcolumn.span-24 #breadcrumbs {margin-bottom: 10px;}
#contentcolumn.span-24 #breadcrumbslist {width: 930px;}
#contentcolumn.span-24 #content {margin: 0 10px; padding: 30px 30px 40px;}

#contentcolumn.colorscheme1 #content {background: #e5e4d2;color:#25384B;}

/*
#contentcolumn.colorscheme1 #content {background: #000;color:#eee;}
*/

#contentcolumn.colorscheme1 h1{color:#25384B;}
#contentcolumn.colorscheme1 h3{color:#25384B;}

#contentcolumn.colorscheme2 #content {background: #c4bba9;}
#contentcolumn.colorscheme3 #content {background: #dcbf95;}
/*
#contentcolumn.colorscheme4 #content {background: #c7d3cf;}
*/
#contentcolumn.colorscheme4 #content {background: #000;color:#eee;}



.backnext {clear: both; float: right; margin: 0 0 1.5em 4em;}

.backlink {
background-image:url(~/media/site/bridwell/structure/bridwell_back1.ashx);
	display:block;
	height:28px;
	width:98px;
text-indent:-9999px;
float:left;
}

.nextlink {
background-image:url(~/media/site/bridwell/structure/bridwell_next1.ashx);
	display:block;
	height:28px;
	width:98px;
text-indent:-9999px;
float:left;

margin-left:10px;
}


.thumbnaildisplay {
margin-left: auto;
margin-right: auto;
width:auto;
}

.thumbnaildisplay p {
    float: left;
    margin: 0 15px 0 0;
    width: 130px;
}

.imageDetailsThumbnail {
float:left;
}

.imageDetailsThumbnail img {
    border: 2px solid black;
}

.exhibittopicsgrid {overflow: hidden; margin: 2em 0;}
.exhibittopicsgrid p {float: left; width: 130px; margin: 0 15px 0 0;}
.exhibittopicsgrid a {
display: block; 
margin-bottom: 1px; 
text-decoration: none; 
font-weight: bold;
/* 
background: rgb(255,255,255); 
background: rgba(255,255,255,0.4); 
*/
line-height: 1.2; 
padding: 5px; width: 120px;}
.exhibittopicsgrid img {
display: block; 
width: 100px; 
height: 100px; 
border: 2px solid black;
margin: -5px;
}

.exhibittopicsgrid table {
	margin-bottom:0;
}

.exhibitionbox.currentexhibitions {background: #dad8c1;}
.exhibitionbox.pastexhibitions {background: #dee7b2;}
.exhibitionbox {position: relative; padding: 15px; margin-top: 1em;}
.exhibitionbox h2 {margin: -15px -15px 15px !important; padding: 5px 15px; background: url(../img/exhibitionbox.png) 0 0 repeat-y; color: #fff !important; font-style: italic; text-shadow: -1px 1px 1px rgba(0,0,0,0.4);}
.exhibitionbox img {float: left; margin: 0 10px 10px 0; border: 5px solid #fff; width: 75px; height: 75px;}
.exhibitionbox a {font-style: italic; font-weight: bold; text-decoration: none;}
.exhibitionbox .viewall {position: absolute; right: 10px; top: 11px; background: rgb(255,255,255); background: rgba(255,255,255,0.6); font-size: 80%; line-height: 1.8;}
.exhibitionbox .viewall a {display: block; padding: 0 5px; font-style: normal;}

.formdiv p {margin: .5em 0; line-height: 1;}
.formdiv .hr {clear: both; height: 1px; overflow: hidden; margin: .5em 0; background: #ddd;}
.formdiv label {line-height: 3; font-weight: normal;}
.formdiv .small.last {line-height: 3.8; margin: 0;}
.formbottom {border-top: 1px solid #ddd; background: #e6f5fa; padding: 9px 18px; text-align: right; margin-top: 18px;}

#footer {background: #0c3b6d url(~/media/site/bridwell/structure/footer.ashx) 0 0 no-repeat; padding: 10px 0 0;}
#footercontact {padding: 18px; font-size: 90%; color: #9ab6cd;}
#footercontact span {padding: 0 4px;}
#footer a {text-decoration: none; color: #9ab6cd;}
#footer a.loud {color: #fff;}
#footer a:hover {text-decoration: underline; color: #fff;}
#footertagline {padding: 18px; color: #9ab6cd; font-size: 90%; text-align: right;}
#footertagline strong {display: block; font-family: georgia, serif; font-style: italic; font-size: 150%; color: #fff; font-weight: normal;}
#footertagline sup {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-style: normal; font-size: 50%; color: #fff; font-weight: normal;}

#main.homepage {background: #fff;}
#main.homepage #contentcolumn {position: relative; left: 0;}
#main.homepage #content {margin: 0 10px; padding: 10px;}
#main.homepage #content img.shuffle {margin: 0 -10px 1.5em 1.5em;}
#main.homepage #content h1 {margin-top: .5em;}
#main.homepage #content h1 .small {display: block; font-size: 60%; font-weight: bold; margin: 0; color: #7f9eba;}

#main.homepage #breadcrumbs {margin: 0 10px; width: 570px; height: auto; background: #7d9db9;}
#main.homepage #breadcrumbslist {position: relative; width: auto; overflow: hidden; background-position: -80px 0;}
#main.homepage #breadcrumbslist a {text-decoration: none; color: #244f7c;}
#main.homepage #breadcrumbslist a:hover {text-decoration: underline;}
#main.homepage #breadcrumbslist span {padding: 0 10px;}

#homesearch {position: relative; margin: 0 10px; padding: 20px 15px; background: #7d9db9; overflow: hidden; width: 540px;}
#homesearch h2 {color: #fff; font-size: 130%; margin: .8em 0 0 0;}
#homesearch h2:first-child {margin-top: 0;}
#homesearch .text {width: 230px; margin-right: 3px; border: 0;}

#homesearch .right {background: #6689aa; padding: 20px; color: #fff;}
#homesearch .right h3 {color: #fff; font-size: 130%;}
#homesearch .right ul {margin: 0; padding-left: 1em;}
#homesearch .right li {margin: 0 0 3px 0;}
#homesearch .right a {color: #fff; text-decoration: none;}
#homesearch .right a:hover {text-decoration: underline;}

#main.homepage #sidebar {background: #dad8c0 url(~/media/site/bridwell/structure/homesidebar.ashx) left bottom repeat-x; left: 0; padding: 0; font-size: 110%;}
#main.homepage .sidebarbox {position: relative; padding: 15px; clear: both;}
#main.homepage .sidebarbox h2 {margin: -15px -15px 15px !important; padding: 5px 15px; background: url(~/media/site/bridwell/structure/homesidebarbox.ashx) 0 0 repeat-y; color: #fff !important; font-style: italic; text-shadow: -1px 1px 1px rgba(0,0,0,0.4); font-size: 160%;}
#main.homepage .sidebarbox img {float: right; margin: 0 0 10px 10px; border: 5px solid #fff; width: 75px; height: 75px;}
#main.homepage .sidebarbox a {font-style: italic; font-weight: bold; text-decoration: none;}
#main.homepage .sidebarbox .viewall {position: absolute; right: 10px; top: 11px; background: rgb(255,255,255); background: rgba(255,255,255,0.6); font-size: 80%; line-height: 1.8;}
#main.homepage .sidebarbox .viewall a {display: block; padding: 0 5px; font-style: normal;}
#main.homepage .sidebarbox .newsbox {font-size: 90%; padding: 10px 0;}


/*
.span-24 {
      width: 1050px;
}


p {
display:none;
}
h1 {
display:none;
}
.spacer{
display:none;
}

#content h3{
display:none;
}
#content p{
display:none;
}
#content .exhibittopicsgrid{
display:none;
}

#contentcolumn.colorscheme1 #content {
    background: none repeat scroll 0 0 #E5E4D2;
    display: none;
}
*/

@font-face {
    font-family: "FoundationIconsSocial";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/foundation-icons-social.eot?#iefix") format("embedded-opentype"), url("/fonts/foundation-icons-social.woff") format("woff"), url("/fonts/foundation-icons-social.ttf") format("truetype"), url("/fonts/foundation-icons-social.svg#FoundationIconsSocial") format("svg");
}
@font-face {
    font-family: "FoundationIconsGeneral";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/foundation-icons-general.eot?#iefix") format("embedded-opentype"), url("/fonts/foundation-icons-general.woff") format("woff"), url("/fonts/foundation-icons-general.ttf") format("truetype"), url("/fonts/foundation-icons-general.svg#FoundationIconsGeneral") format("svg");
}
.glyph {
    cursor: default;
    font-size: 16px;
    line-height: 1;
}
.glyph.general {
    font-family: "FoundationIconsGeneral";
}
.glyph.social {
    font-family: 'FoundationIconsSocial';
}