body {
	margin:0;
	padding:0;
	background: top left #171B1B;/* url('../images/bg-chain-link.gif') */
	font-family:arial,helvetica,sans-serif;
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	color:#fff;
	text-align:center;
}

/* 
	Font-size is set at approx. 11px or 8pt. The margin and left text-align
	help to center the 'document' div on the page while maintaining left-
	aligned text within the 'document' div. These values should not be 
	manipulated. 
 */
body div#document	{
	width : 1018px; /* sets overall content width */
	Font-size:85%;
	margin:0 auto 15px auto;
	text-align : left;
	background:#171B1B;
}

/****************** IMPORTANT DEFAULTS *******************/

/* The following rule exists to fix an IE 5 PC bug */
body table {
	font-size: 100%;
}

/* Zeroing element margins/padding */
h1, h2, h3, h4, h5, h6, form, ul, ol, li {
	margin: 0;
	padding: 0;
}

/* Image defaults */
img {	
	border:0;
	display:inline;
}

/* Input adjustments */
input, select, textarea  {
	font-size: 100%;
	color:#000000;
	font-family:arial,helvetica,sans-serif;
	border:1px solid #000000;
}

td { vertical-align:top; }

p {
	margin: 1em 0 0 0;
	padding:0;
}

 a, 
 a:link, 
 a:active {color:#B0B1B1; text-decoration:none; }
 a:visited { color:#B0B1B1; }
 a:hover { color:#FFFFFF; text-decoration:underline; }
 
ul {
	margin-left:3px;
}
ul li {
 	padding-left:10px;
	padding-bottom:2px;
 	list-style-type:none;
 	background:0px 0.45em url('../images/arrow_std.gif') no-repeat;
 }
/****************** END IMPORTANT DEFAULTS *******************/


/****************** UTILITY *******************/
.bold { font-weight:bold; }

.italic {	font-style:italic; }

.subTitle {
	font-size:125%;
	font-weight:bold;
}

.imageBlock, .story {
	width:99%; /* Fixes right rail issues in IE6 */
	margin-bottom:30px;
}
.imageBlock .thumbCell {
	padding-right:10px;
}
.imageBlock .thumbCell img {
	border:1px solid #8E8A88;
}
.imageBlock ul, .story ul {
	margin-top:1em;
}

.requiredColor { color:#FF0000; }

.odd {background-color:#eeeded;}
.even {background-color:#fff;}
/****************** END UTILITY *******************/


/****************** MASTHEAD *******************/
#masthead {
	text-align:center;
}
img {
	display:inline;
}

/****************** END MASTHEAD *******************/


/****************** FOOTER *******************/
#footer {
	clear:both;
	color:#4d4d4d;
}

#footer a {
	color:#ffffff !important;
}

#bottomNavTableWrapper {
	margin:0 9px;
	background: top center url('../images/bg_bottom_nav.gif') no-repeat #000;
}

#bottomNavTable {
	width:100%;
	table-layout:fixed;
	border-bottom:18px solid #8C0D0D;
}

#copyright {
	width:100%;
	color:#636464;
}
#copyright td {
	padding:9px;
}
#copyright a {
	color:#636464 !important;
}
/****************** END FOOTER *******************/



/****************** TOP NAV *******************/
#topNav {
	height:34px;
	clear:both;
	padding-left:9px;
}

#navLinks {}
#navLinks a, .topNavDivider { float:left; }

.flyoutMenu { 
	position:absolute;
	display:none;
	background:#a4a4a4;
	padding:2px;
	width:135px;
	color:#111223;
	border:2px solid #9A0000;
    border-top:0;
 }
 .flyoutMenu .menuItem {
 	display:block;
	padding:3px 5px 3px 15px;
	background:7px 0.7em url('../images/menu_arrow.gif') no-repeat;
 }
 
 .flyoutMenu a.menuItem {
 	text-decoration:none;
	color:#000;
	background-color:none;
 }
 .flyoutMenu a.menuItem:hover {
 	text-decoration:underline;
	color:#000;
	background-color:#c6c6c6;
 }

/****************** END TOP NAV *******************/


/****************** SUB NAV HEADINGS *******************/
#subNavHeadings .titleImage{
	background:#000000;
}

#subNavHeadings .backToOptions {
	padding:10px 10px 0 10px;
}
/****************** END SUB NAV HEADINGS *******************/


