body {font-family: Verdana, Tahoma, sans-serif; margin: 0 0;}
h1, h2, h3, h4, h5 {font-family: 'Forum', cursive;}
a {text-decoration: none;}
a {color:#405700;}
a:hover {color:#b1060f;}
.ucFirst {font-size:200%; font-family: 'Forum', cursive; text-transform: uppercase; font-weight: bold; margin-left:6px;}

/* main menu + h1*/
.newMenuContainer {position: fixed; top: 0; height:30px; text-align: right; z-index:6; width:100%}
.menuContents {margin: 0 auto;}
.menuContents a {color: #4f2400;}
.menuContents a.here {background-color: #f7c122;}
.mainTitle a {color: #4f2400; text-decoration: none;}

.menuLinksContainer {background: url('/site_images/white_transparent80.png') top left transparent;}

.hereImg {border:none; vertical-align:middle; margin: auto 5px;}
.menuBtn {background: url('/site_images/menu.png') top right no-repeat transparent; cursor: pointer; top: 0; right: 2%; position: absolute;}

.metroLogo {background: url('/site_images/metro_logo.jpg') center center no-repeat scroll #FFF; background-size: cover;}
.metroLogo, .metroLogo a {margin: 4px auto;}
.metroLogo a {display: block;}

.footer {margin-bottom:0px;} /*background-color:#d9e246; */
.footerContainer {margin: 0 auto; }
.footer h2 {color: #7a3525;text-align: center; margin:4px auto 6px auto;}
.footer p {margin: auto auto 0 auto;}
.footer a{color:#405700; line-height:150%;}
.oneH {width:47%; margin: 0 1%; float: left;}
.clear {clear: both; height:1px;}
.clear hr{margin: 12px auto;}
.clearHR {clear: both;}

.partners {text-align: center;}
.partnersMore {width:100%; margin: 10px 0;text-align: center;}
.partnersMore img {margin: 20px 1px;}
.mediaLogo {margin: 18px auto;}
.mediaLogo a {display: block; background-size: cover; background-position: center center; background-color:#fff;}

@media only screen and (min-width: 961px) {
.container, .footerContainer, .randomNominations, .menuContents {width: 940px;}
.metroLogo, .metroLogo a {width:600px; height:150px;}	
.mainSupport {width:600px; float: left; height:390px;}
/* .support, .mediasupport {width:69%; margin-right:1%; float: left;} */
.partners {width:29%; margin-left:1%; float: right;}
.partners img {margin: 40px auto;}
.mediaLogo, .mediaLogo a {width: 400px; height:120px;}
.menuLinksContainer {padding: 5px 4px;}
}

@media only screen and (min-width: 461px) and (max-width: 960px) {
body {font-size:22px;}
.container, .footerContainer, .randomNominations, .menuContents {width: 100%; min-width: 460px;}
.metroLogo, .metroLogo a {width:400px; height:100px;}	
.menuSeparator {display:none;}
.menuContents a {display: block; font-size:110%; line-height:150%; text-align: left}
.menuBtn {height:30px; width:30px;}
.menuContents {background-color: #FFF; display:none; border-bottom: 1px solid #E0C082; height:300px;}

/* .support, .mediasupport {width:94%;  margin: 0 auto 20px auto;}*/
.partners {width:94%; margin: 0 auto;}
.partners img {margin: 10px auto 6px auto;}
.mediaLogo, .mediaLogo a {width: 240px; height:72px;}
}

@media only screen and (max-width: 460px) {
body {font-size:20px;}
.container, .footerContainer, .randomNominations, .menuContents {width: 100%; min-width: 360px;}
.metroLogo, .metroLogo a {width:320px; height:80px;}	
.menuSeparator {display:none;}
.menuContents a {display: block; font-size:110%; line-height:150%;; text-align: left}
.menuBtn {height:30px; width:30px;}
.menuContents {background-color: #FFF; display:none; border-bottom: 1px solid #E0C082; height:300px;}
.footer h2 {font-size:100%;text-transform: uppercase;}
.footer a {font-size:90%;}

/* .support, .mediasupport {width:100%; margin: 0 auto 20px auto;}*/
.partners {width:100%; margin: 0 auto;}
.partners img {margin: 16px auto;}
.mediaLogo, .mediaLogo a {width: 240px; height:72px;}
}

@media only screen and (min-width: 1281px) {
body {font-size:18px;}
.menuContents, #basicMenu {display: block;}
}

@media only screen and (min-width: 961px) and (max-width: 1280px) {
body {font-size:18px;}
.menuContents a {font-size:110%; line-height:130%;}
.menuBtn {display: none;}
.menuContents, #basicMenu {display: block;}
}