/* designed and coded by ubik - yewbic[at]yahoo[dot]com */
/* . is a class .indent { text-indent: 3em; } <h1 class="indent></h1>*/
/* # is an ID p#par1 { color: red; } <p id="par1">I'm in red</p> */
/* : is a pseudo-element p.seasonal:first-line { color: green; } <p class="seasonal">However, this paragraph</p> */
/* selector { property: value; } */

body {
background:#000 url('pictures/bg.jpg') no-repeat 50% 0px;
margin:0px 40px 0px 40px;
padding:0;
text-align:center;
}

#container {
background:#000;
width:760px;
margin:0 auto;
text-align:left;
}

#header {
background:url('pictures/header.jpg') no-repeat center top;
width:760px;
height:234px;
position:relative;
margin:20 0 0 0;
}

#news6 { 
background:url('pictures/6feb2010.jpg') no-repeat center top;
max-width:400px;
height:266px;
position:relative;
margin:0 0 0 10px;
}


#news5 { 
background:url('pictures/gas1_2010.jpg') no-repeat center top;
max-width:300px;
height:200px;
margin: 0 0 0 10px;
position:relative;
}

#news4 { 
background:url('pictures/3july2010.jpg') no-repeat center top;
max-width:350px;
height:200px;
position:relative;
margin:0 0 0 30px;
}

#news3 { 
background:url('pictures/01may2010_f.jpg') no-repeat left top;
max-width:280px;
height:200px;
position:relative;
margin:0 0 0 80px;
}

#news0 { 
background:url('pictures/04oct2009.jpg') no-repeat center top;
max-width:100px;
height:300px;
position:relative;
margin:0;
}

#news2 { 
background:url('pictures/efc03.jpg') no-repeat center;
max-width:400px;
height:380px;
position:relative;
margin:0 0 0 0px;
}

#news1 { 
background:url('pictures/box_12jun10.jpg') no-repeat center top;
max-width:350px;
height:200px;
position:relative;
margin:0 0 0 10px;
}

table{
  border: thin solid #CCCCCC;
  border-spacing: 0px;
}

table thead tr{
  font-family: Arial, monospace;
  font-size: 14px;
}

table thead tr th{
  border-bottom: 2px solid black;
  border-top: 1px solid black;
  margin: 0px;
  padding: 2px;
  background-color: white;
}

table tr {
  font-family: arial, monospace;
  color: white;
  font-size:12px;

}
table th {
  font-family: arial, monospace;
  color: red;
  font-size:14px;
  background-color: white;
}

table tr.odd {
  background-color: #AAAAAA;
}

table tr td {
  border-bottom: 1px solid black;
  padding: 2px;
}


#menu {
width:170px;
float:left;
margin:40px 0 0 0;
}

.leftbox {
width:150px;
background:#000;
border-width:7px 1px 7px 7px;
border-color:#555 #555 #555 #000;
border-style:solid;
margin:60px 0 0 0;
padding:10px 0px 10px 0;
text-align:justify;
font:14px verdana,arial,sans-serif;
color:#fff;
}

/*.leftbox ul {
list-style-type:none;
margin:10px 0 10px 0;
padding:0;
}

.leftbox li, .leftbox a {
font-weight:bold;
color:#ffffff;
letter-spacing:1px;
text-align:left;
text-decoration:none;
}*/

.leftbox a:hover {color:#ccff66}

.leftbox1 {
width:160px;
background:#000;
margin:80px 0 0 0;
padding:5px 5px 5px 0;
font:14px verdana,arial,sans-serif;
color:#fff;
text-align:justify;
}

a.item {
background:url('pictures/menu.jpg') no-repeat;
max-width:210px;
height:34px;
display:block;
padding:0 0 0 10px;
font:bold 15px verdana,arial,sans-serif;
color:#fff;
text-decoration:none;
line-height:30px;
}

/*
good practice of background offset rollovers to avoid javascript preload. 
Im using max-width, BG pos. and Padding instead of margin and smaller-than 
container width, to get pop-out effect cause of a left-edge bug that makes 
the menu jump. -ubik
*/
a.item:hover {
background-position:10px -34px;
padding:0 0 0 20px;
}

#main {
background:#000;
margin:0 0 0 180px;
font:12px verdana,arial,sans-serif;
color:#fff;
text-align:left;
}


