@charset "UTF-8";
/* CSS Document */
/*Begin Structure*/
html{
    overflow-y:scroll;
}
body{
    background:#919191 url(../gradient_919191.gif) top left repeat-x;
    margin:0 auto;
    padding:0;
    width:950px;
}
.container{
    background:url(../container.jpg) top center repeat-y;
    margin:0;
    padding:0;
}
#header{
    background-image:url(../header.jpg);
    height:137px;
    width:950px;
}

#content{
    min-height:100%;
    padding:0 20px;
}
#footer{
    background-image:url(../footer.jpg);
    height:40px;
    width:950px;
}
/*End Structure. Begin Decorations*/
.wnsrLogo{
    display:block;
    height:174px;
    left:-15px;
    margin-top:5px;
    position:relative;
    width:216px;
}
.header{
    left:325px;
    letter-spacing:3px;
    position:relative;
    top:-155px;
}
.ticker{
    background-color:#666666;
    border-bottom:1px solid #d8132e;
    margin:0 auto;
    padding:0;
    text-align:center;
    width:948px;
}
.copyright{
    color:#fff;
    float:right;
    font-size:12px;
    margin:15px;
}
.copyright a{
    color:#fff;
}
.anchor{
    color:#fff;
    float:left;
    font-size:12px;
    margin:15px;
}
.anchor a{
    color:#fff;
}
#logos{
    float:right;
    position:relative;
    right:-60px;
    top:-194px;
    width:540px;
    z-index:3000;
}
.teamLogo{
    display:block;
    float:left;
    height:63px;
    width:90px;
}
.firstRow{
    position:relative;
    left:-30px;
}
img{
    margin:0;
}
.advertisment{
    color:#a1a1a1;
    font-family:serif;
    margin:0 auto;
    margin-top:20px;
    width:200px;
}
.subPageAd{
    background-color:#b7b7b7;
    color:#fff;
    float:right;
    font-family:serif;
    margin:20px 0;
    max-width:270px;
    min-width:230px;
    text-align:center;
}
.imgLeft{
    float:left;
    margin:0 15px 0 0;
}
.imgRight{
    float:right;
    margin:0 0 0 15px;
}
.greyBox{
    border:1px solid #062d61;
    width:100%;
}
.whiteBox{
    background-color:#FFF;
    border:1px solid #062d61;
    width:100%
}
.boxHeadlineLeft{
    background:url(../sections_header.gif) center repeat-x;
    color:#FFF;
    height:25px;
    line-height:25px;
    padding-left:10px;
    width:96%;
}
.boxHeadlineMiddle{
    background:url(../sections_header.gif) center repeat-x;
    color:#FFF;
    height:25px;
    line-height:25px;
    padding-left:10px;
    width:97%;
}
embed{
    margin:0;
    margin-left:5px;
}
.justified{
    clear:left;
    letter-spacing:.5px;
    padding:10px;
    text-align:justify;
}
#weather{
    margin:10px 20px;
}
#bottomBanner{
    height:60px;
    text-align:center;
}
.caption{
    background-color:#666666;
    color:#fff;
    float:left;
    margin-bottom:15px;
    margin-right:20px;
    padding:10px;
    text-align:justify;
    width:210px;
}
.withCaption{
    display:block;
    margin:0 auto;
}
div#scrollHolder{
    float:right;
    position:relative;
    width:201px;
    z-index:2000;
    top:-198px;
    padding-right:2px;
}
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 		
	height:131px;
        clear:both;
}


/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
}

/* single scrollable item */
div.scrollable div.items img {
	float:left;
}

