body {
    color: #444444;
    font: 13px/21px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: #ccc;
}

.ua-search {
    padding: 0;
    position: absolute;
    right: 0;
    top: -85px;
}

.ua-search input[type="submit"] {
    border: 0 none;
    margin: 0 5px;
    padding: 6px 10px;
}


.sixteen {
    background: url("/museum/templates/css/images/banner-bgLine.jpg") repeat-x;
}
.sixteen .columns {
    background: none;
}
.container .sixteen.columns.header {
    margin: 0;
    padding-bottom: 0px;
    width: 100%;
}
#ua-banner {
    background-image: url(/museum/templates/css/images/banner.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    padding-bottom: 31px;
}
#image-banner {
    margin: auto;
    padding: 0 0 25px;
    width: 960px;
}
#image-banner img {
    margin: 0;
    width: 40%;
    padding: 25px 0 0 25px;
}
.container {
    /* background: none repeat scroll 0 0 #E4E4E4;
    */
 padding-top: 20px;
    background: none repeat scroll 0 0 #FFFFFF;
}
div#header {
    padding: 0;
}
.picture-component {
    padding-bottom: 20px;
}
.picture-component img {
    border: 1px solid #FFFFFF;
}
div#left-column {
    overflow: visible;
}
.page-content {
    background: ;
}
.flex-container {
    position: relative;
    /* margin-top: -20px;
    */
}
.flexslider {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 0 none;
    border-radius: 0;
    margin: 0 0 20px;
}

.flex-caption {
    background: none repeat scroll 0 0 #333333;
    margin: 0;
    opacity: 0.6;
}

.flexslider .slides img {
    margin: auto;
    width: 100%;
}
.flex-direction-nav {
    display: none;
    height: 0;
}
.flex-caption {
    font-size: 1.5em;
}
.flex-control-nav {
    bottom: 0;
    padding-bottom: 5px;
    position: relative;
    text-align: center;
    width: 100%;
}
div.picture-component.twocolumns {
    clear: none;
    padding-bottom: 0px;
    margin-right: 20px;
    float: left;
    width: 46%;
}
hr {
    margin: 5px 0;
}
.social-media-links {
    padding: 0;
}
.horizontalSocailIcons li {
    float: left;
    padding-right: 0!important;
    padding-left: 0!important;
    margin-bottom: 0;
    width: 33px;
}
.menuIcons .social-media-links {
    margin-left: 0%;
}
.menuIcons {
    font-size: 1.1em;
}
/* DROP DOWN MENU */

nav ul li a:link, nav ul li a:visited {
    color: white;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}