#main_sch {
background:#000;
margin:0 0 0 0px;
font:12px verdana,arial,sans-serif;
color:#fff;
text-align:left;
}


 #main_rules {
background:#000;
min-height:400px;
margin:0 0 0 180px;
font:10px verdana,arial,sans-serif;
color:#fff;
text-align:left;
}

 #PanthPictureBackground {
background:#000;
min-height:200px;
margin:80px 0 0 80px 0px;
font:10px verdana,arial,sans-serif;
color:#fff;
text-align:left;
}


#footer {
clear:both;
height:40px;
background:#000;
margin:50px 0 0 0;
text-align:center;
padding:20px 0 10px 0;
}

#footer a {
font:bold 15px verdana,arial,sans-serif;
color:#ccc;
text-decoration:none;
letter-spacing:1px;
margin-left:20px;
}

#footer a:hover {color:#ccff66}

/* "bottomRight" is the botttom right background image of the content container */
.bottomRight {
	background:url('pictures/bottomRight.jpg') no-repeat right bottom;
	width: 550px;
}

.topLeft {
	background:url('pictures/topleft.jpg') no-repeat left top;
	width: 550px;
	overflow: visible;
	border: 20px 0px 10px 0px;
}


.content {
	min-height:190px;
	background:url('pictures/topleft.jpg') no-repeat left top;
	margin:30px 0px 30px 0px;
	text-align:justify;
	width: 450px;
	padding: 20px 0 0 30px;
}

.sched_content {
	text-align:left;
	width: 550px;
	border: 30px 0px 0px 0px;
	margin: 40px 0 0 0;
}

.sched_content1 {
	text-align:left;
	width: 750px;
	border: 30px 0px 0px 0px;
	margin: 40px 0 0 0;
}

h1 {  /* position absolute - relative to the header, not document */
font:bold 27px verdana,arial,sans-serif;
color:#fff;
font-variant:normal;
letter-spacing:normal;
position:relative;
}

h2 {
	font:normal bold 20px verdana,arial,sans-serif;
	color:#fff;
	white-space: normal;
	display: block;
	font-variant: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

h3 {
font:bold italic 25px verdana,arial,sans-serif;
color:white;
margin:15px 0 0 0;
letter-spacing:normal;
font-variant:normal;
position:relative;
}


h4 {
font:bold 15px verdana,arial,sans-serif;
color:red;
display:block;
margin:0 0 15px 0;
text-align:center;
}

h5 {
font:bold 15px verdana,arial,sans-serif;
color:#fff;
display:block;
margin:0 0 15px 0;
letter-spacing:1px;
text-align:left;
}

h6 {
font:bold 15px verdana,arial,sans-serif;
color:red;
display:block;
margin:0 0 0 0;
text-align:left;
}
.content a {
text-decoration:none;
color:#ffffff;
font-weight:normal;
}

.content a:hover {color:#ccff66}

.content ul {
list-style-type:none
}

.content li {
font:14px verdana,arial,sans-serif;
color:#FFFFFF;
}

p {margin-top:20px}

/* If you like my design, I only ask that you leave the footer note "design by ubik". thanks */
#footer p , #footer p a {
text-align:right;
font:11px verdana,arial,sans-serif;
color:#999;
margin:0;
}

#fight_night{ 
background:url('pictures/dbn_10_2010.jpg') no-repeat center top;
max-width:300x;
height:466px;
position:relative;
}

#fight_night2 {
background:#000 url('pictures/03july10.jpg') no-repeat center;
max-width:460px;
height:450px;
position:relative;
margin:0;
}


#simplyasia { 
background:url('pictures/simplyasia.jpg') no-repeat center top;
max-width:400px;
height:230px;
position:relative;
margin:20px 0px 20px 20px;
}

#simplyas{ 
background:url('pictures/simplyas.jpg') no-repeat center top;
max-width:150px;
height:80px;
position:relative;
margin:20px 0px 20px 20px;}


#pop{ 
background:url('pictures/popup1.jpg') no-repeat center top;
max-width:300x;
height:66px;
position:relative;
}

