@charset "utf-8";
/* CSS Document */

body	{
		background: #000 url(../images/main/bg.jpg) no-repeat top center;
		font: 12px Arial, Helvetica, sans-serif;
		color: #fff;
		}
#container	{
		width: 978px;
		height: 800px;
		margin: auto;
		}
#header	{
		height: 211px;
		width: 978px;
		}
#navi	{
		width: 860px;
		height: 28px;
		margin: auto;
		}
#content	{
		background: #000;
		margin: 15px 0;
		border-top: 1px solid #fff;
		}
#cont-left	{
		background: url(../images/main/left_fade.gif) no-repeat top center;
		position: relative;
		float: left;
		width: 228px;
		min-height: 800px;
		padding: 0 0 0 1px;
		}
#cont-right	{
		background: url(../images/main/border_fade.gif) no-repeat top right;
		position: relative;
		float: left;
		width: 749px;
		min-height: 800px;
		}
#footer	{
		height: 30px;
		font-size: 10px;
		color: #ccc;
		}
		
/* Nav */
.home, .john, .casey, .trey, .about, .news, .media, .forum, .contact, .chaseelliott, .billelliott	{
		display:block;
		float: left;
		height: 30px;
		padding: 0;
		margin: 0;
		}
.home	{
		background: url(../images/main/nav/home.gif) 0 0 no-repeat;
		width: 67px;
		}
.john	{
		background: url(../images/main/nav/john.gif) 0 0 no-repeat;
		width: 64px;
		}
.casey	{
		background: url(../images/main/nav/casey.gif) 0 0 no-repeat;
		width: 71px;
		}
.trey	{
		background: url(../images/main/nav/trey.gif) 0 0 no-repeat;
		width: 61px;
		}
.about	{
		background: url(../images/main/nav/about.gif) 0 0 no-repeat;
		width: 75px;
		}
.news	{
		background: url(../images/main/nav/news.gif) 0 0 no-repeat;
		width: 65px;
		}
.media	{
		background: url(../images/main/nav/media.gif) 0 0 no-repeat;
		width: 80px;
		}
.forum	{
		background: url(../images/main/nav/forum.gif) 0 0 no-repeat;
		width: 77px;
		}
.contact	{
		background: url(../images/main/nav/contact.gif) 0 0 no-repeat;
		width: 90px;
		}
.chaseelliott	{
		background: url(../images/main/nav/chaseelliott.gif) 0 0 no-repeat;
		width: 171px;
		}
.billelliott	{
		background: url(../images/main/nav/billelliott.gif) 0 0 no-repeat;
		width: 152px;
		}
.navroll a:hover { 
		background-position: 0 -30px;
		}
		
.facebook a	{
		display:block;
		float: right;
		width: 32px;
		height: 32px;
		padding: 0;
		font: bold 13px sans-serif;;
		color: #333;
		text-decoration: none;	
		margin: 8px 5px 0 0;
		position: relative;
		top: 5px;
		right: 10px;
		}
.facebook a	{
		background: url(../images/general/facebook.jpg) 0 0 no-repeat;
		}
.socialroll a:hover { 
		background-position: 0 -32px;
		}

/* Classes */
h1	{
		font-size: 18px;
		color: #ffe501;
		padding: 10px 15px;
		}
h2	{
		font-size: 16px;
		color: #ffe501;
		padding: 10px 15px 0;
		}
h3	{
		}
h4	{
		padding: 10px 15px 10px 0;
		}
p	{
		padding: 0px 15px 10px;
		}
.homeborder p	{
		padding: 0 15px 0 0;
		}
hr	{
		background-color: #db5454;
		border: medium none;
		color: #db5454;
		height: 1px;
		margin: 0 0 20px 15px;
		width: 95%;
		}
#content ul	{
		padding: 0 15px 10px 35px;
		list-style: square;
		}
#content li	{
		padding: 0 0 4px;
		}
.bannerhome	{
		display: block;
		position: relative;
		width: 970px;
		height: 130px;
		top: 60px;
		left: 28px;
		}
.text-center	{
		text-align: center;
		}
.text-left	{
		text-align: left;
		}
.graybg	{
		background-color: #333;
		}
.center	{
		margin: auto;
		}
.float-left	{
		position: relative;
		float: left;
		padding: 0 10px 5px 0;
		}
.float-right	{
		position: relative;
		float: right;
		padding: 0 0 0 5px;
		}
.bold	{
		font-weight: bold;
		}
.border-bottom	{
		border-bottom: 1px solid #fff;
		}
.border-bottom-black	{
		border-bottom: 1px solid #000;
		}
.home-img	{
		text-align: center;
		margin: 15px 0;
		}
.home-vid	{
		
		}
#cont-right li	{
		margin: 0 0 0 30px;
		}
.homeborder	{
		background: url(../images/main/opac_tile.png) repeat;
		border: 1px solid #fff;
		width: 983px;
		margin: 15px 0 0;
		padding: 10px 0;
		}
.homeleft	{
		width: 721px;
		position: relative;
		float: left;
		margin: 0 0 0 10px;
		}
.homeright	{
		width: 222px;
		position: relative;
		float: left;
		margin: 0 10px 5px 15px;
		}
.homeright img	{
		margin: 0 0 8px;
		}
.caseyheader	{
		background: #fff url(../images/casey/header.jpg) no-repeat;
		width: 748px;
		height: 56px;
		}
.imgborder	{
		border: 1px solid #ededed;
		}
.botmarg	{
		margin: 0 0 4px 0;
		}
.biggertext	{
		font-size: 14px;
		}
h2.teamname	{
		margin: 0px 17px 0px;
		}
.teammember	{
		border-style: outset;
		border-width: 3px;
		border-color: #FFFFFF;
		padding: 10px;
		margin: 10px;
		}
hr.teamhr	{
		margin: 5px 17px 17px 17px;
		border-style: dashed;
		}
.teamq	{
		color: #ffd502;
		}
.teamfloat	{
		float: right;
		padding-left: 10px;
		padding-right: 17px;
		}

/* Links */
a	{
		color: #fff;
		}
a:hover	{
		color: #c60000;
		}
h2 a	{
		color: #ffe501;
		text-decoration: none;
		}
h2 a:hover	{
		color: #c60000;
		}
#footer a	{
		text-decoration: none;
		}
		
/* Forms */
span.formtext	{
		display: block;
		float: left;
		width: 150px;
		padding-right: 6px;
		text-align: right;
		}
.spacer	{
		margin-left: 110px;
		padding-bottom: 10px;
		}
fieldset	{
		padding: 10px;
		}
legend	{
		color: #fff;
		}