/* global */
html {overflow-y: scroll;}
body {background-image: url(../graphics/bg.gif); font-family: arial; color: #000;}


/* header */
#header {width: 904px; margin: 0 auto 0 auto; color: #FFF; overflow: auto;}
#header img {float: left; margin-right: 10px; border: none;}
#header h1 {margin: 10px 0 5px 0;}
#header p {font-size: 12px; font-weight: bold; margin: 0;}
#header p span {color: #FC0;}

/* menu */
ul.menu, ul.submenu {list-style-type: none; margin: 0 auto 0 auto; padding: 0; background-color: #EBEBEB; width: 904px; border-bottom: 1px solid #999; overflow: hidden;}
ul.menu li, ul.submenu li {float: left;}
ul.menu a, ul.submenu a {color: #6D6D6D; text-decoration: none; padding: 7px 10px 7px 10px; text-transform: uppercase; font-weight: bold; border-right: 1px solid #999; display: block; font-size: 16px;}
ul.menu a:hover, ul.submenu a:hover {background-color: #999; color: #FFF;}
ul.submenu {border-top: none; display: none;}

li.menuoption {color: #6D6D6D; text-decoration: none; padding: 7px 22px 7px 10px; text-transform: uppercase; font-weight: bold; border-right: 1px solid #999; display: block; font-size: 16px; background-image: url(../graphics/menu-arrow-down-grey.png); background-position: center right; background-repeat: no-repeat}
li.menuoption:hover {background-color: #999; color: #FFF; cursor: pointer; background-image: url(../graphics/menu-arrow-down-white.png);}

ul.submenu li.menuclose {float:right; height: 22px; padding: 6px 12px 6px 12px;}

/* main content area */
#content {width: 884px; margin: 0 auto 0 auto; overflow: hidden; background-color: #FFF; overflow: auto; border-top: 1px solid #000; padding: 10px; color: #000;}
/* .content-left {width:604px; float: left;} 
.latestvideos {width:602px; border-bottom: 2px solid #000; height: 339px; display: block;}
.messagebox {margin-top: 20px; padding:10px; background-image: url(../graphics/transparent-black.png);}
.messagebox h2 {color: #FFF; margin: 0; font-size: 18px; text-transform:uppercase;}
.messagebox h3 {color: #D5D5D5; margin: 0; font-size: 12px;}
.content-left .messagebox {float: left;}
*/

/* CSS main content styling before implementation of slicker design */
#content h2 {background-color: #D6D6D6; text-transform: uppercase; color: #2E2E2E; padding: 7px 10px 7px 10px; margin:0 0 10px 0; clear:both; font-size: 24px;}
#content ul {list-style-type: none; margin: 0 auto 10px auto; overflow: hidden; padding: 0;}
#content li {float: left;}
#content li a {display: block; margin: 0 2px 2px 0; text-decoration: none; width:108px; text-align:center; color: #333; font-size: 12px; height: 150px; overflow: hidden;}
#content li a img {width: 108px; border: none; float: left; margin-bottom: 3px;}
#content li a:hover {text-decoration: underline;}
#content h3 {text-align: right; margin: 0 auto 10px auto; clear:both;}
#content h3 a {color: #585858;}
.content-left {width: 574px; float: left; margin: 0 10px 0 0; overflow: hidden;}
.content-right {float: left; width: 300px; overflow: hidden;}
.content-right .partner {margin: 0 0 10px 0; overflow: auto; font-size: 14px; color: #666; text-align: center;}
.content-right .partner img {display: block; margin: 0 0 4px 0; border: none;}
.content-right .partner a {font-weight: bold; color: #ff5400}
/* CSS main content styling before implementation of slicker design END */

.breadcrumbs {margin-bottom: 7px; font-size: 12px; color: #333; }
.breadcrumbs a {color: #F90; }

/* video page player */
#videoplayer {overflow: hidden; width: 640px; margin: 0 10px 10px 0;}
.videodownload {float: left; width: 230px; overflow: hidden; margin: 0 0 10px 0;}

.videosh {margin: 0 2px 2px 0;; background-color: #000; color: #EAEAEA; text-transform: uppercase; font-size: 16px;}
ul.somevideos {list-style-type: none; margin: 0; padding: 0;}
ul.somevideos li {float: left; border-bottom: 2px solid #000; border-right: 2px solid #000;}
ul.somevideos a {display: block; width: 300px; height: 169px; text-decoration:none;}

/* footer */
#footer-ad {text-align: center; overflow: hidden;}
#footer-ad iframe {margin:10px 0 10px 0;}

#footer {width: 884px; margin: 2px auto 0 auto; overflow: hidden; background-color: #999; padding: 10px; color: #FFF; font-size: 12px; font-weight: bold;}
#footer a {color: #FFF}