#hatrick { 
background:url('pictures/hatrick_logo.jpg') no-repeat center top;
max-width:150px;
height:160px;
position:relative;
margin:20px 20px 20px 0px;
}

#shen { 
background:url('pictures/shen.jpg') no-repeat center top;
max-width:150px;
height:220px;
position:relative;
}


#tatoo {
	background:url('pictures/freestyle.jpg') no-repeat center top;
	max-width:300px;
	height:210px;
	position:relative;
}

#tattoo {
	background:url('pictures/tattoo.jpg') no-repeat center top;
	max-width:200px;
	height:180px;
	position:relative;
}


#optima { 
background:url('pictures/logo.gif') no-repeat center top;
max-width:150px;
height:160px;
position:relative;
margin:20px 0px 20px 20px;
}

#red { 
background:url('pictures/redfern.jpg') no-repeat center top;
max-width:150px;
height:160px;
position:relative;
margin:20px 20px 20px 10px;
}

#westcoast { 
background:url('pictures/wc_logo.gif') no-repeat center top;
max-width:200px;
height:160px;
position:relative;
margin:20px 0 20px 20px;
}

#dl { 
background:url('pictures/dlj.jpg') no-repeat center top;
max-width:150px;
height:160px;
position:inherit;
margin:20px 20px 20px 0px;
}

#act { 
background:url('pictures/hartr.jpg') no-repeat center top;
max-width:400px;
height:66px;
position:relative;
margin:20px 0px 20px 20px;
}


#table_font{ 
text-align:left;
font:10px verdana,arial,sans-serif;
color:white;
empty-cells:show; 
}	

.contact_ul {
list-style-type:disc;
margin:10px 0 10px 0;
padding:0;
list-style-position: outside;
font:12px verdana,arial,sans-serif;
color:white;
font-weight:bold;
}


#map { 
background:url('pictures/map.jpg') no-repeat center top;
max-width:500px;
height:250px;
position:relative;
margin:0px 0 0 0;
padding:0px 0px 10px 0;
text-align:justify;
font:14px verdana,arial,sans-serif;
}


#map1 { 
background:url('pictures/koeberg.jpg') no-repeat center top;
max-width:450px;
height:250px;
position:relative;
padding:10px 0px 10px 0;
text-align:justify;
font:14px verdana,arial,sans-serif;
}


#map2 { 
background:url('pictures/r27.jpg') no-repeat center top;
max-width:450px;
height:250px;
position:relative;
padding:10px 0px 50px 0;
text-align:justify;
font:14px verdana,arial,sans-serif;
}


#cape {
background:#000 url('pictures/clifton.jpg') no-repeat top center;
max-width:567px;
height:550px;
position:relative;
margin:0;
}

.leadcap:first-letter {
font-size:13.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; 
}

ol {
list-style-type:numeric;
margin:0px 0 0px 0;
padding:10px;
font:10px verdana,arial,sans-serif;
}

#rules_li {
color:#ffffff;
text-align:left;
text-decoration:none;
font:10px verdana,arial,sans-serif;
}

#fighter {
background:url('pictures/gabby.jpg') no-repeat center top;
max-width:150px;
height:150px;
position:relative;
margin:0;
}

#affiliation_1 {
background:url('pictures/logoTestata.gif') no-repeat center top;
max-width:150px;
height:150px;
position:relative;
margin:0;
}

#affiliation_2 {
background:url('pictures/gjj.gif') no-repeat center top;
max-width:150px;
height:60px;
position:relative;
margin:0;
}

#affiliation_3 {
background:url('pictures/wtka.jpg') no-repeat center top;
max-width:150px;
height:100px;
position:relative;
margin:0;
}

#affiliation_4 {
background:url('pictures/wpka.jpg') no-repeat center top;
max-width:150px;
height:100px;
position:relative;
margin:0;
}

#affiliation_5 {
background:url('pictures/magc.jpg') no-repeat center top;
max-width:150px;
height:100px;
position:relative;
margin:0;
}

#affiliation_6 {
background:url('pictures/saaka.jpg') no-repeat center top;
max-width:150px;
height:100px;
position:relative;
margin:0;
}

