/**
* Font sizes
**/

body {
    margin: 0;
    padding: 0;
    font-family: arial;
}

img {
    border: 0;
}

body, a {
    color: #331C36;
}

.content h1 {
    font-size: 113%; /* 18px; */
}

.content h2 {
    font-size: 75%;
}

.content p, .pop_up p {
    font-size: 75%;
}

.content dd, .content li, #header .about, #footer .about, .content .buttons, .pop_up .buttons, .pop_up .copyright {
    font-size: 75%; /* 12px */
}

.images {
    font-size: 75%; /* 12px; */
}

.image {
    font-size: 75%; /* 12px; */
}

form input, .content dt {
    font-size: 89%;/*14px;*/
}

#header label, .pop_up label, #advanced label, #advanced .clear_form {
    font-size: 75%; /*14px*/
}

.example dd {
    font-size: 75%;
}

.example dt {
    font-size: 75%; /*14px;*/
}

.pagination  {
    font-size: 75%; /*12px;*/
}
.pagination h1, .pagination h2 {
    font-size: 100%;
}

.error {
    font-size: 75%;
}

.item .link {
    font-size: 75%;
}

.content h3, .pop_up h3 {
    font-size: 220%; /* 36px */
    font-weight: normal;
    padding: 0;
    margin: 0;
    line-height: 0.8em;
}

.content h2, .pop_up h2 {
    font-size: 114%; /* 18px */
    font-weight: normal;
    margin: 0;
}

.content form h3, .pop_up h3 {
    font-size: 114%; /* 18px */

}

.content ul.museums a {
    font-size: 120%; /* 14px */
}

.error {
    border: 1px solid #f00;
    background: #ffa;
    padding: 5px;
    margin: 0 28px 25px 0;
}

.item div {
    font-size: 75%;
}

ul.links, #tab ul, #filter, #navigator {
    font-size: 75%; /* 12px; */
}

#sidebar li {
    font-size: 75%;
}

h4 { font-size: 100%; } /* 12px */

/**
* Global
**/

a { text-decoration: none; font-weight: bold;}
a:hover { text-decoration: underline; }
fieldset { border: 0;}
body {
    margin:0;
    padding: 0;
    background: #e8efe8 url(../images/body.gif);
}

div.page {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    background: white url(../images/page.gif) repeat-y;
}

#header {
    background: url(../images/header.gif) top left no-repeat;
    padding: 0 0 0 27px;
    height: 122px;
}

#header, #header a {
    color: #331c36;
}

#header a, #filter, #filter input {
    color: #622567;
}

#header fieldset { margin:0; padding: 0; }
#header input { vertical-align: middle; }
#header form { margin: 0; }

.radio { vertical-align:middle; }

#header ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header .col1 {
    float: left;
    width: 330px;
}

#header .col1 fieldset {
    margin: 19px 0 0 5px;
}

#header .col1 #searchcriteria {
    height: 20px;
    width: 216px;
    margin-right: 2px;
    border: 1px solid #AFA7B1;
    background: white url(../images/textfield.gif) no-repeat;
    padding: 5px 0 0 5px;
}

#header h1 { margin: 0; }
#header h1 span { display: none; }
#header h1 img {
    margin: 20px 0 0 0;
}

#header .col2 {
    float: right;
    width: 602px;
}

#header .col2 .about {
    margin: 16px 157px 0 0;
    text-align: right;
}

#header .filter {
    float: left;
    padding: 12px 0 0 0;
    width: 400px;
}

#header .filter select {
    margin: 1px 0 11px 0;
    border: 1px solid #aeafae;
    color: #595c5d;
    width: 230px;
}

#header .filter .museums {
    float: left;
}
#header .museums {
    width: 308px;
}


#header #label_owner {
    width: 78px;
    margin-top: 2px;
    float: left;
}

#header .filter fieldset {
    width: 200px;
    float: left;
}

#header .filter label.checkbox{
    font-weight: bold;
    /* nowrap cause of opera */
    white-space: nowrap;
}

#header .filter ul {
    float: right;
    width: 90px;
}

#header .links {
    float: right;
    width: 195px;
    margin-top: 32px;
    line-height: 1.56em;
}

