/** 
 * SilverStripe TAL Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */

html {
    overflow-y: scroll;
}

body {
	margin:0;
	padding:0;
	background-color:#07060b;
	background-image:url(../images/bg-team.jpg);
	background-position: center bottom;
	background-attachment: fixed;
	background-repeat:no-repeat;

}


.header{
	margin:20px auto 0;
	padding:0;
	width:1000px;
	height:132px;
	background-image:url(../images/masthead.gif);
}

.header-left{
	margin:0;
	padding:0;
	width:280px;
	height:132px;
	float:left;
}

.header-right{
	margin:22px 0 0 0;
	padding:0;
	width:720px;
	float:left;
}

.header-right img {
	border:0;
}



.navi-row{
	margin:0 auto;
	padding:0;
	width:1000px;
	height:25px;
	background-color:#000;
	
}

#navi {
	margin:0;
	padding:0;
	height:25px;
	width:530px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-image: url(../images/bg-global-nav.gif);
	background-repeat: repeat-x;
	float:left;
}

#navi ul{
	margin:0;
	padding:0;
	height:25px;
	list-style:none;
	line-height:1;
}

#navi li.top {
	margin:0;
	padding:0;
	height:25px;
	float:left;
	text-align:center;
}

.top-a {
	width:130px;	
}

.top-b {
	width:100px;	
}

.top-c {
	width:110px;	
}

.top-d {
	width:90px;	
}

.top-e {
	width:170px;	
}

.top-f {
	width:85px;	
}

.top-g {
	width:85px;	
}

#navi li.top-divide {
	margin:0;
	padding:8px 0 0 0;
	width:5px;
	float:left;
	color:#8b6237;
	text-align:center;
}

#navi li a.top {
	display:block;
	width:auto;
	height:17px;
	padding:8px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
}

#navi li a.top:hover {
	color:#e56c3c;
}



#navi li ul {
	padding: 0;
	position: relative;
	width:290px;
	height:325px;
	z-index:999;
	left:-3000px;
}



#navi li.navi-sub {
	padding: 0;
	width:290px;
	height:325px;
	
}


#navi li:hover ul, #navi li.sfhover:hover ul {
	left:auto;
}

#navi li:hover ul.navi-sub-align-right {
	left:-273px;
}



.navi-sub-top-one {
	padding:10px;
	background:url(../images/bg-menu-1.jpg) left top no-repeat;
	overflow:hidden;
	border-bottom:1px solid #fff;
}

.navi-sub-top-two {
	padding:10px;
	background:url(../images/bg-menu-2.jpg) left top no-repeat;
	overflow:hidden;
	border-bottom:1px solid #fff;
}

.navi-sub-top-left {
	padding: 0;
	width:170px;
	font-size:10px;
	font-weight:bold;
	line-height:normal;
	text-align:left;
	float:left;
}

.navi-sub-top-left a {
	display:block;
	padding: 0	10px 10px 22px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-image:url(../images/navi-arrow.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

.navi-sub-top-left a:hover {
	color:#e56c3c;
	background-position:0 0;
	
}

.navi-sub-top-right {
	padding: 0;
	width:100px;
	font-size:10px;
	font-weight:bold;
	float:left;
}

#navi li.navi-login {
	padding: 0;
	width:390px;
	background-color:#FFF;
	border:1px solid #CCC;
	
	
}

#navi li.navi-login a {
	text-decoration:none;
}

#navi .navi-login-box{
	padding:10px 30px;
	text-align:left;
	font-weight:normal;
	line-height:normal;
	color:#666;
}

#navi .navi-login-header {
	color:#3e2309;
	font-size:24px;	
	padding:10px 0 10px;
}

#navi .navi-login-formbox {
	margin:10px 0 10px 0;
	padding:10px 15px;
	text-align:left;
	font-weight:normal;
	background-color:#ebebeb;
}

#navi .login-row {
	padding:8px 0 0 0;
}

#navi .login-row input {
	width:290px;
	height:30px;
	padding:0 5px;
	border:1px solid #666;
}

#navi .btn-row {
	padding:12px 0 0 0;
	overflow:hidden;
}

#navi .btn {
	width:150px;
	float:left;
}

#navi .forgot {
	padding:10px 0 0 0;
	width:150px;
	float:left;
	text-align:right;
}




.search {
	margin:0;
	padding:0;
	height:25px;
	width:470px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	/* background-image: url(../images/bg-search.gif); */
	background-repeat: repeat-x;
	float:left;

	
}

.search-home{
	margin:0;
	padding:7px 0 0 0;
	width:80px;
	float:left;
	text-align:center;
}

.search-contact {
	margin:0;
	padding:7px 0 0 0;
	width:90px;
	float:left;
}

.search-box{
	margin:0;
	padding:4px 0 0 0;
	width:300px;
	float:left;
}

.search a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
}

.search-box form .keyword {
	border:0;
	width:158px;
	height:18px;
	/* background-color: transparent; */
}

.search-box form .submit {
	border:0;
	width:20px;
	height:15px;
}

.layoutarea{
	margin:0 auto;
	padding:0;
	width:1000px;
	overflow:hidden;
	background-color:#E49F35;
	text-align: left;
}

.content{
	margin:0 auto;
	padding:0;
	width:1000px;
	overflow:hidden;
	background-color:#e49f35;
	text-align: left;
}

.meet-the-cast {
	background-image: url(../images/bg-cast.gif);
	background-repeat:no-repeat;
}

.meet-the-crew {
	background-image: url(../images/bg-crew.gif);
	background-repeat:no-repeat;
}