#affiliation_7 {
background:url('pictures/sasca.jpg') no-repeat center top;
max-width:150px;
height:130px;
position:relative;
margin:0;
}
#facebook {
background:url('pictures/fb.jpg') no-repeat center top;
max-width:140px;
height:80px;
position:relative;
margin:0;
}


*/#affiliation_4 {
background:url('pictures/wtka.jpg') no-repeat center top;
max-width:150px;
height:60px;
position:relative;
margin:0;
}

#affiliation_5 {
background:url('pictures/magc.jpg') no-repeat center top;
max-width:150px;
height:180px;
position:relative;
margin:0;
}

#affiliation_6 {
background:url('pictures/saaka.jpg') no-repeat center top;
max-width:150px;
height:154px;
position:relative;
margin:0;
}

#affiliation_8 {
background:url('pictures/hilltop.jpg') no-repeat center top;
max-width:150px;
height:100px;
position:relative;
margin:0;
}

#affiliation_9 {
background:url('pictures/wpboxing.jpg') no-repeat center top;
max-width:150px;
height:133px;
position:relative;
margin:0;
}


#sinbi {
background:url('pictures/sinbi.jpg') no-repeat center top;
max-width:300px;
height:400px;
position:relative;
margin:0;
}

#war {
background:url('pictures/war.jpg') no-repeat center top;
max-width:300px;
height:300px;
position:relative;
margin:0;
}

#fl {
background:url('pictures/fighterlegion.jpg') no-repeat center top;
max-width:200px;
height:60px;
position:relative;
margin:0;
}

#takedown {
background:url('pictures/takedown.jpg') no-repeat center top;
max-width:200px;
height:284px;
position:relative;
margin:0;
}

.picture_ul {
	list-style-type: none;
	float: none;
	display: block;
}
 
.picture_li {
  float: left\;
  width: 150px;
	width: 150px;
	list-style-type: none;
} 
.text_li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	list-style-type: none;
	position: relative;
	width: 350px;
	float: left;
	height: 154px;
}

#jnr_girl1 {
	max-width:159px;
	height:155px;
	position:relative;
	background: url('pictures/gabby.jpg') no-repeat center top;
}


#jnr_girl2 {
	max-width:159px;
	height:155px;
	position:relative;
	text-align:justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url('pictures/michaela.jpg') no-repeat center top;
}

#jnr_girl3 {
	max-width:159px;
	height:155px;
	position:relative;
	text-align:justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url('pictures/brittany.jpg') no-repeat center top;
}

#snr_girl1 {
	background:url('pictures/kerry.jpg') no-repeat center top;
	max-width:159px;
	height:185px;
	position:relative;
}

#snr_girl2 {
	background:url('pictures/marg.jpg') no-repeat center top;
	max-width:159px;
	height:150px;
	position:relative;
}



