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

.clear{clear:both;}
a{color:#0078CA;text-decoration:none;}


#bg-2{
	padding:0;
	position:relative;
	z-index:0;
	background:url(../public_images/bg-2.jpg) no-repeat right top;
	width:1012px;
	min-height:855px;
	margin:0 auto;
	
}

.inner-page #footer{color:#F3F3F3;padding:5px 11px;}

#container{
	width:975px;
	/*position:absdolute;
	top:0;
	left:0;*/
}

	#header{
		width:945px;
		height:198px;
		position:relative;
	}

		.logo{
			position:absolute;
			top:0;
			left:0;
			width:252px;
			height:196px;
			background: url(../public_images/logo.png);
		}
		
		h1.site-name a{
			display:block;
			text-indent:-99999px;
			font-size:0;
			text-decoration:none;
			width:252px;
			height:196px;
		}


#menu{
	width:973px;
	height:36px;
	background: url(../public_images/menu.png);
	border-left:1px solid #282F2F;
	border-right:1px solid #282F2F;
	position:relative;
}

#menu ul{padding-left:20px;}

#menu ul li{
	display:inline-block;
	float:left;
	background: url(../public_images/menu-li.png) right center no-repeat;
	position:relative;
}

	#menu ul li a{
		display:inline-block;
		float:left;
		color:#FFF;
		padding:0 10px;
		height:36px;
		line-height:36px;
		position:relative;
	}
	
	#menu ul li a:hover{color:#6D858A;}

	#menu ul li.active{padding: 0 5px 0;margin-top:3px;}
	
	#menu ul li.active a{
		border:1px solid #B30202;
		background: url(../public_images/menu.png) 0 -36px;
		height:28px;
		line-height:28px;
		color:#FFF;
		padding: 0 5px;
	}
	
	#menu ul li .ico{
		display:none;
		width:11px;
		height:6px;
		position:absolute;
		bottom:-6px;
		left:50%;
		margin-left:-6px;
		background: url(../public_images/ico.gif) 0 -20px;
	}
	
	#menu ul li.active .ico{display:inline-block;}
	

#menu ul li.active li a{

	float:none;
	display:block;
	color:#FFF;
	font-size:12px;
	height:auto;
	line-height:130%;
	padding:5px 0 0 15px;
	min-width:100px;
	border-bottom:1px solid #626264;
	text-transform:none;
	background:url(li2.gif) 3px 10px no-repeat;
	border: none;
	}

/*search form*/
	.search{
		position:absolute;
		height:20px;
		top:7px;
		right:10px;
		width:200px;
	}
		.search .txt{
			height:14px;
			border:1px solid #282F2F;
			color:#F2F2F2;
			font-size:12px;
			padding:2px;
			width:159px;
			background: url(../public_images/input.png);
			font-family:Verdana, Geneva, sans-serif;
			float:left;
		}
		
		.search .bt{
			float:right;
			height:20px;
			width:30px;
			display:block;
			background: url(../public_images/ico.gif);
			border:0 none;
			cursor:pointer;
		}

#main{
	width:975px;
	/*background: url(../public_images/profile-body.jpg);*/
	padding-top:10px;
}

.content-block{
	width:894px;
	min-height:200px;
	background:none repeat scroll 0 0 #EDEDED;
	padding:25px 15px;
	position:relative;
	margin: 0 auto;
}

	.content-top{
		background-image: url(../public_images/ranking-top.png) !important;
		background-image: none;
		filter: none !important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='public_images/ranking-top.png');
		height:94px;
		width:484px;
		position:absolute;
		top:-12px;
		right:-4px;
		z-index:10;
}

.content{
	margin:0;
	position:relative;
	z-index:100;
	line-height:140%;
}

#slider{
	margin:0 auto 20px;
	width:786px;
}