#header .links li {
    background: url(../images/arrow.gif) left no-repeat;
    padding-left: 14px;
}

#header .links a, #detail #navigator .links a { font-weight: normal; }

#middle {
    background: url(../images/content.gif) 598px 0 no-repeat;
    padding: 0 15px 25px 15px;
    line-height: 1.18em;
}

#tab {
    background: url(../images/tab.jpg) 10px 0 no-repeat;
    height: 28px;
}

#frontpage #tab {
    background: url(../../images/tab_frontpage.jpg) 0 top no-repeat;
}
#frontpage dl {
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 1em;
}
.copyrightText {
    font-size: 75%;
    line-height: 1em;
    margin-top: 40px;
    margin-bottom: 0px;
    padding-left: 6px;
}
#tab ul {
    margin: 0 0 0 17px;
    padding: 0;
    list-style: none;
}

#tab li {
    float: left;
    display: inline;
    height: 22px;
    padding: 4px 30px 0 30px;
    vertical-align: middle;
    background: #dfd9de;
    border-top: 1px solid #5d3960;
    border-right: 1px solid #5d3960;
    border-bottom: 1px solid #5d3960;
}
#tab li a { font-weight: normal; }
#tab li.selected {
    background: white;
    border: 1px solid #692e6d;
    border-bottom: 1px solid white;
}

#filter fieldset {
    border-bottom: 1px solid #ddcfde;
    padding: 7px 0 6px 0;
    margin: 0 15px 0 15px;
    width: 863px;
}
#filter fieldset img, #filter .hits, #navigator fieldset.current_page {
    float: right;
    margin-right: 42px;
}
fieldset.right {
    float: right;
    font-size: 75%;
    margin-right: 40px;
}
.current_filter {
    margin: 0 15px 0 15px;
    padding: 6px 0;
    width: 863px;
}

.current_filter a, .museum .about a { color: #003471; }

#filter .selected { margin-left: 100px; }
#filter .selected img { margin: 0 5px; }

#filter .button, #navigator .button {
    vertical-align: middle;
    background: transparent;
}

#navigator {
    background: #3b283d url(../images/navigator.jpg) repeat-y;
    color: white;
    height: 27px;
    margin-left: 1px;
    padding: 2px 70px 0 20px;
    margin-bottom: 28px;
}
#navigator input, #navigator select { background: white; border: 0; vertical-align: middle;}
#navigator fieldset { float: left; }
#navigator a { color: white; margin-right: 15px;}
#navigator span.page {padding-right: 10px;}
#navigator, #filter { clear: both; }

.Thing #navigator, .Photograph #navigator {
    padding-top: 10px;
    height: 27px;
}
.Thing #navigator { background: #7aa772 url(../images/navigator_thing.png) no-repeat; }
.Photograph #navigator { background: #744078 url(../images/navigator_photo.png) no-repeat; }

.Thing #navigator .links, .Photograph #navigator .links {
    float: right;
    padding-right: 148px;
}


.content {
   /* et */
   /*border: 1px solid;*/
   padding: 0 12px ;
}

.item, .item a {
    color: #363636;
}

.item {
    /* et */
    /* border: 1px solid;*/
    width: 280px;
    float: left;
    margin: 0 10px 24px 0;
    vertical-align: top;
}

.item img {
    border: 1px solid #2b2c2c;
    float: left;
    margin-top: 5px;
}

.item div {
    margin-left: 124px;

}

h4 {margin:0;padding:0;}

label.Thing {
    color: #4e7148;
    background: url(../images/icon_thing.gif) 0 2px no-repeat;
    padding: 0 0 0 20px;
}
label.Photograph {
    color: #622567;
    background: url(../images/icon_photo.gif) 0 2px no-repeat;
    padding: 0 0 0 20px;
}

#filter input.radio { margin-right: 7px; }
#filter label.radio { margin-right: 19px; }
#locationcriteria {
    height: 20px;
    vertical-align: middle;
    margin-right: 23px;
    background: white url(../images/textfield.gif) no-repeat;
    border: 1px solid #3A243D;
    padding: 5px 0 0 5px;
}

.collage {
    border: 2px solid #331C36;
    margin-bottom: 32px;
    background: url(../images/h2_frontpage.jpg) top right no-repeat;
}


