/* new styles for revamp 5-3-12 */
body {
    background-color: #ffffff;
    font-family: "Lucida Sans",sans-serif!important;
}
body *{fnt-family: "Lucida Sans",sans-serif!important;}
h1, h2, h3, h4, h5 {
    color:#C08A17;
}

h6 {
    display:none;
}

h1.headingBackground, h2.headingBackground, h3.headingBackground, h1.headingBackgroundTrans, h2.headingBackgroundTrans, h3.headingBackgroundTrans, #content .sys_contactDetails h2 {
    color:#C08A17!important;
    background-color:#ffffff;
    padding-left:0;
    border-bottom: 1px solid #C08A17;
}


#wrapper #pageTitle {
    width: 960px;
    margin-bottom: 1em;
    left: 0;
    padding: 0;}

#wrapper {
background-color: #ffffff;
background-image:none;
}
#wrapper #pageTools, #wrapper #toolBar, #wrapper #pageToolsTab {background: none; border: none; left: -203px;}

#pageTools ul, #pageToolsTab ul {
    margin-right: 9px;
    margin-top: 7px;
}
#pageTools ul li a, #pageToolsTab ul li a {
background-color: #C08A17;
color:#ffffff;
padding:5px;
font-weight:bold;
}

#pageTitle, #pageTitleNoIcon {
    left: 0em;
    margin-bottom: 0em; }

#wrapper #content .sys_generalPersonProfileName a {
background-color: #C08A17;
color:#ffffff;
padding: 6px;display:block;
text-decoration: none;
    font-weight:bold;
}
#wrapper #content .sys_generalPersonProfileName a:hover {background: #000; color:#ffffff; text-decoration:none;}


#content {
     background-color: #FFFFFF;
}

#internal #internalNav {
    background-color: #FFFFFF;
}
#internalNav ul {
     background-color: #FFFFFF;
}
#internal #internalNav ul.sys_simpleListMenu li div.sys_selected a, #internal #internalNav ul.sys_simpleListMenu li div.sys_selected span {
    background-color:#C08A17;
}

#internal #internalNav #NavDiv {
    padding-top: 4px;
}

#wrapper #internalNav ul li {
    border-bottom-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#internalNav ul li ul li {
}

#internal #internalNav ul.sys_simpleListMenu li div.sys_selected a {
    color:#FFFFFF;
}
#internalNav ul li ul {
    background-color: #FFFFFF;
}

#internalNav ul li a, #internal #internalNav ul li span {
    color:#535353;
    background:#e3e8ea;
}

#wrapper #internalNav ul li a:hover {
    background: #57626B; color: #fff;}
    
#pageTitle strong.sys_schoolHeader_topSmall, #pageTitleNoIcon strong.sys_schoolHeader_topSmall {
    color:#C08A17;
    font-size: 1.8em;
}


body #wrapper #content table thead th, body #wrapper #content table tbody th{background: #C08A17; color: #fff;}


#wrapper #content .sys_subalternatingitem{padding: 6px!important;}

#wrapper #content #schoolHomepageNews_List .sys_subalternatingitem{background:none;}



body #wrapper #content .sys_subalternatingitem, #wrapper #content ul.sys_publicationsListing li.sys_alt {
    background-color:#f4ebd7;
}

body #wrapper #content .sys_events-control .sys_subitem a, 
body #wrapper #content .sys_news-control .sys_subitem a, 
body #wrapper #NewsArchiveList_List .sys_subitem a{color: #4a4949; font-weight:bold;}

.sys_imageWithHeading h1, .sys_imageWithHeading h2, .sys_imageWithHeading h3, #content .sys_image-with-heading .sys_heading {
    background-image: url("/siteelements/images/base/internal/bg-textoverlay-darkyellow.png");
    color:#C08A17!important;
    
}


#content h1.headingBackground, #content h2.headingBackground, #content h3.headingBackground, #content .sys_contactDetails h2{background-color: #C08A17 }




#wrapper #content .sys_flickrpager {
    border-top: 2px solid #C08A17;
    color: #4a4949;

}


.sys_imageWithHeading h1 a, .sys_imageWithHeading h2 a, .sys_imageWithHeading h3 a, #content .sys_image-with-heading .sys_heading a {color:#ffffff!important; padding:5px; text-decoration:none; font-weight:bold;}
.sys_imageWithHeading h1 a:hover, .sys_imageWithHeading h2 a:hover, .sys_imageWithHeading h3 a:hover, #content .sys_image-with-heading .sys_heading a:hover {color:#000000!important; padding:5px; text-decoration:underline; font-weight:bold;}

.sys_H1-image-714px-right h1, .sys_H1-image-920px-right h1, .sys_H1-image-466px-right h1, .sys_H1-image-714px-textOverlay h1, .sys_H1-2line-image-714px-textOverlay h1, .sys_H1-2line-image-920px-textOverlay h1 {
    padding-bottom:0.15em!important;
    right: -2px;
}

.sys_H1-2line-image-714px-textOverlay h1 span.sys_grey, .sys_H1-2line-image-920px-textOverlay h1 span.sys_grey, .sys_H1-2line-image-714px-textOverlay h1 span.sys_normal, .sys_H1-2line-image-920px-textOverlay h1 span.sys_normal {
    color:#FFFFFF;
}
#wrapper #bottom {
      border-top: #C08A17 7px solid;
      background-color: #ffffff;
      width: 700px;
      float: right;
}

#wrapper #bottom p {
    color: #535353;
}
#wrapper #bottom h2 {
color:#C08A17;
font-weight:normal;
font-size:1.2em;
padding-bottom:5px;
}
#wrapper #bottom p.sys_esrclogo {
    float:right;
    margin-top:-147px;
}

#wrapper #bottom a {
    color:#535353;
}
#wrapper #bottom a:hover {
    color:#dc9f1a;
}

#pageTitle img.right {
    position: absolute;
    right: 70px;
    top: 0;
}
#footer ul {
     text-align: right;
     margin-left: -12.5em;
}

#footer ul li {
     border: medium none;
     display: inline;
     margin: 5px 0px;
}

#footer ul li:last-child, #footer ul li.sys_last {
     border-right: 0px none;
}

#wrapper .slicknav_menu ul{font-size: .85em!important;;}
#wrapper .slicknav_menutxt{background-color: #57626B; color: #fff; text-decoration:none;}
#wrapper .slicknav_menutxt:hover{background-color: #000;}
#wrapper .slicknav_menu ul{background:#e3e8ea;}
#wrapper .slicknav_menu .sys_selected a{color: #000; text-decoration:underline;}

#wrapper .slicknav_menu a:hover{color: #000; text-decoration:underline;}


/* backup of original css */
/* #pageTitle img.right {
    position: absolute;
    right: 70px;
    top: 0;
}
#footer ul {
     text-align: center;
}

#footer ul li {
     border: medium none;
     display: inline;
     margin: 5px 80px;
}

#footer ul li:last-child, #footer ul li.sys_last {
     border-right: 0px none;
}
*/




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

    #wrapper #pageTitle{padding: 0;width: 100%; }
}


@media screen and (max-width: 767px) {
    #wrapper #bottom .sys_content{padding-top: 1em;}
    #wrapper #bottom p.sys_esrclogo{float:none; margin: 0;}
    #wrapper #bottom h2, #wrapper #bottom .sys_left, #wrapper #bottom .sys_right{margin: 0 0 1em 0;}
    #wrapper #footer ul{margin: 0 0 2em 0; width: 100%;}
#wrapper #footer ul li {
    padding:0;
    font-size:  inherit;
    display: inline-block;
}


}