.contact {
	background-image: url(../images/bg-contact.gif);
	background-repeat:no-repeat;
}

.donate {
	background-image: url(../images/bg-donate.gif);
	background-repeat:no-repeat;
}

.sponsors {
	background-image: url(../images/bg-sponsors.gif);
	background-repeat:no-repeat;
}

.support {
	background-image: url(../images/bg-support.gif);
	background-repeat:no-repeat;
}

.teachers-guide {
	background-image: url(../images/bg-teachers.gif);
	background-repeat:no-repeat;
}

.discussion-topics-thought-starters {
	background-image: url(../images/bg-thought.gif);
	background-repeat:no-repeat;
}

.fun-facts {
	background-image: url(../images/bg-funfacts.gif);
	background-repeat:no-repeat;
}

.featured-players {
	background-image: url(../images/bg-players.gif);
	background-repeat:no-repeat;
}

.photos {
	background-image: url(../images/bg-photos.gif);
	background-repeat:no-repeat;
}

.video {
	background-image: url(../images/bg-video.gif);
	background-repeat:no-repeat;
}

.timeline {
	background-image: url(../images/bg-timeline.gif);
	background-repeat:no-repeat;
}





.content-inner {
	margin:20px 20px 0;
	padding:0;
	overflow:hidden;
}

.content-inner-main {
	margin:0;
	padding:0;
	width:730px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}

.home-feature-row {
	margin:15px 0 0 0;
}

.home-newsbox {
	width: 230px;
	height:146px;
	background-image: url(../images/bg-home-newsbox.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
}
.home-newsbox-pad {
	padding:10px 8px 0 12px;
}

.home-newsbox-text {
	height:109px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}
.home-newsbox-text a {
	color:#fff;
	text-decoration:none;
}

.hp-feeds-title {
	font-size:14px;
	font-weight:bold;
}

.hp-feeds-date {
	font-size:10px;
}

.home-newsbox-more {
	text-align:right;
}

.home-gutter {
	width: 15px;
	height:146px;
	float:left;
}

.home-feature2 {
	width: 245px;
	float:left;
}

.home-feature3 {
	width: 230px;
	float:left;
}

.content-inner-main-image {
	margin:0;
	padding:0;
	width:485px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.caption {
	margin:7px 0 0 0;
	padding:0;
	color:#793101;
	font-style:italic;
}


.subnav {
	margin:0;
	padding:0;
	width:235px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.subnav ul{
	margin:0 0 0 5px;
	padding:0;
	list-style:none;

}

.subnav li {
	margin:0;
	padding:4px 30px 4px 0;
	background-image:url(../images/subnav-arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	border-bottom:1px dotted #faecd7;
}

.subnav li a{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
}

.content-inner-main-text {
	margin:0;
	padding:0;
	width:690px;
	color:#330000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}


.content-inner-main-text h1 {
	font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:32px;
}

.content-inner-main-text h2 {
	font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
}

.content-inner-main-text h3 {
	font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	margin:15px 0 5px 0;
}

.white {
	color:#fff;
}


.content-inner-sidebar {
	width:230px;
	padding:0;
	float:left;
}

.sidebar-ad {
	margin:0 0 15px 0;
}

.footer {
	margin:0 auto 20px;
	padding:0;
	width:1000px;
	background-image: url(../images/bg-footer.png);
	background-repeat: repeat-y;
}

.footer-columns {
	padding:30px 0 20px 25px;
	overflow:hidden;
}

.footer-column {
	height:190px;
	width:175px;
	float:left;
}

.footer h2 {
	margin:0;
	font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#fff;
}

.footer-column p {
	margin:8px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#95e8fc;
}

.footer-column a {
	color:#95e8fc;
	text-decoration: none;
}

.footer-column a:hover {
	color:#fff;
}

.footer-dots {
	height:190px;
	width:25px;
	float:left;
	background-image:url(../images/footer-dots.png);
}

.footer-base {
	height:59px;
	background-image:url(../images/footer-base.png);
}

.footer-base-left {
	width:500px;
	float:left;
}

.footer-base-left-text {
	margin:22px 0 0 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}

.footer-base-right {
	width:500px;
	float:left;
}

.footer-base-right-text {
	margin:22px 0 0 0;
	width:335px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	float:left;
}

.footer-base-right-text a {
	color:#fff;
	text-decoration:none;
}

.social-icon {
	margin:13px 0 0 0;
	width:42px;
	text-align:right;
	float:left;
}
/* home page slideshow */
.slidestage { height: 405px; width: 720px; margin: 0; background-color:#433628; position: relative; overflow:hidden }
.slideshow { height: 405px; width: 720px; margin: 0; position: absolute; top: 0; z-index:500 }
.bar { height: 405px; width: 720px; margin: 0; position: absolute; top: 0; z-index:600 }
.slideshow1-box { height: 405px; width: 720px; margin: 0; position:absolute; top: 0; z-index:700 }
.slideshow1 { height: 405px; width: 720px; margin: 0; }

/* feeds */
.feeds-title {
	font-family: 'Rokkitt', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	margin:0;
}

.feeds-date {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	margin:0 0 5px 0;
}

.feeds-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 5px 0;
}

.feeds-more {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 15px 0;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: #442f10; 
width: 1000px; 
height: 27px; 
margin: 0 0 10px 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 5px;
width: 980px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 1000px;
color: #e4a035;
font: 16px 'Rokkitt', Arial, Helvetica, sans-serif;
text-transform:uppercase;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0 40px 0 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #e4a035;
font: 16px 'Rokkitt', Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin: 0 50px 0 0;
}