.content, content a {
    color: #331C36;
}

#frontpage .content .museum {
    float: left;
    width: 215px;
    padding-top: 8px;

}

#frontpage .content h3 {
    background: url(../images/h3.jpg) no-repeat;
    padding-left: 4px;
    padding-bottom: 15px;
}

.content ul.museums {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.2em;
    clear: both;
}

.content ul.museums li {
    float:   left;
    display: inline;
    width: 230px;
    padding-left: 6px;
    margin-bottom: 1em;
}


/**
* #detail
* Used on Photo and Item details
**/
.description {
    width: 480px;
    float: right;
    color: #464646;
}

#frontpage .description { width: 470px; float: left; margin-left: 16px; }
#frontpage .contact_info { float: right; width: 200px;}

#detail .museum {
    float: left;
    width: 190px;
    border-top: 1px solid #bcbdbc;
    margin-right: 16px;
    padding-top: 25px;
    color: #464646;
}

.content .museum ul { list-style: none; padding: 0; margin: 35px 0 0 0; }
.content .museum a { font-weight: normal; }

#detail .museum p { padding: 0; margin: 0 0 20px 0; }
#detail .museum .img { border-top: 1px solid #bcbdbc; padding: 7px 0; }

#frontpage .museum .img { margin-bottom: 10px;}
#frontpage .museum .img, #frontpage .museum li { margin-left: 4px;}
#frontpage .museum ul { padding: 12px 0; margin-top: 0;}




.museum ul.about {
    border-top: 1px solid #bcbdbc;
    border-bottom: 1px solid #bcbdbc;
    padding: 24px 0;
    margin: 0;
}
.museum li.order a, .museum li.mail a, .museum li.print a { color: #6c6f70; }

.order { background: url(../images/icon_order_photo.gif) 0 3px no-repeat; padding-left: 32px; line-height: 2.2em; }
.mail { background: url(../images/icon_mail_photo.gif) 0 3px no-repeat; padding-left: 32px; line-height: 2.2em; }
.print { background: url(../images/icon_print_photo.gif) 0 3px no-repeat; padding-left: 32px; line-height: 2.2em; }

.Thing .order { background: url(../images/icon_order_thing.gif) 0 3px no-repeat; padding-left: 32px; line-height: 2.2em; }
.Thing .mail { background: url(../images/icon_mail_thing.gif) 0 3px no-repeat; padding-left: 32px; line-height: 2.2em; }
.Thing .print { background: url(../images/icon_print_thing.gif) 0 3px no-repeat; padding-left: 32px; line-height: 2.2em; }

.content dt {
    font-weight: bold;
    padding-top: 4px;
    margin-top: 5px;
}

#detail .content dl {
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 1em;
}

.content dd {
    margin:0;
}

.content dd ul {
    list-style: none;
    margin: 0.5em 0 1em 0;
}

.content dd li {
    margin-left:0;
}

#detail .images {
    float: left;
    width: 224px;
    line-height: 1.3em;
    padding-bottom: 10px;
}

#detail .images img {
    margin: 0 1px 1px 0;
}
#detail .imagesdet {
    float: left;
    width: 600px;
    line-height: 1.3em;
    padding-bottom: 10px;
}
#detail .imagesdet .copyright{
    font-size: 75%;
}
.copyright {
    margin: 16px 0 25px 0;
    padding-top: 8px;
    font-weight: bold;
    color: #333;
}

.images label, .image label {
    color: #333;
}

/**
* Pop ups
**/

.popup_placer { position:fixed; top:0; left:0; width:100%; height:100%;  }
.popup_placer_middle { height:100%; display:table; margin:0 auto; }
.popup_placer_inner { vertical-align:middle; display:table-cell; }

.pop_up  {
    margin: 0 auto;
    text-align: left;
    width: 600px;
    padding: 5px;
}


.pop_up .copyright {
    margin:0;
    padding: 10px 6px 6px 6px;
    font-weight: normal;
}

.pop_up img { margin: 5px 8px 0 0; }
.pop_up .img { float: left; vertical-align: middle; }
.pop_up p.img_description { margin-top: 150px;}

