*{ margin: 0; padding: 0; }* 
body { font: .8em Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: url('./images/bigbg.jpg') #555 no-repeat top center;  color: #555;  }
a {	color: #EB0000;	background: inherit; text-decoration: none; }
a:hover { color: #222; background: inherit; text-decoration: underline; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
p { margin: 0 0 15px 0; }
h1 { font: bold 2.8em Arial, "Trebuchet MS", Tahoma, sans-serif; color: #444; }
h2 { font: normal 1.7em Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
h3 { font: bold 1.2em Arial, "Trebuchet MS", Tahoma, sans-serif; color: #666; }
h4 { font: normal 1.5em Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0 0 0px; padding: 0 0 0px; color: #333; border-top: 1px solid #999; }
h5 { font: normal 1.7em Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #EB0000; }
h6 { font: normal 1.3em Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0px; padding: 5px 0 0 0 ; color: #666; letter-spacing: -.5px; line-height: 16px; }
h7 { font: normal 1.5em Arial, "Trebuchet MS", Tahoma, sans-serif; margin: 0px; padding: 0px; color: #999; letter-spacing: -.9px; line-height: 18px; }
img { border: 0; }
hr {  border: 0; width: 100%; color: #ccc; background-color: #ccc; height: 1px; }
#content { width: 930px; margin: 0px auto;  padding: 0px;  }

#logo { height: 190px; margin: 36px 0 10px 0;  width: 810px; float: left;   }
	#logo p { margin: 0; }
#menu { float: right; padding: 10px 0 0; margin: 0 0 20px;  height:10px;}
	#menu li { font-size: 1.2em; display: inline; }
	#menu li a { float: left; width: 140px; padding: 4px 0 5px; text-align: center; margin: 0 0 0 5px; color: #636365;  background: url(images/button_grey.gif) no-repeat; }
	#menu li a.current { background: #fff url(images/button.gif) no-repeat; color: #fff; }
	#menu li a:hover { text-decoration: none; color: #000; background: #fff url(images/button_grey_on.gif) no-repeat; }
.clear { clear: both; }
.captionoff { background: url(images/title_off.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
.caption { background: url(images/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.caption p { margin: 0; }
.caption_long { background:  url(images/title_long.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.caption_long p { margin: 0; }

#left_about { margin: 0 0 20px; clear: left; width: 320px; float: left; }	
#left_index { margin: 0 0 20px; clear: left; width: 260px; float: left; }	
#left_bladers { margin: 0 0 20px; clear: left; width: 270px; float: left; }
#left_news { margin: 0 0 20px; clear: left; width: 250px; float: left; }
#left_schedule { margin: 0 0 20px;  clear: left; width: 130px; float: left; }
#left_ranking { margin: 0 0 20px;  clear: left; width: 280px; float: left; }
#left { margin: 0 0 20px; clear: left; width: 270px; float: left; }

#left img { padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;}
.smallthumb { width: 109px; }
#center { width: 380px; float: left; margin: 0 0 20px 20px; }
#right { float: right; width: 250px; }
	.date { font-size: .9em;  padding: 5px 0 0; }
.box { background: #eee; padding: 10px;  }
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 15px;  }
.box li a { padding: 0 5px; }

#right_bladers { float: right; width: 640px; margin: 0 0 20px 15px; background: #eee;}
#right_about { float: right; width: 590px; margin: 0 0 20px 15px; }
#right_bladers2 { float: right; width: 640px; margin: 0 0 20px 15px; background: #fff;}
#right_news { float: right; width: 660px; margin: 0 0 20px 15px;}
#right_news img { padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;}
#right_schedule { float: left; width: 680px; }
#right_ranking { float: right; width: 640px; }

#top_ranking { margin: 0 0 20px;  clear: left; width: 930px; float: left; }

.rank0  { float: center; padding: 0px; background: #F9F9F9; height:40px; line-height: 13px;}
.rank1 { float: center; padding: 0px; height:20px; line-height: 13px;}
.rank2 { float: center; padding: 0px; background: #ddd; height:20px; line-height: 13px;}
.contests {color: #222; line-height: 16px; }
.contests2 {color: #222; font-size: .8em;}

.tr_border { border-right: 1px dotted #ccc; border-left: 1px dotted #ccc; line-height: 16px;}
.tr_border0 { border-right: 1px dotted #ccc; border-left: 1px dotted #ccc; line-height: 16px; background: #ccc;}
.tr_border2 { border-right: 1px dotted #ccc; line-height: 16px;}
.tr_border3 { border-right: 1px dotted #ccc; border-left: 1px dotted #ccc; border-bottom: 1px solid #ccc; line-height: 16px;}
.tr_border4 { border-right: 1px dotted #ccc; border-bottom: 1px solid #ccc; line-height: 16px;}
.tr_border5 {  border-left: 1px dotted #ccc; border-top: 1px dotted #ccc; border-right: 1px dotted #ccc; }
.tr_border6 {  border: 1px solid #eee; }
.tr_border7 {  border-left: 1px dotted #ddd; border-bottom: 1px dotted #ccc; border-right: 1px dotted #ccc; }
.tr_border8 {  border: 1px dotted #ccc; }


.news {  border: 1px dotted #ccc; }

#footer { font-size: .84em; clear: both; padding: 15px; background: #eee; }
#footer a { color: #444; }


#menuteam { padding: 0px 0 0 0px; margin: 0 0 0px; }
	#menuteam li { font-size: 1em; list-style: none; }
	#menuteam li a { padding: 0px 10px 0px 0px; text-align: left; margin: 0 0 0 5px; color: #EB0000; }
	#menuteam li a.current { color: #000;}
	#menuteam li a:hover { color: #808080; background: inherit; text-decoration: underline;  }
	
	
#slider {
padding: 0px 0 0 10px;
 float: left;
  width: 640px;
  height: 500px;
  margin: 0 auto;
  position: relative;  
}

.scroll {
  height: 340px;
  width: 300px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  background: url(images/bladersbk.png) ;
  border-width: 1px; 
border-style: solid dotted solid dotted;
border-color: #EB0000;
}

#panelscroll {
height: 270px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0px 5px 0px 0px;
}


.scrollContainer div.panel {
  padding: 20px;
  width: 260px; /* change to 560px if not using JS to remove rh.scroll */
}



.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 9px;
background-color: white;
}

.vscrollerbar {
width: 9px;
background-color: #EB0000;
}

.hscrollerbase {
height: 9px;
background-color: white;
}

.hscrollerbar {
height: 9px;
background-color: #EB0000;
}

.scrollerjogbox {
width: 9px;
height: 9px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

#rules {
width: 200px;
height: 150px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 10px;
border-color: #ccc;
border-width: 1px; 
border-style: dotted;
}

#rantingrules {
width: 400px;
height: 150px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 20px;
border-color: #ccc;
border-width: 1px; 
border-style: dotted;
}

#rankingrules {
width: 800px;
height: 200px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 20px;
border-color: #ccc;
border-width: 1px; 
border-style: dotted;
white-space: normal; 
text-align:left;
}

#rankings {
width: 860px;
height: 500px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 10px;
border-color: #ccc;
border-width: 1px; 
border-style: dotted;
z-index: 0;
}



.toggler {
	color: #333;
	margin: 0;
	padding: 8px 5px;
	background: #ccc;
	border-bottom: 6px solid #eee;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, "Trebuchet MS", Tahoma, sans-serif;
}


 
 
.element {
line-height: 1.2em;
 
}
 
.element p {
	margin: 0;
	padding: 10px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}

#newsindex {
height: 900px;
width: 380px;
background-color: #eee;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0px 20px 0px 0px;
-moz-outline-style: none;
outline: none;
}	



.sortable { width:980px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable td {color:#222; font-size:9px; font-weight:bold; text-align: center; padding:5px 4px 3px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head {font-size:10px;  color:#fff; cursor:pointer; padding-left:5px; background:url(images/sort.gif) #999 bottom no-repeat; vertical-align:middle;}
.sortable .desc, .sortable .asc { font-size:10px;  background:#888; color:#fff; vertical-align:middle;}
.sortable .desc {background:url(images/desc.gif) #888 bottom no-repeat; cursor:pointer;}
.sortable .asc { background:url(images/asc.gif) #888 bottom no-repeat; cursor:pointer;}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff; background:url(images/sort.gif) #888 bottom no-repeat;}
.sortable .evenrow td {font-size:10px; font-weight:bold; color:#222; background:#fff}
.sortable .oddrow td { font-size:10px; font-weight:bold; color:#222; background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected { background:#dce6ee}

#controls {width:600px; margin:0 auto; height:20px}
#perpage {float:left; width:200px; color:#222; font-size:15px }
#perpage select {float:left; font-size:15px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:200px; text-align:center}
#navigation2 {float:left; width:900px; text-align:center}

#navigation img {cursor:pointer}
#text {font-size:15px; color:#222; float:left; width:180px; text-align:right; margin-top:2px}