﻿@media screen {
	
	body { background: url(Images/bg_tile.png) repeat; background-size: 100% auto; font-family: Trebuchet MS, Helvetica, Sans-Serif; font-size: small; }

	#headerWrapper { background-color: white; }
	#headerWrapper, #headerWrapper a { color: black; }
    #copyrightWrapper, #copyrightWrapper a { color: black; }
}

.cems-sectionheader-main, .ui-widget-header, .sectionHeader { background-color: #EE2E24; color: white; }
.cems-sectionheader-main a, .ui-widget-header a, .sectionHeader a { color: white; }
.cems-sectionheader-alt, .sectionHeaderHighlighted { background-color: #FCBC0C; color: white; }
.cems-sectionheader-alt a, .sectionHeaderHighlighted a { color: white; }
.cems-copyright, .cems-copyright a { color: black; }
.ui-widget-content, .ui-widget-content a { color: #333333; }

#cems-sr-head { width: 100%; background-color: white; margin: 0; padding: 38px 0; }
#cems-sr-head > div { width: 100%; max-width: 1200px; margin: 0 auto; }
#cems-sr-head > div > div:nth-child(1) > img { width: 100%; max-width: 122px; border: 0; }
#cems-sr-head > div > div:nth-child(3) { color: black; text-align: right; font-family: 'Source Sans Pro', sans-serif; font-size: 17px; padding-top: 5px; }

#cems-sr-foot { background-color: white; text-align: center; }
#cems-sr-foot > div:nth-child(1) { font-family: 'Source Sans Pro', sans-serif; font-size: 17px; color: black; padding-left: 5px; padding-right: 5px; }
#cems-sr-foot > div:nth-child(1) > img { vertical-align: middle; border: 0; }
#cems-sr-foot > img:nth-child(2) { display: block; width: 100%; border: 0; }

@media (min-width:1px) and (max-width:699px) {

    #cems-sr-head > div > div:nth-child(1), #cems-sr-head > div > div:nth-child(3) { text-align: center; }
    #cems-sr-head > div > div:nth-child(2) { display: none; }
}

@media (min-width:700px) {

    #cems-sr-head > div > div:nth-child(1) { float: left; width: 20%; text-align: left; padding-left: 5px; }
    #cems-sr-head > div > div:nth-child(2) { float: left; width: 60%; color: #ee2e24; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 47px; padding: 5px 10% 0 10%; }
    #cems-sr-head > div > div:nth-child(3) { float: left; width: 20%; text-align: right; padding-right: 5px; }
}