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

/* Global Styles
----------------------------------------------- */
body {background:#000 url(../media/bg.jpg) top center fixed no-repeat; color:#fff;}
/* overflow setting so layout doesn't break*/
#header {overflow:hidden;}
#content {overflow:hidden; background:#000 url(../media/content_bg.jpg) top center no-repeat; margin-top:15px;}

/* Branding
----------------------------------------------- */
#branding {margin-top:20px;}
img.slogan {padding: 0 0 15px 70px;}

/* Slider 
------------------------------------------------*/

#slider{ margin:3px; }	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:855px;
	height:234px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:130px;
	height:25px;
	position:absolute;
	left:570px;
	top:200px;
	}	
#nextBtn{ 
	left:720px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:130px;
	height:25px;
	background:url(../media/prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../media/next.png) no-repeat 0 0;	
	}	
	
	#fighter_banner {
	padding: 0;
	margin: 49px 49px 10px 49px;
	height: 240px;
	width: 861px;
	background: #bdbdbd url(../media/fighter_banner.gif);
	position: relative;
}

#fighter_banner #scroll_mask {
	overflow: hidden;
	width: 861px;
	height: 240px;
	margin: 0 auto;
	padding: 0;
}

#fighter_banner #scroll_mask #center_scroll {
	width: 1610px;
	height: 224px;
	text-align: left;
}

#fighter_banner #center_scroll .scroll_container {
	float: left;
	margin: 0;
	padding: 0;
	width: 861px;
	height: 240px;
}

#fighter_banner #nav {
	text-align: right;
	margin: 0 3px 0 0;
	padding: 0;
	width: 861px;
	position: relative;
	top: -50px;
}										

/* Banner 
------------------------------------------------*/

#banner{ margin:3px; }	
#banner ul, #banner li{
	margin:0;
	padding:0;
	list-style:none;
	}
#banner li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:855px;
	height:234px;
	overflow:hidden; 
	}
	
	#page_banner {
	padding: 0;
	margin: 49px 49px 10px 49px;
	height: 240px;
	width: 861px;
	background: #bdbdbd url(../media/fighter_banner.gif);
	position: relative;
}

#page_banner #scroll_mask {
	overflow: hidden;
	width: 861px;
	height: 240px;
	margin: 0 auto;
	padding: 0;
}

						


/* Navigation
----------------------------------------------- */
#nav {background:url(../media/navbg.jpg) top left no-repeat; height:42px; width:960px; margin:0;}
#nav ul {margin: 8px; 0 8px 25px;}
#nav li {display:inline; list-style-type: none;}

#navlist a {padding: 5px; font-size:16px;}

#navlist a:link, #navlist a:visited{color: #CC0000; text-decoration: none;}

#navlist a:hover{color: #CCC;}

#current a:link, #current a:visited, #current a:hover
{color: #fff; font-weight:bold;}

/* Text Styles
----------------------------------------------- */
#left div.news_box p {padding:0px 10px; margin:0 0 10px 0;}
#main p{padding: 10px 40px;}
p.contact{padding: 0px; margin:0px;}


/* Headings
----------------------------------------------- */
#left h2 {color:#CCC; font-size:14px; font-weight:bold; padding:5px 10px 0 10px;}
#left h3 {color:#CCC; font-size:12px; font-weight:bold; padding:0 10px 0 10px;}
#main h1 {color:#cc0000; font-size:18px; font-weight:bold; text-align:right; margin:0 40px 0 0;}
#main h2 {color:#fff; font-size:14px; text-align:right; margin:0 40px 0 0; padding-bottom:16px; 
background:url(../media/hr.jpg) bottom left no-repeat;}
#main h3 {color:#CC0000; font-size:14px; margin:20px 40px 0 40px;}
#main h4 {color:#fff; font-size:16px; margin:20px 40px 0 40px; padding: 10px; background:#111; border:1px solid #222;}

/* Links
----------------------------------------------- */
a {color:#CC0000;}
div.more {text-align:right; padding:0 10px 10px 0;}

/* Lists
----------------------------------------------- */
#left ul {padding:0 10px 20px 10px;}

#main ul {margin: 15px 60px;}

#main li {list-style-type: square; padding:5px 0;}
#main li.nostyle {list-style-type: none; padding:0;}
#main li.sponsors {list-style-type: none; padding:10px;}

/* Footer
----------------------------------------------- */
#footer {padding-top:20px; margin:0px; width:960px; background:url(../media/hr.jpg) top center no-repeat;}
	#footer p {padding: 10px; text-align:center;}
	#footer ul {padding-top:10px; margin-left:110px;}
	#footer li {display:inline; list-style-type: none;}
	#footer a {color:#CC0000; font-size:12px;}

/* Forms
----------------------------------------------- */

.clear                      { clear: both; }

label                       { width: 190px; display: block; }

input[type=text], textarea  { width: 350px; outline: none; }

.rowElem 
label.error                 { float: none; font-style: italic; color: red;
                              position: absolute; top: 22px; left: 0; 
                              font-size: 12px; }
                              
.rowElem #jqTransformTextarea-mm
label.error                 { top: 28px; }

.rowElem                    { position: relative; clear: both; min-height: 35px; padding: 10px 100px;}

.thanks                     { color: green; font-weight: bold; }

.jqTransformTextarea, .jqTransformSelectWrapper { margin: 0 0 8px 0; }


/* Search
----------------------------------------------- */
/* Misc
----------------------------------------------- */

.news_box {background:url(../media/news_box.jpg) top left repeat-x; border:1px solid #222; margin: 0 10px 10px 40px;}

blockquote {margin:20px 40px; padding:10px 10px 10px 80px; background:#111 url(../media/quote.jpg) top left no-repeat; border:1px solid #222;}

blockquote div.source {color:#CC0000; text-align:right;}

div.hr {height: 20px; background:url(../media/hr.jpg) top left no-repeat; border: none; margin-right:40px;}
div.hr hr {display: none;} 

.fighter_box img { float:left; margin: 10px 20px 20px 0; }

.fighter_box p { display:block; min-height: 120px; }