ul.home-menu {
    background: none;
    position: relative;
    top: 0;
}
ul.home-menu li {
    background: none;
    margin: 0 3em 0 0;
}
ul.home-menu ul li {
    background: none;
}
ul.home-menu li li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 0;
}
ul.home-menu ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}
ul.home-menu li a {
    border-right: 0 none;
    color: #EEEEEE;
    font-size: 1.3em;
    font-weight: normal;
    padding: 8px;
    text-transform: uppercase;
}
ul.home-menu li.hover {
    background: #F26649;
    box-shadow: 0px -5px 0px #F26649 inset;
}
ul.home-menu li li.hover {
    border-bottom: 1px solid #CCCCCC;
    background: #F26649;
}
ul.home-menu li a:hover {
    color: red;
}
ul.home-menu li.hover a {
    color: #fff;
    text-shadow: none;
}
ul.home-menu li.hover a {
    color: #fff;
    text-shadow: none;
}
ul.home-menu li li.hover a {
    text-shadow: none;
    color: #fff;
}
.drop-down-menu-component {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    margin-bottom: 0;
    margin-top: -3.8em;
    position: relative;
}
.drop-down-menu-component nav ul li {
    margin-bottom: 0;
}
/* ---- END DROP DOWN --- */
.href-list-component {
    clear: both;
    margin: 0;
}
div#right-column {
    background: none repeat scroll 0 0 white;
    margin-top: 10px;
    padding: 10px;
}
.table {
    border-bottom: 0px;
}
.group > label:first-child, .title {
    padding-top: 3px;
    padding-bottom: 3px !important;
}
/* Left column menu */
.mainmenu,#mainmenu {
    background-color: #F0F0F0;
    background: url("/museum/layoutImgs/bg-s.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    border-style: none solid solid;
    /* -moz-box-shadow: 6px 6px 2px #ccc;
    -webkit-box-shadow: 6px 6px 2px #ccc;
    box-shadow: 6px 6px 2px #ccc;
    */
}
.shadow-box {
    border-radius: 0;
    border-style: none solid solid;
}
.shadow-box .mainmenu {
    padding: 0px;
}
.shadow-box, div.rss-component {
    min-height: 0;
    background-color: transparent !important;
}
.nav-list > li > a {
    color: #6D95A9;
    display: block;
    font-weight: bold;
    padding: 3px 20px;
    text-decoration: none;
}
.nav-list > li > a:hover {
    color: #555555;
    background-color: transparent;
}
.nav-list > li > a, .nav-list .nav-header {
    text-shadow: none;
}
#siteMenu {
    margin-bottom: 20px;
}
#siteMenu .normal a,#siteMenu .selected .normal a {
    color: #555555;
}
#siteMenu .selected a {
    color: #F26649;
}
#siteMenu a:hover {
    color: #6D95A9;
}
#siteMenu li.selected a:hover {
    color: #6D95A9;
}
/* Medium Blue Menu */
.medblue,#medblue {
    background-color: ;
}
.medblue #siteMenu.selected a {
    color: #DB3026;
}
.medblue #siteMenu a:hover {
    color: #6D95A9;
}
.medblue #siteMenu li.selected a:hover {
    color: #6D95A9;
}
.gray-box {
    background: url("/museum/layoutImgs/bg-s.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    border-style: none solid solid;
    padding: 20px;
}
.component-spacing {
    margin-bottom: 0px;
}
h2 {
    font-size: 1.5em;
    text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
    color: #181818;
    font-family: helvetica;
}
h3 {
    /* color: #CF4647;
    */
 color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}
.header-component h2 {
    font-size: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
}
/* -------- Link header left column ------ */
#left-column .table,#left-column .row {
    margin: 0;
    padding: 0;
}
#left-column .component-spacing {
    margin-bottom: 0px;
}
#left-column div.href-component {
    background: #F26649;
    clear: both;
}
#left-column .href-component .title a {
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px;
}
#left-column .href-component .title a:hover {
    color: #000;
}
#left-column .href-component .bullet {
    display: none;
}
.drop-down-menu-component .active {
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -5px 0 #FFA500 inset;
}
/* ----- Borders ------ */
.dividers-1 {
    width: 47%;
}
.bgWhite {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 10px;
}
.greenBorder h3,.blueBorder h3,.redBorder h3,.grayBorder h3,.lightGrayBorder h3,.threeSections {
    padding-top: 8px;
}
.greenBorder {
    border-top: 10px solid #78C378;
}
.blueBorder {
    border-top: 10px solid #6D95A9;
}
.redBorder {
    border-top: 10px solid #CF4647;
}
.grayBorder {
    border-top: 10px solid #666666;
}
.lightGrayBorder {
    border-top: 10px solid #cccccc;
}
}
div.picture-component div.left, div.picture-component div.right, div.picture-component div.center {
    margin: 10px;
}
.picture-component .box {
    background: none;
    margin: 0 0 20px;
}
.picture-component .box .body {
    padding: 0px 10px;
}
.picture-component .box h3 {
    padding: 10px 10px;
}
.picture-component .threeSections {
    /* border-top: 10px solid #F2AD09;
    */
 float: left;
    margin: 0 10px;
}
#horizontal-div .picture-component {
    padding-bottom: 0px;
    clear: none;
}
div.picture-component .threeSections {
    clear: none;
}
.picture-component .threeSections.one,.picture-component .threeSections.two,.picture-component .threeSections.three {
    width: 30%;
}
/* ------- ------------------ */
div.footer-component {
    padding-top: 20px;
}
/* ------- Main sections styles ------------------ */
 #frontpage .drop-down-menu-component .active {
    box-shadow: ;
}
 #frontpage #column-1 {
    width: 24%;
}
 #frontpage #column-2 {
    width: 65%;
}
 #frontpage .container .column {
    margin-left: 0;
    margin-right: 0;
}
 #frontpage .container .four.columns {
    display: none;
}
 #frontpage .container .sixteen.columns {
    width: auto;
}
 #frontpage .container .twelve.columns {
    width: auto;
}
 #frontpage .page-content {
    padding-top: 5px;
}
 #frontpage .flex-container {
    margin-top: -20px;
    position: relative;
}