/****************** MAIN BODY BASICS *******************/
#mainBody {
	background:top left url('../images/bg_main_body_fence.gif') repeat-x;
	margin:0 9px;
	padding-top:12px;
}
#mainBodyBG { 
	background:top left url('../images/bg_main_body_left.gif') repeat-y;
	padding:0 4px 0 4px;
}

/* left rail */
#leftRail {
	float:left;
	padding:3px 0 15px 0;
	border-top:1px solid #111;
	width:257px;
	text-align:center;
}
/* end left rail */

#newsletterSignUpBox, #leftNewsBox, #fightResultsBox {
	margin-top:1em;
	margin-left:3px;
	width:248px;
	text-align:left;
}

#fightResultsBox a {
	color:#fff;
}

#leftNewsBox li {
	background-position:3px 1em;
	padding-top:.5em;
	padding-bottom:.5em;
	padding-left:12px;
}
#leftNewsBox li:hover {
	background-color:#202424;
}
#leftNewsBox a:hover {
	color:#fff;
}

.contents1 {
	border:1px solid #171B1B;
	border-top:0;
}
.contents2 {
	border:1px solid #3F4040;
	border-top:0;
	background:#171B1B;
}

/* main column */
#mainColumn {
	padding:0 10px 13px 265px;
}
/* end main column */
/****************** END MAIN BODY BASICS *******************/
/* PPV styles -Phil*/
.ppvTableHeader {
	font-size:115%;
	font-weight:bold;
    font-color:#cecece;
    padding:5px 5px 5px 5px;
    text-align: center;
}

IMG.ppvVideo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #990000;
} 
.ppvTitle {
    font-size: 160%;
	font-weight: bold;
    padding-bottom: 10px;
}
/* END PPV styles */ 
a.specialLink:link { 
    color: #ff0000; 
}
a.specialLink:visited { 
    color: #ff0000; 
}
a.specialLink:hover { 
    color: #ff0000;
    text-decoration:underline; 
}
p.interviewQ {
    color: #ff0000;
}
/*
**************************** OTHERs
*/
table.eventsTable {
	width: 710px;
	padding: 0;
	margin: 0;
}
#fighterHistoryTable td.labelCells {
	text-align: center;
	font-family: arial;
	bgcolor="#a9a9a9";
	background-image: url("../images/events-fader-bg.gif");
	padding: 6px 6px 6px 12px;
	color: #000000;
	font-weight:bold;
}
#fighterHistoryTable td.plainRow {
	text-align: center;
	font-family: arial;
	background-color:#171b1b;
	padding: 5px;
	color: #FFFFFF;
}
#fighterHistoryTable td.shadedRow {
	text-align: center;
	font-family: arial;
	background-color:#262929;
	padding: 5px;
	color: #FFFFFF;
}
#fighterHistoryTable td.titleGraphic {
	background-color:#171b1b;
	padding: 0px;
}

/* ---------------------------- */

#pastEventsTable td.labelCells {
	text-align: center;
	font-family: arial;
	/*font-size:90%;*/
	bgcolor="#a9a9a9";
	background-image: url("../images/events-fader-bg.gif");
	padding: 6px 6px 6px 12px;
	color: #000000;
	font-weight:bold;
}
#pastEventsTable td.plainRow {
	text-align: left;
	font-family: arial;
	/*font-size:90%;*/
	background-color:#171b1b;
	padding: 5px;
	color: #FFFFFF;
}
#pastEventsTable td.shadedRow {
	text-align: left;
	font-family: arial;
	/*font-size:90%;*/
	background-color:#262929;
	padding: 5px;
	color: #FFFFFF;
}
.fighterPicLeft {
    text-align: center;
    padding: 5px;
    width: 271px;
    background: right url("../images/event-versus-flame-left.jpg") no-repeat;
    vertical-align:middle;
 }
 .fighterPicRight {
    text-align: center;
    padding: 5px;
    width: 271px;
    background: left url("../images/event-versus-flame-right.jpg") no-repeat;
    vertical-align:middle;
 }
 .versus {
    font-family: arial;
    text-align: center;
    /* font-size:400%; */
    padding: 5px;
    vertical-align:middle;
    width:167px;
    height:157px;
    background-image: url("../images/event-versus-flame-bg.jpg");
 }
 .fighterName {
    font-family: arial;
    text-align: center;
    font-size:120%;
    vertical-align:middle;
    padding: 5px;
 }
 .eventInfo {
    background-color:#363636;
    text-align: center;
    padding: 10px;
    font-weight:bold;
 }
 .eventTitle a {
    font-family: arial;
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    padding: 5px;
    text-decoration:underline;
 }
 .eventCaption {
    font-family: arial;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    margin-top:10px
 }
  .eventTitleHuge {
    font-family: arial;
    text-align: center;
    font-size: 300%;
    font-weight: bold;
    padding-top:0px
 }
 .pastEventSummary{
    text-align: center;
    padding: 10px;
  }
