/* Sioux Falls Sports Authority Homepage Stylesheet */

body {
	margin: 0 auto; padding: 0;
	background: #74A7C4 url(images/bg_body.gif) repeat-x;
	font-family: verdana, arial, sans-serif;
	font-size: .75em;
}

img {
    border: none;
}

div#wrapper {
	width: 1000px;
	margin: 0 auto; margin-top: 1em;
	padding: 6px;
}

p.topcap {
	background: url(images/bg_main_container_top.gif) no-repeat;
	margin: 0;	padding: 0;
	line-height: 9px;
}

div#banner {
    position: relative;
	height: 444px;
	
}
	.banner_baseball { background: url(images/bg_main_masthead.jpg) no-repeat; }
	.banner_basketball { background: url(images/bg_main_masthead_basketball.jpg) no-repeat; }

    div#banner #textbox {
        position: absolute; top: 13em; left: 58.5em;
        width: 266px;     
        color: #FFF;
        font-size: .95em;
    }

    div#banner #anchor {
    display: block;
    position: absolute; top: 22em; left: 54em;
    width: 25em;
    height: 7.8em;
   }
   div#banner #anchor span { display: none; }
    
	div#banner #searchbar {
		float: right;
		margin: .8em 1em 0 0;
	}

	div#banner #searchbar label img {
		margin-right: .4em;
		vertical-align: middle;
	}
	
	form#searchbar input {
		font-family: verdana, arial, sans-serif;
		font-size: 1em;
		vertical-align: middle;
	}
	
	form#searchbar input.gobutton {
		margin-left: .4em;
	}	

div#banner #logo {
	float: left;
	margin: .6em 0 0 3em;
	width: 260px;
	height: 168px;
}

p.bottomcap {
	background: url(images/bg_main_container_bottom.gif) no-repeat;
	margin: 0;	padding: 0;
	line-height: 11px;
}

div#mainNav {
	margin: -4em 0 0 8px; 
    position: relative;
}

div#mainNav ul {
	list-style: none;
	margin: 0; padding: 0;
	height: 77px;
}

div#mainNav li {
	float: left;
	margin: 0;	padding: 0;
	line-height: 1px;	
}

div#container {
	margin-top: 1em;
}

p.containerTop {
	background: url(images/bg_container_top.gif) no-repeat;
	margin: 0;	padding: 0;
	line-height: 10px;
}
	
p.containerBottom {
	background: url(images/bg_container_bottom.gif) no-repeat;
	margin: 0;	padding: 0;
	line-height: 10px;	

}


div#mainContent {
		margin: 0;	padding: .4em 1.2em;
		background: url(images/bg_container_mid.gif) repeat-y;
		float: left;
		width: 1000px;
}

div#leftCol {
		width: 400px;
		margin: 0; 	padding: 0;
		float: left;
	}
   
.mainEventBox {
	margin: 1em 0 1em 0;
    padding: 1em;
    background: #FFF8BB;
}

	.mainEventBox h1 {
		background-color:#E2DB87;
		margin: 1em; margin-top: 0; padding: .4em;
		border-bottom: 1px solid #FFF;
		font: normal 10px Verdana;
	}
    
	.mainEventBox #mainEvents {
        padding: 0;
    }
    
	.mainEventBox #mainEventName {
		margin: 0;	padding: 0 1.4em;
		font: normal .75em Verdana;		
	}

	.mainEventBox #mainEventName h2 {
		margin:  0;	padding: 0;
		font: bold 1.6em Arial;
		color:	#00529B;
	}
	
	.mainEventBox #mainEventName p {
		margin: 1em 0;	padding: 0;
	}

    .mainEventBox hr {
        clear: both;
        margin-bottom: 1em;
        height: 1px; 
        border: none;
        border-top: 1px solid #fff;
    }
    
    .mainEventBox img {
        
    }
    
    .mainEventBox a.red:link {
        color: #F30;
    }
    
    .mainEventBox a.red:hover {
        text-decoration: none;
    }
        
    .mainEventBox a.red:visited {
        color: #F30;
    }
    
        
div#rightCol {
		margin: 2px 0 0 10px;		
		width: 559px;
		float: left;
	}

div#rightCol h1 {
	margin: 0; padding: .40em .5em;
	background: #464546;
	border-left: .4em solid #D5D6D8;
	font: normal 1.6em Arial;
	color: #D5D6D8;
}

div#rightCol h2 {
	margin: 0; padding: 0;
	font: bold 1em Verdana;
	color: #00529B;
}

div#rightCol a {
    color: #F30;
}

div#rightCol a:hover {
    text-decoration: none;
}
    
div#rightCol div#bodyCopy {
	margin: 0; padding: 1em 0;
	font-size: 1em;
}

div#rightCol div#bodyCopy p.first{
	margin: 0; padding: 0;
}


/* SUB-FOOTER */

div#subfooter {
	width: 954px;
	margin: 2.4em 1em 0 0; padding: .4em .4em 1em .8em;
	border-top: 1px solid #1F2113;
}

	div#subfooter ul {
		margin: 0; padding: 0;
	}	

	div#subfooter li {
		display: inline;
		margin: 0 1em 0 0; padding: 0;
	}	

	div#subfooter img {
		border: none;
		vertical-align: middle;
	}

	div#subfooter li.last {
		display: inline;
		margin: 0; padding: 0;
	}	

	div#subfooter .small {
		font: normal .75em Verdana;
		margin: 0 .8em; padding: 0;
	}
	
					
/* FOOTER */

div#footer {
	margin: .4em 0 0 0; padding: 0;
	width: 1000px;
	height: 40px;
	background: url(images/bg_footer.gif) repeat;
	font-size: .75em;	
}

	div#footer #copyright {
		color: #FFF;
		padding: 8px 6px;
		float: left;
	}
	
	div#footerNav {
		margin: 1.2em 1em 0 0;
		color: #FFF8BB;
		float: right;
		font-size: 1.2em;
	}
		
	div#footerNav a:link, a:visited {
		font-size: 1em;	
		color: #FFF8BB;
	}
	
	div#footerNav a:hover {
		color: #E5DFAC;
	}

.aligncenter { text-align: center; }