.horizontalSocailIcons li:nth-child(5){
clear:left;
}

/* #Media Queries================================================== */
 @media only screen and (min-width: 1200px) {
    .container .sixteen.columns.header {
    margin: 0;
}
#ua-banner {
    padding-bottom: 20px;
}
.container {
    background: none repeat scroll 0 0 #FFFFFF;
}
 .drop-down-menu-component {
    padding-bottom: 0;
}
#image-banner {
    width: 1200px;
}
.horizontalSocailIcons li:nth-child(5){
clear:none;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
 @media only screen and (max-width: 959px) {
    .container .sixteen.columns.header {
    margin: 0;
}
.container {
    padding: 20px 0px;
}
.dividers-1 {
    width: 100%;
}
.picture-component .threeSections.box.one {
    width: auto;
    margin-bottom: 20px;
}
.picture-component .threeSections.box.two,.picture-component .threeSections.box.three {
    width: 46%;
}
ul.home-menu li {
    margin: 0 1em 0 0;
}
.header-component h2 {
    font-size: 1.3em;
    line-height: 1.3em;
}
ul.home-menu li a {
    font-size: 1.2em;
}
 #frontpage .dividers-1 {
    float: left;
    padding: 0 10px;
}
 #frontpage #column-2 {
    padding-left: 10px;
    width: 70%;
}
}


@media only screen and (max-width: 767px) {

.ua-search {
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
}

 /* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    #frontpage #column-2 {
    padding-left: 0px;
    width: 100%;
}
#frontpage .container .twelve.columns {
    width: 100%;
}
.medblue, #medblue,.mainmenu {
    display: none;
}
.container .sixteen.columns.header {
    margin: 0;
    padding-bottom: 0;
}
.container .twelve.columns {
    width: 100%;
}
 .container {
    padding: 0 10px;
    margin: auto;
}
.flexslider {
    margin: 20px 0 10px;
}
.header-component h2 {
    font-size: 1em;
    padding-top: 10px;
}
h2 {
    line-height: 1.2em;
}
div.picture-component.twocolumns {
    width: 100%;
}
div#header {
    padding: 3px 0;
}
div#right-column {
    padding: 0 10px;
}
#siteMenu {
    margin-bottom: 0;
    padding: 0;
}
.component-spacing {
    margin-bottom: 0px;
}
.picture-component .threeSections.box.one,.picture-component .threeSections.box.two,.picture-component .threeSections.box.three {
    width: auto;
    margin-bottom: 20px;
}
#mobileMenu {
    display: inline-block;
    left: 0;
    position: absolute;
    top: -35px;
}
.flex-control-nav {
    display: none;
}
#image-banner img {
    width: 30%;
}
.dividers-1,.dividers-2 {
    width: 100%;
}
#column-2,#column-1 {
    width: 100%;
}
div.footer-component {
    display: none;
    padding-top: 0px;
}
.picture-component {
    padding-bottom: 0;
}

.horizontalSocailIcons li:nth-child(5){
clear:none;
}

}