.pop_up fieldset { padding: 0; margin: 0; }
.pop_up fieldset img { margin: 0 15px 0 6px; }
.pop_up p { margin:0 0 1em 0; }
.pop_up fieldset div { padding-top: 2px;clear:both;}
.pop_up .buttons {
    margin-top: 5px;
    text-align: right;
}
.pop_up .buttons input {
    vertical-align: top;
    margin: 4px 5px 0 17px;
}
.pop_up .buttons img { margin:0 10px; }

.pop_up form label {
    float: left;
    font-weight: bold;
    width: 5.5em;
    margin: 3px 0 0 6px;
}

.pop_up h2, .pop_up .buttons {
    padding: 6px;
}

.pop_up .buttons .links {
    float: left;
    margin-top: 2px;
}


/**
* Forms
**/
.content form { margin:0;}


.contact_us { width: 483px; }
.contact_us img { float: left; }

.content form h3, .pop_up h3 { padding: 13px 0 14px 6px; }

.pop_up input.text {
    width: 390px;
    margin-right: 2px;
    float: right;
}
.pop_up textarea {
    width: 478px;
    margin: 3px 0 0 0;
}
.cancel {
    padding-left: 21px;
    margin-right: 14px;
}



/**
* Photo and Thing styles
**/
.pop_up input.text { border: 2px solid #e5efe3;}

.Photograph .pop_up { border: 2px solid #e7d9e9; background: #f7f3f8; }
.Photograph textarea { border: 2px solid #e7d9e9; }
.Photograph h2, .Photograph .buttons  { background: #d7cad8; }
.Photograph .content label, .Photograph h2, .Photograph .buttons, .Photograph .buttons a { color: #622567; }
.Photograph .cancel { background: url(../images/button_g_photo.png) 2px 1px no-repeat; }

.Thing .pop_up { border: 2px solid #e5efe3; background: #f7faf6; }
.Thing  textarea { border: 2px solid #e5efe3; }
.Thing  h2, .Thing  .buttons  { background: #d7e1d5; }
.Thing  .content label, .Thing h2, .Thing .buttons, .Thing .buttons a { color: #4e7148; }
.Thing .cancel { background: url(../images/button_cancel_thing.png) 2px 1px no-repeat; }


/**
* Advanced search form
*/
#advanced .content fieldset label {
    width: 180px;
    float: left;
    text-align: right;
    margin: 8px 10px 0 0;
    color: black;
}

#advanced .content .clear_form { float: right;font-weight: normal;text-decoration: underline;}

#advanced .content fieldset .field { float: left;width: 420px;}
#advanced .content fieldset input, #advanced .content fieldset select, #advanced .content fieldset textarea { margin-top: 6px; }

#advanced .content fieldset { padding-top: 10px;}

#advanced .content fieldset legend {
    padding-top: 10px;
    font-size: 140%;
    color: #622567;
}

#advanced .content fieldset input, #advanced .content fieldset textarea {
    background: white url(../images/textfield.gif) no-repeat;
    border: 1px solid #AFA7B1;
    padding: 5px 0 0 5px;
}

#advanced .content fieldset input.searchbutton {
    border: 0;
    background: none;
    margin-left: 705px;
}
/* width: 800px; */
#advanced .content fieldset div.first { border-top: none;}
#advanced .content fieldset div {
    width: 579px;
    margin-bottom: 10px;
    padding-top: 3px;
    border-top: 1px solid #e1e1e1;
    clear: both;
}

#advanced .content fieldset div div { border: none; clear: none;}
input.year { width: 4em;}

/* width: 370px; */
#advanced .content fieldset div p {
    width: 0px;
    float: right;
    padding-right: 0;
    margin: 0;
}




/**
* #footer
**/

#footer {
    background: url(../images/footer.gif) bottom left no-repeat;
    text-align: right;
    padding: 0 27px 28px 27px;
    color: #6C6F70;
}

#footer .about {
    border-top: 1px solid #622567;
    padding: 14px 8px 0 0;
}

#footer a {
    color: #6C6F70;
    font-weight: normal;
}

#footer img {
    vertical-align: middle;
    margin-left: 11px;
}

#footer .created_by {
    display: inline;
    margin-left: 51px;
}