table.relatedLinks {
    background-color:#b7b7b7;
    width: 214px;
	padding: 0;
	margin: 0;
   }
.relatedLinksHdr {
   font-family: arial;
   text-align:left;
   padding:5px;
   font-size:120%;
   background-color:#959595;
   color:#000000;
}  
.roundCorner{
   width:7px;
   /*background-color:#959595;*/
   padding:0px;
 } 
.roundCornerBttm{
   width:7px;
   /*background-color:#b7b7b7;*/
   padding:0px;
 } 
.fightResultsHdr{
 background-color:#0b0d0d;
 color:#3c3d3d;
 letter-spacing:20px;
 padding:11px; 
 text-align:center;
 font-size:150%;
 font-weight:bold;
}
.relatedLinksList {
 	padding-left:10px;
	padding-bottom:2px;
    padding-top:8px;
 	list-style-type:none;
    text-align:left;
    color:#000000;
}  
a.relatedLink:link { 
    color: #000000; 
}
a.relatedLink:visited { 
    color: #912928; 
}
a.relatedLink:hover { 
    color: #912928;
}
.eventWeightClass{
    text-align:center;
    color: #b3b3b3;
    letter-spacing: 10px;
    padding:8px;
    font-weight:bold;
    font-size:120%;
    background-color: #000000; 
}
.eventResultBox {
    background: left url('../images/event-results-title.jpg') no-repeat;    
    background-color: #3b1616; 
    vertical-align:middle;  
}
.resultRowText {
    margin-left: 106px;
    margin-top:4px;
    margin-bottom:3px;
    margin-right:5px;
    vertical-align: middle;
    text-align: left;
}
li.goBack {
 	padding-left:10px;
	padding-bottom:2px;
 	list-style-type:none;
 	background:0px 0.45em url('../images/arrow_std_back.gif') no-repeat;
 }
/* ////////////////////////////////////////// */
/*FIGHTER PROFILE STYLES */
/* ////////////////////////////////////////// */
.fighterRow1Shade {
    background-color: #1a1b1a;
    font-weight:bold;
    padding:8px;
    width:221px;/*717-221*/
    text-align: right;
}
.fighterRow1Light {
    background-color: #303434;
    padding:8px;
    text-align: left;
    width:496px;
}
.fighterRow2Shade {
    background-color: #0c0d0d;
    font-weight:bold;
    padding:8px;
    width:221px;
    text-align: right;
}
.fighterRow2Light{
    background-color: #171b1b;
    padding:8px;
    text-align: left;
    width:496px;
}
/* /////////////////////////////// */
.QandATable{
    width:717px
}
/* ////////////////////////////////////////// */
/*TITLE HOLDER STYLES */
/* ////////////////////////////////////////// */
#titleHolderTable{
    width:711px;
    height:222px;
    /* border:1px solid #FF0000; */
}
td.titleHolderMain{
    background-color: #171b1b;
}

.titleHolderText{
    /* border:1px solid #0000FF; */
    margin-top:35px;
    margin-left:193px;
}
.titleHolderWeightClassTitle{
    font-weight: bold;
    text-align: left;
    color:#FFFFFF;
    font-size: 180%;
}
.titleHolderWeightClassTitle{
    text-align: left;
    color:#FFFFFF;
}
.titleHolderName{
    text-align: left;
    font-weight: bold;
    font-size: 160%;
    color:#FFFFFF;
}
.titleHolderRecord{
    text-align: left;
    color:#FFFFFF;
}
.titleHolderMaxWeight{
    font-weight: bold;
    text-align: left;
    color:#aca696;
    font-size: 130%;
}
a.titleHolderLink:link{
    color: #ffffff;
}

a.titleHolderLink:visited { 
    color: #ffffff; 
}
a.titleHolderLink:hover { 
    color: #ffffff;
    text-decoration:underline; 
}
.newsflash {
    color: #ff0000;
    font-weight: bold;
    font-size: 110%;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }