body2{background:url('images/737_bodybg.jpg');background-position:left top;  margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; }

body.main {
background: #000000 url("images/crowd5.png") repeat-x top left scroll;
}

@font-face {
    font-family: 'BebasRegular';
    src: url('BEBAS___-webfont.eot');
    src: url('BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('BEBAS___-webfont.woff') format('woff'),
         url('BEBAS___-webfont.ttf') format('truetype'),
         url('BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RabioheadRegular';
    src: url('rabiohead-webfont.eot');
    src: url('rabiohead-webfont.eot?#iefix') format('embedded-opentype'),
         url('rabiohead-webfont.woff') format('woff'),
         url('rabiohead-webfont.ttf') format('truetype'),
         url('rabiohead-webfont.svg#RabioheadRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.rounded_corner {-moz-border-radius: 10px; border-radius: 10px; border:0px solid #000000; background:#FFFFFF;}
.content { padding: 5px 10px 5px 10px; text-align:left; }

img{border:none;}


p, td, select, div { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; line-height: 1.5 }

li { margin-bottom:10px; }

.header { font-family:'BebasRegular',Garamond, Times, Serif; font-weight:bold;font-size:20pt; }
.header2 { font-family:'BebasRegular',Garamond, Times, Serif; font-weight:bold;font-size:17pt; }

table.awardsOLD tr td { background-color: #c4bd97; font-weight:bold }
th.award_headerOLD { background-color: #4f6128; font-weight:bold; color:#FFFFFF }
td.stat_headerOLD {  background-color: #0054a6; font-weight:bold; color:#FFFFFF; padding:5px 10px 5px 10px }
td.stat_cellOLD { background-color: #c4bd97; padding: 3px 3px 3px 3px; }

/*.dataTable { padding:3px 3px 3px 3px } */

.dataTable { border-bottom:1px solid #000000; border-collapse:collapse;}
.dataTable tr td {  padding:3px 5px 3px 5px; }
.dataTableHeader td { border-bottom:1px solid #000000; border-top:1px solid #000000; font-weight:bold; background-color: #0054a6; color:#FFFFFF; padding-left:8px; padding-right:8px;}
.dataTableAlternate td {  background-color:#eeeeee; }

td.teamname { border-bottom:1px solid #000000; border-top:1px solid #000000; }

/* slider */
#container {
	width:680px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:680px;
	height:430px;
	position:relative;
}

#frame {
	position:absolute;
	z-index:0;
	width:680px;
	height:430px;
	top:-1px;
	left:-11px;
}


#slides {
	position:absolute;
	top:10px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:650px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/



.slides_container div.slide {
	width:650px;
	height:400px;
	display:block;
}



.slides_container2 div {
	width:500px;
	height:270px;
	display:block;
}
.slides_container2 {
                width:570px;
                height:270px;
            }
            .slides_container2 div {
                width:570px;
                height:270px;
                display:block;
            }

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:515px;
}


			
/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;

}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination2.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}



.caption {
	z-index:500;
	position:absolute;
	bottom:0px; 
	left:0; 
	height:30px;
	padding:5px 10px 5px 10px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:650px;
	font-size:12pt;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;

}

/* smartermenu.org */

/* The "clearFix" class is used for clearing the main menu items because they
   are left-floated for horizontal main menus and we have to clear them if our main
   menu is relatively positioned (as in this example) so that the main menu box
   takes its place correctly on the page. We have to apply this class to the parent
   DIV of the root UL of our menu tree. Please take a look at section 6.1 in the
   SmartMenus User's Manual for a detailed explanation if you like. */

.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}

.bg_main { 
	width:1100px;
	border:0px solid red;
	background-repeat:no-repeat;
	background-attachment:scroll;
}

.bg_ref1 { background-image: url(images/back_left_ref1.jpg); }
.bg_ref2 { background-image: url(images/back_right_ref2.jpg); }

.bg_left_corrie { background-image: url(images/back_left_corrie.jpg); }
.bg_left_jeff { background-image: url(images/back_left_jeff.jpg); }
.bg_left_julian { background-image: url(images/back_left_julian.jpg); }
.bg_left_ken { background-image: url(images/back_left_ken.jpg); }
.bg_left_matt { background-image: url(images/back_left_matt.jpg); }
.bg_left_mattp { background-image: url(images/back_left_mattp.jpg); }
.bg_left_nick { background-image: url(images/back_left_nick.jpg); }

.bg_right_kevin { background-image: url(images/back_right_kevin.jpg); }
.bg_right_marco { background-image: url(images/back_right_marco.jpg); }
.bg_right_mark { background-image: url(images/back_right_mark.jpg); }
.bg_right_mel { background-image: url(images/back_right_mel.jpg); }
.bg_right_paul { background-image: url(images/back_right_paul.jpg); }
.bg_right_ronc { background-image: url(images/back_right_ronc.jpg); }
