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

*{
	margin:0;
	padding:0;
}

/* remember to define focus styles! */  
:focus {  
outline: 0;  
} 

ul li{
	list-style:none;
}

body{
	background:#000000 url(../img/bg/bg_3.jpg) no-repeat center top;
	margin:0 auto;
	width:800px;
	color:#666666;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:11.5px;
	line-height:18px;
	text-shadow:#000000 1px 1px;
}

.container{
	width:800px;
	margin:0 auto;
}

a img { border:none; }

a:link, a:visited{
	color:#999999;
}

#header{
	height:88px;
	width:800px;
	margin:0 auto;
	padding-top:10px;
}

.logo{
	width:600px;
	float:left;
	margin:0 auto;
}

.count_down{
	width:170px;
	float:left;
}

.clear{
	clear:both;
}

/* menu bar */
.menu{
	background:#000000 url(../img/bg/menu_bg.jpg) no-repeat;
	height:31px;
	margin-top:10px;
}

.menu ul li{
	display:inline;
}

.menu ul li a{
	margin-top:1px;
	cursor:pointer;
	padding:0;
}

/* home */
a.home{
	background:url(../img/menu/home.gif);
	height:28px;
	width:48px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
}

a.home:hover{
	background-position:0 -28px;
}

a.home_active{
	height:28px;
	width:48px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
	display:inline-block;
}

/* about */
a.about{
	background:url(../img/menu/about.gif);
	height:28px;
	width:50px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
}

a.about:hover{
	background-position:0 -28px;
}

.about_active{
	height:28px;
	width:50px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
	display:inline-block;
}

/* competition details */
a.comp{
	background:url(../img/menu/comp_details.gif);
	height:28px;
	width:147px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
}

a.comp:hover{
	background-position:0 -28px;
}

.comp_active{
	height:28px;
	width:147px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
	display:inline-block;
}

/* media */
a.media{
	background:url(../img/menu/media.gif);
	height:28px;
	width:50px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
}

a.media:hover{
	background-position:0 -28px;
}

.media_active{
	height:28px;
	width:50px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
	display:inline-block;
}

/* extras */
a.extras{
	background:url(../img/menu/extras.gif);
	height:28px;
	width:50px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
}

a.extras:hover{
	background-position:0 -28px;
}

.extras_active{
	height:28px;
	width:50px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
	display:inline-block;
}

/* Merchandise */
a.merchandise{
	background:url(../img/menu/merchandise.gif);
	height:28px;
	width:98px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
}

a.merchandise:hover{
	background-position:0 -28px;
}

.merchandise_active{
	height:28px;
	width:98px;
	line-height:28px;
	display:inline-block;
	vertical-align:middle;
	display:inline-block;
}

.content{
	overflow:hidden;
}

#content
{
overflow:hidden;
padding-bottom:150px;
}

.left_panel_1{
	width:180px;
	float:left;
	margin-top:13px;
}

.left_panel_2{
	padding-left:180px;
	width:420px;
	float:left;
	margin-top:15px;
}

.left_panel_3{
	padding-left:180px;
	width:620px;
	float:left;
	margin-top:15px;
}

.right_panel{
	width:200px;
	float:right;
	text-align:left;
	padding-top:15px;
}

.right_panel a img{
	opacity:1;
}

.right_panel a img:hover{
	opacity:0.8;
}


h2.title{
	font-size:20px;
	font-weight:bold;
	color:#853047;
	line-height:17px;
	text-shadow:#000000 1px 2px;
	margin-bottom:15px;
}

.video{
	width:600px;
	float:left;
	margin-top:10px;
}

.banner_event{
	width:190px;
	height:305px;
	float:right;
	background:url(../img/banner_event.jpg) no-repeat;
}

.banner{
	height:165px;
}

.event{
	width: 140px;
	height: 120px;
	overflow-y: scroll;
	scrollbar-arrow-color:black;
	scrollbar-face-color: #e7e7e7;
	scrollbar-3dlight-color: #a0a0a0;
	scrollbar-darkshadow-color:#888888;
	font-size:10px;
	text-align:right;
	padding:10px 10px 10px 30px;
}

.event ul li{
	border-bottom:1px dotted #333333;
	padding:10px 0 10px 0;
}

.date_small{
	font-weight:bold;
	color:#a52c57;
	display:block;
}

/* TOOLTIP */
.icon{
	margin-right:20px;
	margin-top:10px;
	height:40px;
}

#demo{
	margin-top:-40px;
}

#demotip {
	display:none;
	background:transparent url(../img/tool_tip.png);
	font-size:9px;
	padding-top:7px;
	height:34px;
	width:120px;
	color:#999999;
	text-align:center;
	z-index:10000000;
	margin-top:-10px;
	line-height:10px;
}

/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0;
}

/* footer */

#footer {
	position: fixed;
	bottom: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background:#000000 url(../img/bg/sponsors_bg.jpg) no-repeat;
	width: 720px;
	padding: 0 40px;
}

.footer{
	height:40px;
	display:block;
	position:fixed;
	bottom:100px;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
}

/* sponsors logo*/
.adhip{
	margin-left:-4px;
}

.copyright{
	font-size:7px;
	color:#333333;
	margin-top:-15px;
}


/* dates on competition details page */
.date_event{
	display:block;
	width:420px;
	margin-bottom:30px;
	overflow:hidden;
}

.date{
	float:left;
	width:145px;
	height:64px;
}

.date_details{
	float:left;
	padding-top:10px;
	padding-left:20px;
	width:200px;
	display:block;
}

/* Download */
.download{
	margin-bottom:-3px;
	padding-right:3px;
}

.line{
	border-bottom:1px #333333 dotted;
}

/* */
.event_icon{
	opacity:0.5;
	margin-left:-8px;
	float:left;
	margin-top:-6px;
}

.date_details span{
	padding-left:8px;
	clear:both;
	line-height:30px;
}

/* */
ul.sub_menu li a img:hover{
	padding-left:2px;
}

a.title_2{
	font-size:20px;
	font-weight:bold;
	color:#853047;
	line-height:17px;
	text-decoration:none;
	cursor:hand;
}

a.title_2:hover{
	font-size:20px;
	font-weight:bold;
	color:#853047;
	line-height:17px;
	text-shadow:#000000 1px 3px;
	text-decoration:none;
}