@import url(master.css);

/* --- structure layouts --- */
#contentum {margin:0 auto; width:960px; background:url("../images/contentbg.jpg") repeat-x #555555;}
#content {clear:both; float:left; width:663px;}
#features {float:left; width:663px; height:404px; margin:2px; overflow:hidden; background:url("../images/featurebg.jpg") no-repeat;}
#sidebar {float:right; width:290px;}
#pagenav {padding-top:10px;}
#contentum #pagenav h2 {margin-left:2px; margin-bottom:-12px; text-indent:-4px;}
#pagenav ul {margin-top:15px;}
#small-eyes {position:relative; top:0px; float:right; width:273px; height:43px; background:url("../images/sm_eyes.png") no-repeat; margin-bottom:-43px;}

/* --- top news content --- */
#topnews {float:left; width:522px; height:404px; padding:1px 1px 0px 4px; overflow:hidden;}
#topnews img {margin:3px 0px 2px 4px; border:1px solid #333333;}
#topnews h1 a {padding:3px 5px 0px 5px; font-size:17px; color:#004731; text-decoration:none;}
#topnews h1 a:hover {text-decoration:underline;}
#topnews p {padding:0px 6px 3px 6px; font-size:11px; line-height:12px;}
#a, #b, #c, #d {position:relative; top:0; left:0; height:404px;}

#minis {float:right; width:127px; padding:3px 4px;}
#minis li {list-style:none; padding-bottom:1px; line-height:0;}
#minis img {border:1px solid #333333;}
#minis a:focus {outline:none;}
#controls {position:relative; top:-2px; left:38px;}
#controls li {float:left; list-style:none;}
#pause {display:none;}