#jnr_boy1 { 
	background:url('pictures/troy.jpg') no-repeat center top;
	max-width:159px;
	height:160px;
	position:relative;
}
#jnr_boy2 { 
	background:url('pictures/dean1.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy3 { 
	background:url('pictures/tony1.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy4 { 
	background:url('pictures/andrewm.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy5 { 
	background:url('pictures/keith1.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}
#jnr_boy6 { 
	background:url('pictures/leejnr.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy7 { 
	background:url('pictures/zuan.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}
#jnr_boy8 { 
	background:url('pictures/kylevds.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy9 { 
	background:url('pictures/serdi1.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy10 { 
	background:url('pictures/mini.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}



#jnr_boy11 { 
	background:url('pictures/khwezi.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy12 { 
	background:url('pictures/justin.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}



#jnr_boy15 { 
	background:url('pictures/regis.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}



#jnr_boy16 { 
	background:url('pictures/arial.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy17 { 
	background:url('pictures/joshua.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy18 { 
	background:url('pictures/austin.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy19 { 
	background:url('pictures/aaron.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy20 { 
	background:url('pictures/robin.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy21 { 
	background:url('pictures/jasonroux.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy22 { 
	background:url('pictures/thumelo.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#jnr_boy23 { 
	background:url('pictures/leeshen.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}












#snr_boy1 { 
	background:url('pictures/dylan2.jpg') no-repeat center top;
	max-width:170px;
	height:180px;
	position:relative;
}

#snr_boy2 { 
	background:url('pictures/leo2.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy3 { 
	background:url('pictures/jasonm.jpg') no-repeat center top;
	max-width:159px;
	height:185px;
	position:relative;
}
#gino_train { 
	background:url('pictures/ginotrain.jpg') no-repeat center top;
	max-width:159px;
	height:185px;
	position:relative;
}

#snr_boy4 { 
	background:url('pictures/ish.jpg') no-repeat center top;
	max-width:159px;
	height:185px;
	position:relative;
}

#snr_boy5 { 
	background:url('pictures/jino.jpg') no-repeat center top;
	max-width:159px;
	height:185px;
	position:relative;
}

#snr_boy6 { 
	background:url('pictures/thernehu.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy7 { 
	background:url('pictures/eugene.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy8 { 
	background:url('pictures/sibosisu.jpg') no-repeat center top;
	max-width:150px;
	height:170px;
	position:relative;
}

#snr_boy9 { 
	background:url('pictures/tonton.jpg') no-repeat center top;
	max-width:159px;
	height:185px;
	position:relative;
}

#snr_boy10 { 
	background:url('pictures/derek.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy11 { 
	background:url('pictures/bonheheur.jpg') no-repeat center top;
	max-width:159px;
	height:183px;
	position:relative;
}

#snr_boy12 { 
	background:url('pictures/alain.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy13 { 
	background:url('pictures/caprice.jpg') no-repeat center top;
	max-width:159px;
	height:185px;
	position:relative;
}

#snr_boy14 { 
	background:url('pictures/taveen.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy15 { 
	background:url('pictures/rhamon.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy16 { 
	background:url('pictures/stuart.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy17 { 
	background:url('pictures/bernado.jpg') no-repeat center top;
	max-width:159px;
	height:180px;
	position:relative;
}

#snr_boy18 { 
	background:url('pictures/pmafika.jpg') no-repeat center top;
	max-width:159px;
	height:175px;
	position:relative;
}

#snr_boy19 { 
	background:url('pictures/speters.jpg') no-repeat center top;
	max-width:159px;
	height:283px;
	position:relative;
}


#snr_boy20 { 
	background:url('pictures/sven.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy21 { 
	background:url('pictures/jaryd.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy22 { 
	background:url('pictures/andrewmac.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#snr_boy23 { 
	background:url('pictures/zukile.jpg') no-repeat center top;
	max-width:159px;
	height:155px;
	position:relative;
}

#sched {
	background:#000 url('pictures/sched.jpg') no-repeat left top;
	margin:50px 30px 40px 50px;
	padding:0;
	height:178px;
	text-align:center;
	position: absolute;
	left: 336px;
	width: 132px;
	top: 359px;
}

#boss {
	background:url('pictures/panth03.jpg');
	position:relative;
	width: 450px;
	height: 200px;
}

#bjjgary {
	background:url('pictures/gary1.gif') no-repeat center;
	position:relative;
	width: 159px;
	height: 185px;
}

#bjjgareth{
	background:url('pictures/gareth.jpg') no-repeat center;
	position:relative;
	width: 159px;
	height: 165px;
}


#bjjjames {
	background:url('pictures/james.gif') no-repeat center;
	position:relative;
	width: 159px;
	height: 185px;
}

#bjjcaleb {
	background:url('pictures/caleb.gif') no-repeat center;
	position:relative;
	width: 159px;
	height: 185px;
}

#mmahentie { 
	background:url('pictures/hentie.jpg') no-repeat center top;
	max-width:159px;
	height:185px;
	position:relative;
}

#andile { 
	background:url('pictures/andile.jpg') no-repeat center top;
	max-width:159px;
	height:185px;
	position:relative;
}


#alan {
	background:url('pictures/alan.jpg') no-repeat center;
	position:relative;
	width: 159px;
	height: 185px;
}

#rob {
	background:url('pictures/rob.jpg') no-repeat center;
	position:relative;
	width: 159px;
	height: 185px;
}
#amok {
	background:url('pictures/amok.jpg') no-repeat center top;
	max-width:460px;
	height:180px;
	position:relative;
	margin: 40px 0 0 0;
}