/****OLD STYLES****/
.main_image {
    width: 485px;
    height: 363px;
    float: left;
	padding:4px 5px 4px 4px;
    background: #282F2F;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
	z-index:11;
	border:1px solid #000;
	border-right:0;
}
.main_image h3 {
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 0;
	font-weight:bold;
}
.main_image p {
    font-size: 13px;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 485px;
    background: #111;
    border-top: 2px solid #282F2F;
	margin:0 5px 4px 4px;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

/*thumbs slider*/

.image_thumb {
    float: left;
    width: 291px;
	
    /*background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;*/
	position:relative;
	z-index:101;
	
}
.image_thumb img {
    border: 1px solid #FFF;
    padding: 2px;
    /*background: #fff;*/
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding:0;
    /*background: #f0f0f0 url(nav_a.gif) repeat-x;*/
    width: 261px;
    float: left;
	height:60px;
	display:inline-block;
	padding:10px 10px 10px 10px ;
	background: url(../public_images/li-2.gif) repeat;
	z-index:10;
	position:relative;
	margin:0 0 2px 0;
	border:1px solid #000;
	border-left:0;
	color:#F2F2F2;
    /*border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;*/
}
.image_thumb ul li.hover { /*--Hover State--*/
    /*background: #ddd;*/
    cursor: pointer;
	background: url(../public_images/li.png) repeat-x;
}
.image_thumb ul li.active { /*--Active State--*/
    /*background: #fff;*/
    cursor: default;
	background: url(../public_images/active.png);	
	color:#F2F2F2;
	z-index:100;
	margin-left:-39px;
	width:300px;
	padding-left:50px;
	border:0;
	width:261px;
	height:62px;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

.copy{
	text-align:right;
	font-size:11px;
	color:#FFF;
	line-height:150%;
	width:975px;
	margin:0 auto;
	padding:5px 0;
}

/**iner pages**/
h2.title{
	font-size:22px;
	font-weight:normal;
	color:#B30202;	
}

.contact-form{
	padding:25px 0 0 0;
	margin:0 auto;
}

	.contact-form .item-contact{margin-bottom:10px;width:45%;float:left;margin-right:10px;}
	
	.item-contact span{
		display: inline-block;
		width:130px;
		text-align:right;
		padding-right:10px;
		float:left;
	}
	
	.item-contact input{
		width:250px;
		border:1px solid #282F2F;
		background:#F2F2F2;
		padding:2px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	  EM.dotted{
		  height:1px;
		  border-top:1px dotted #999999;
		  margin:7px 0;
		  clear:both;
		  position:relative;
		  z-index:100;
	  }

	.contact-form .wide{width:100%;}
	
	.contact-form textarea{
		display:inline-block;
		width:662px;
		border:1px solid #282F2F;
		background:#F2F2F2;
		padding:2px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

.button{
	float:right;
	margin-right:85px;
	display:inline;
}

	.button input{
		border:1px solid #282F2F;
		border-top:0 none;
		color:#FFF;
		height:20px;
		background: url(../public_images/menu.png);
		font-size:12px;
		font-weight:bold;
		font-family:Verdana, Geneva, sans-serif;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		#border:0 none;
		cursor:pointer;
	}

.button2{
	float:right;
	margin-right:330px;
	display:inline;
}

	.button2 input{
		border:1px solid #282F2F;
		border-top:0 none;
		color:#FFF;
		height:20px;
		background: url(../public_images/menu.png);
		font-size:12px;
		font-weight:bold;
		font-family:Verdana, Geneva, sans-serif;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		#border:0 none;
		cursor:pointer;
	}


/***ranking****/
.ranking-container{
	padding-top:10px;
}

	.ranking{
		width:600px;
		margin: 0 auto;
		padding:25px 15px;
		background:#EDEDED;
		position:relative;
	}
	
	.ranking-top{
		background-image: url(../public_images/ranking-top.png) !important;
		background-image: none;
		filter: none !important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../public_images/ranking-top.png');
		height:94px;
		width:484px;
		position:absolute;
		top:-12px;
		right:-4px;
		z-index:10;
	}

		SPAN.ranking-title{
			color:#BA0000;
			font-family:Verdana;
			font-size:14px;
			display:block;
			float:left;
			position:relative;
			z-index:100;
		}
		
		SPAN.reset{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			display:block;
			float:left;
			color:#999999;
			padding:3px 0 0 10px;
			position:relative;
			z-index:100;
		}
		
		EM.solid{
			height:1px;
			border-top:1px solid #999999;
			margin:9px 0 14px;
			position:relative;
			z-index:100;
		}
		
		SPAN.field-ranking{
			width:142px;
			display:block;
			float:left;
			color:#003366;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			position:relative;
			z-index:100;
		}
		
		SPAN.field-ranking2{
			width:409px;
			display:block;
			float:left;
			color:#666666;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			position:relative;
			z-index:100;
		}
		
		SPAN.field-ranking3{
			width:40px;
			display:block;
			float:left;
			color:#666666;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			position:relative;
			z-index:100;
		}
		
/**PNG fix***/

img, EM, h1{ behavior: url(../public_images/iepngfix.htc) }

/** Menu Pulldown***/

                        #menu ul li ul{
                                    position:absolute;
                                    left:20px;
                                    top:35px;
                                    background:#7B7B7E;
                                    border:1px solid #000;
                                    z-index:1000;
                                    float:none;
                                    height:auto;
                                    padding:10px;
                                    display:none;
                        }
                       
                        .ie6 #menu ul li ul{width:100px;}
                                   
                                    #menu ul li ul .ico{
                                                display: block;
                                                position:absolute;
                                                left:18px;
                                                top:-8px;
                                                width:15px;
                                                height:8px;
                                                background:url(../public_images/sprite.gif);
                                    }
                                    #menu ul li ul li{
                                                float:none;
                                                display:block;
                                                background:none;
                                                line-height:130%;
                                                height:auto;
                                                border-bottom:1px solid #ACACAE;
                                                padding:0;
                                    }
                                   
                                    #menu ul li ul li a{
                                                float:none;
                                                display:block;
                                                color:#FFF;
                                                font-size:12px;
                                                height:auto;
                                                line-height:130%;
                                                padding:5px 0 0 15px;
                                                min-width:100px;
                                                border-bottom:1px solid #626264;
                                                text-transform:none;
                                                background:url(../public_images/li2.gif) 3px 10px no-repeat;
                                    }
                                   
                                    #menu ul li ul li a:hover{text-decoration:none;color:#000;}