html {width: 100%; height: 100% !important; background: url(/images/darcAction.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/darcAction.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/darcAction.jpg', sizingMethod='scale')"; overflow-y: auto; margin: 0px; padding: 0;}
body {margin: 0; padding: 0; overflow: hidden;}
#slideshow {width: 100%; height: 100%; position: fixed; margin: 0; padding: 0; z-index: 0;}
#slideshow img {width: 100%; height: 100%;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
img {border: none;}
a {text-decoration: none; color: #d7be02;}
#wrapper {position: relative; width: 100%; height: 100%; z-index: 2;}
#sidebar {float: left; width: 211px; min-height: 100%; background: url(/images/sidebarBG.png) repeat-y; padding: 30px 0 20px 0; margin: 0 0 -8px 20px;}
#logo {margin: 0 0 0 20px;}
#menu {font-size: 24px;}
#menu ul li {list-style-type: none; line-height: 36px;}
#menu a {text-decoration: none; color: #d7be02;}
#sponsors {margin: 20px 0 0 20px;}
#sponsors p {font-size: 11px; color: #fff; }
.sponsorLogo {margin: 0 0 10px 0;}
#contentBody {width: 680px; min-height: 100%; margin: -15px 0 0 240px; background: url(/images/contentBG.png) repeat-y; color: #fff; font-size: 14px; padding: 15px 15px 20px 15px; overflow: hidden;}
.asset-meta {height: 25px; font-size: 11px;}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
html {background-image: none; background-color: #102751; padding: none;}
#slideshow, #home .sponsorLogo, #home #sponsors p {display: none;}	
#home #sidebar {background-image: none; float: none; width: 100%; margin: 0; padding: 0; text-align: center;}
#home .logoImage {width: 400px; margin-top: 20px;}
#home #menu ul {width: 100%; border-top: 2px solid #0c2043 !important;}
#home #menu ul li {width: 100% !important; height: auto !important; border-bottom: 2px solid #0c2043; font-size: 80px !important; line-height: 92px !important; margin-left: -20px; padding: 5px 0 5px 0;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
html {background-image: none; background-color: #102751; padding: none;}
#slideshow, #home .sponsorLogo, #home #sponsors p {display: none;}	
#home #sidebar {background-image: none; float: none; width: 100%; margin: 0; padding: 0; text-align: center;}
#home .logoImage {width: 40%; float: left;}
#home #menu ul {width: 50%; float: right; border-top: 2px solid #0c2043 !important; margin-top: -10px;}
#home #menu ul li {width: 100% !important; height: auto !important; border-bottom: 2px solid #0c2043; font-size: 30px !important; line-height: 40px !important; margin-left: -20px; padding: 5px 0 5px 0;}
}

@media  only screen and (device-width: 768px) {
html {background: url(/images/darcAction.jpg) no-repeat center center fixed; }
#slideshow {display: block;}	
}
@media only screen and (device-width: 1024px) {
html {background: url(/images/darcAction.jpg) no-repeat center center fixed; }
#slideshow {display: block;}	
}