/*****************************/
/* GENERAL */
/*****************************/
#content #tabsNav{
padding-top:10px;
padding-bottom:10px;
border-bottom:10px #295369 solid;
}
#content #tabsNav li{
font-size:130%;
}
#content #tabsNav #intro{
font-size:130%;
margin:0 2.5%;
width:95%;
}
#contentContainer #content #mediaGalleryMain{
background:#F9F9F9;
width:95%;
padding:25px 2.5%;
}
#content #tabsNav .highlight, #content #mediaGalleryMain .highlight{
color:#F053C9;
font-weight:normal;
}

/**** Search Form ****/
.formElement{
width:39%;
padding:0 2%;
float:left;
margin-bottom:15px;
}
.formElement label, .formElement select, .formElement input[type=text]{
text-align:left;
width:100%;
display:block;
}
.formElement label{
font-size:130%;
font-weight:bold;
padding:0;
margin:0 0 5px 0;
}
.formElement select, .formElement input[type=text]{
font-size:100%;
}
.formElement input[type=text]{
padding:6px 5px;
}
.formElement select{
padding:5px;
}
#content #submitSearch{
float:left;
padding:7px 5px;
margin:12px 0 0 7px !important;
}
#content #submitSearch input{
padding-top:4px;
}
fieldset.searchOption{
display:block;
clear:both;
margin:0 auto 5px;
padding:5px 10px;
background:#EFEFEF;
width:93%;
}
fieldset.searchOptionAdvance{
background:#E3E3E3;
}
fieldset.searchOption legend{
display:none;
}
fieldset.searchOption label{
padding-right:5px;
color:#333333;
}
fieldset.searchOptionAdvance select{
padding:2px;
}
#searchExtras{
float:right;
padding:0;
margin:0;
font-size:90%;
}
#showAdvancedSearch, #clearSearch{
margin-top:2px;
}

/**** gallery ****/
#gallery{
margin:10px 0 0 0;
float:left;
width:100%;
min-height:729px;
height:auto !important;
height:729px;
}
small.mediaType{
background:#FFFFFF;
color:#666;
right:16px;
padding:0 4px;
position:absolute;
top:-15px;
}
a:hover span small.mediaType{
background:#EFEFEF;
color:#333;
}
#gallery .thumbnails{
padding-bottom:10px;
}


/*** navigation **/
#content .nav{
font-size:120%;
padding: 10px 20px 0;
}
#content .nav li{
list-style:none;
list-style-image:none;
display:inline;
padding:0 5px;
margin:0;
}
#content .nav li a.tinyBt{
font-size:90%;
}
#content .nav li a.tinyBt span{
padding:4px 8px;
}
#content #mediaAndInfoBox #help{
margin-bottom:15px;
}

#content .thumbnails li {
width:22%;
}
/*** Enlarge ***/
#mediaDisplay{
margin:10px auto;
}
#mediaDisplay a, #mediaDisplay #myVideo{
border:solid 1px #CCC;
position:relative;
padding:4px;
float:left;
background-image:none;
}
#mediaDisplay a img{

}
#mediaDisplay a #mediaCaption, #mediaDisplay #myVideo #mediaCaption{
padding:4px 10px;
margin:0;
font-style:italic;
color:#333;
}
#mediaDisplay a:hover{
background:#efefef;
border-color:#666;
box-shadow:0 0 10px #CCC !important;
-moz-box-shadow:0 0 10px #CCC !important;
-webkit-box-shadow: 0 0 10px #CCC !important;

}
#mediaDisplay a:hover img{
box-shadow:0 0 10px #CCC !important;
-moz-box-shadow:0 0 10px #CCC !important;
-webkit-box-shadow: 0 0 10px #CCC !important;
}
#mediaDisplay a:hover span{
background:#efefef;
color:#000;
padding:10px 10px 15px;
}
#mediaAndInfoBox{
border:solid 1px #ccc;
width:100%;
padding:0 0 30px 0;
margin:22px auto 5px;
float:left;
}
#mediaAndInfoBox #imgInfo, #mediaAndInfoBox .description, .copyright_statement{
padding:0 5%;
width:90%;
float:left;
}
#mediaAndInfoBox #imgInfo{
background:#EFEFEF;
padding:10px 5% 8px;
margin:0 0 15px 0;
}
#mediaAndInfoBox #imgInfo li{
display:inline;
list-style-image:none;
margin:0;
padding:0 2%;
}
.description{
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
clear:both;
font-size:130%;
margin:15px auto 10px!important;
padding:0 15px;
text-align:justify !important;

}
.copyright_statement p{
margin:2px 0;
padding:0;
}



/**** Videos ***/
.mediaGallery #content #mediaGalleryMain #mediaDisplay{
width:550px;
}
#myVideo{
width:540px;
}



/**** Collections ***/
#content #tabsNav #subTabs{
width:100%;
font-size:70%;
}
#content #tabsNav #subTabs ul{
padding:0;
margin:0;
float:0;
}