/* --- tabbed content --- */
.container {clear:both; width:663px; margin-left:-1px; padding-top:11px;}
ul.tabs {float:left; list-style:none;}
ul.tabs li {float:left; position:relative; width:132px; margin-right:-24px; background:url("../images/tabhome.png") no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase;}
ul.tabs li.active {background-position:0px -34px; z-index:10 !important; text-indent:-5px;}
ul.tabs li.t1 {z-index:6; text-indent:-10px; }
ul.tabs li.t2 {z-index:5;}
ul.tabs li.t3 {z-index:4;}
ul.tabs li.t4 {z-index:3;}
ul.tabs li.t5 {z-index:2;}
ul.tabs li.t6 {z-index:1;}
ul.tabs li a {float:left; width:105px; height:34px; line-height:34px; padding-left:24px; color:#ffffff; text-decoration:none;}
ul.tabs li a:hover {text-decoration:underline;}
ul.tabs li.active a {color:#004731;}
.tab-container {clear:both; position:relative; top:-5px; width:663px; height:323px; margin:-5px 0 0 3px; background:url("../images/hometabbg.png") no-repeat; z-index:100;  overflow:hidden;}
.tab-content {position:relative; top:4px; width:655px; height:312px; margin:0 auto;}
.tab-info {position:relative; top:7px; left:9px; width:638px; height:294px; overflow:auto;}

.tab-container ul li {margin:3px 0 3px 35px;}
.tab-container p {padding:0.5em 0;}
.tab-container ul {margin-top:10px;}
.tab-container img {border:0;}
.tab-container a {text-decoration:none;}
.tab-container table p {padding:0.5em;}


/* --- sidebar tabbed (headline/calendar) content --- */
#news {width:286px; height:210px; margin-left:-2px; /*padding-top:29px;*/}
#news .content {position:relative; top:8px; left:10px; width:270px; height:161px; overflow:auto;}
.news-container {clear:both; position:relative; top:-5px; left:3px; width:286px; height:181px; background:url("../images/newsbg.png") no-repeat; z-index:50; overflow:hidden;}

#news h1 {font-weight:normal; font-size:11px; padding-bottom:2px; margin-bottom:8px; border-bottom:1px solid #999999;}
#news h1 a {color:#004721; text-decoration:none;}
#news h1 a:hover {text-decoration:underline;}
#news .date {font-weight:bold; font-size:10px;}




/* --- sidebar tabbed (schedule/media) content --- */
#results {width:286px; height:333px;}
#results .content {position:relative; top:8px; left:10px; width:270px; height:315px; overflow:auto;}
.results-container {clear:both; position:relative; top:-5px; left:3px; width:288px; height:334px; background:url("../images/schedulebg2.png") no-repeat; z-index:50; overflow:hidden;}

#results .date {display:block; background-color:#004731; padding:4px; color:#ffffff; font-size:10px; font-weight:bold; text-transform:uppercase;}

#schedule {left:2px !important; width:282px !important;}
#schedule table {width:94%; margin:0 auto 8px auto; padding-bottom:2px; font-size:10px; border-bottom:1px solid #999999;}
#schedule td.heading {font-weight:bold; text-transform:uppercase;}
#schedule p.location {float:left; padding-left:20px;}
#schedule p.time {float:right;}
#schedule ul {margin-left:15px;}
#schedule a {color:#004721; text-decoration:none;}
#schedule a:hover {text-decoration:underline;}

#media {margin-left:-2px; width:272px !important;}
#media ul {margin-left:-3px;}
#media ul li {list-style:none; float:left; margin:3px 1px; font-size:10px; text-align:center;}
#media ul img {border:none;}

/* --- sidebar tabs --- */
ul.news-tabs, ul.results-tabs {float:left; position:relative; list-style:none;}
ul.news-tabs li, ul.results-tabs li {float:left; position:relative; width:160px; margin-right:-26px; background:url("../images/tabside.png") no-repeat; font-size:10px; font-weight:bold; text-transform:uppercase;}
ul.news-tabs li.active, ul.results-tabs li.active {background-position:0px -34px; z-index:20 !important; text-indent:-5px;}
ul.news-tabs li.press, ul.results-tabs li.schedule {z-index:2; text-indent:-10px;}
ul.news-tabs li.dates, ul.results-tabs li.media {z-index:1;}
ul.news-tabs li a, ul.results-tabs li a {float:left; width:105px; height:34px; line-height:34px; padding-left:25px; color:#ffffff; text-decoration:none;}
ul.news-tabs li a:hover, ul.results-tabs li a:hover {text-decoration:underline;}
ul.news-tabs li.active a, ul.results-tabs li.active a {color:#004731;}




/* --- sidebar spotlight content --- */
/*
#spotlight {width:290px; height:171px; background:url("../images/spotlightbg.png") no-repeat; background-position:bottom; padding-top:59px;}
#slides {float:left; position:relative; top:-26px; left:6px; width:274px; height:140px; }
#spotlight h1 {float:left; position:relative; top:-29px; left:-3px; width:160px; height:34px; background:url("../images/tabside.png") no-repeat;}
#spotlight h1 span {margin-left:15px; color:#ffffff; font-size:10px; font-weight:bold; text-transform:uppercase; line-height:34px;}
#spotlight img {float:left; margin:1px 0 0 2px; padding-right:10px; }
#spotlight h2 {float:left; width:165px; padding:10px 0 2px 0; color:#004731; font-size:14px; text-transform:uppercase; border-bottom:1px solid #999999;}
#spotlight h3 {float:left; width:165px; padding:5px 0 10px 0; font-size:12px;}
#spotlight p {font-size:11px; line-height:15px;}

#slidesNav {clear:both; position:relative; top:-22px; width:290px; height:15px; margin-top:2px; text-align:center;}
#slidesNav ul{list-style:none;}
#slidesNav ul li {display:inline;}
#slidesNav li a {display:inline-block; background:transparent url("../../images/slidesnav.png") no-repeat 0 0; width:15px; height:15px; margin:0 5px;}
#slidesNav li a span {display:inline-block; text-indent:-9999em; overflow:hidden;}
#slidesNav a.activeSlide {background-position:0 -15px;}
*/

/* --- sidebar social spotlight content --- */
#spotlight {width:290px; height:171px; background:url("../images/spotlightbg2.png") no-repeat; background-position:bottom; padding-top:59px;}
#spotlight h1 {position:relative; top:-29px; left:-3px; width:160px; height:34px; background:url("../images/tabside.png") no-repeat; clear:both;}
#spotlight h1 span {margin-left:15px; color:#ffffff; font-size:10px; font-weight:bold; text-transform:uppercase; line-height:34px;}
#spotlight ul.social {margin-top:6px; width:120px; list-style:none; line-height:56px;}
#spotlight ul.social li {margin:0px 8px; display:inline; clear:both;}
#spotlight a img {border:none;}
#spotlight #social {position:relative; top:-30px; left:8px; float:left;}
#spotlight #tv {position:relative; top:-25px; right:10px; float:right;}
#sidebar {margin-bottom:-35px !important;}


/* --- video content --- */
#video{position:relative; top:3px; left:4px; width:520px; height:330px; border:1px solid #333333;}
.video-player {position:relative; margin:0; width:520px;}
#ytplayer0{outline:none;}
.video-controls {background:url("../../images/video-bar.png") repeat-x; height:18px; margin:0; position:relative; width:520px;}
.status {height:10px; left:30px; position:absolute; top:1px; width:410px;}
.bar {background:#B6B6B6; height:5px; position:relative; top:5px;}
.loaded {background:#858585; height:5px; left:0; position:absolute; top:0;}
.indicator {background:#fff; display:block; height:5px; left:0; position:absolute; top:0; width:15px;}
.play-pause, .volume {background:url("../../images/video-controls.png") no-repeat; display:block; height:11px; overflow:hidden; position:absolute; text-indent:-9999px; top:4px; width:14px; outline:none;}
.play-pause {left:5px;}
.playing {background-position:0 -11px;}
.volume {background-position:0 -22px; right:42px; outline:none;}
.muted {background-position:0 -33px;}
.view-youtube {color:#000; display:block; float:right; font-size:9px; padding:0 5px 0 0; text-decoration:none; text-transform:uppercase; outline:none;}
.video-player img { border:none !important;}


/* --- IE hacks --- */
*:first-child+html #minis li {margin-bottom:-3px;}
*:first-child+html ul.tabs li {top:-5px;}
*:first-child+html #spotlight ul {margin-top:-6px;}
*:first-child+html #spotlight li {position:relative;}