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






/* SET DEFAULTS
**************************************************/
body {
	margin:				0px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000000;
	background-color:	#464646;
}

img { border: 0px none }

a { text-decoration: none }
a:hover { text-decoration: underline }

.left { float: left }
.rght { float: right }

.ranking {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	font-weight:			bold;
	color:					#eb9100;
}







/* HEADER
**************************************************/
.header-cont {
	width:				100%;
	height:				120px;
	float:				left;
	background:			url('../../files/css/bg-header.gif') repeat-x bottom #FFFFFF;
	/*border:1px solid #999900;*/
}
	.header {
		width:				900px;
		margin:				0 auto;
		font-size:			14px;
		font-weight:		bold;
		color:				#41A7D1;
		/*border:1px solid #999900;*/
	}


		.header .logo {
			width:				530px;
			padding-top:		15px;
			/*border:	1px solid #CCCCCC;*/
		}

		.header .nav-cont {
			/*width:				325px;*/
			float:				right;
			padding-top:		60px;
			font-family:		Helvetica, Arial, sans-serif;
			font-size:			18px;
			color:				#FFFFFF;
			/*border:	1px solid #CCCCCC;*/
		}
			.header .nav-cont a {
				color:				#41A7D1;
			}

		.header .active {
			height:				60px;
			background:			url('../../files/css/tab-mid.jpg') repeat-x bottom center;
		}
		.header .active-left {
			width:				12px;
			height:				60px;
			background:			url('../../files/css/tab-left.jpg') no-repeat bottom right;
		}
		.header .active-rght {
			width:				12px;
			height:				60px;
			background:			url('../../files/css/tab-rght.jpg') no-repeat bottom left;
		}
		.header .not-active {
			width:				12px;
			height:				60px;
		}





/* MIDDLE - PAGE CONTENT
**************************************************/
.middle-cont {
	width:				100%;
	float:				left;
	background-color:	#000000;
	/*border:1px solid #0000FF;*/
}
	.middle {
		width:				900px;
		margin:				0 auto;
		/*border:1px solid #999900;*/
	}


	.middle h1 {
		display:				inline;
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				24px;
		font-weight:			bold;
		color:					#000000;
	}

	.middle a {
		font-weight:			bold;
		color:					#41A7D1;		
	}





		/* LEFT COLUMN */
		.middle .col-left {
			width:				560px;
			float:				left;
			/*border:1px solid #ff0000;*/
		}


			/* ROUNDED CORNER BLUE BOX */
			.col-left .box-blue {
				width:				560px;
			}
				.col-left .box-blue .top {
					width:				540px;	/* 560 */
					height:				45px;	/* 55 */
					float:				left;
					padding:			10px 10px 0 10px;
					overflow:			hidden;
					background:			url('../../files/css/box/blue-top.png') no-repeat bottom;
					/*border:1px solid #FF0000;*/
				}
					.col-left .box-blue .top h1 {
						font-family:			Verdana, Arial, Helvetica, sans-serif;
						font-size:				20px;
						font-weight:			bold;
						color:					#FFFFFF;
						display:				inline;
						position:				relative;
						top:					12px;
					}

				.col-left .box-blue .mid {
					width:				540px;	/* 560 */
					float:				left;
					padding:			10px 10px 10px 10px;
					background-color:	#41A7D1;
					/*border:1px solid #FF0000;*/
				}
					.col-left .box-blue .mid h1 {
						color:					#000000;
						display:				inline;
					}
					.col-left .box-blue .mid h2 {
						font-size:				20px;
						color: #333333;
						display:				inline;
						margin-left:			5px;
					}

				.col-left .box-blue .bot {
					width:				540px;	/* 560 */
					height:				35px;	/* 35 */
					float:				left;
					padding:			0 10px 0 10px;
					overflow:			hidden;
					background:			url('../../files/css/box/blue-bot.png') no-repeat top #181818;
					/*border:1px solid #FF0000;*/
				}
				.col-left .box-blue .low {
					width:				540px;	/* 560 */
					height:				55px;	/* 55 */
					float:				left;
					padding:			10px 10px 0 10px;
					overflow:			hidden;
					background:			url('../../files/css/box/grey-bot.png') no-repeat top;
					/*border:1px solid #FF0000;*/	
				}


			/* WHITE BOX */
			.col-left .page {
				width:				520px; /* 540 */
				float:				left;
				padding:			10px;
				margin:				0 0 20px 0;
				border:				1px solid #317F9F;
				background-color:	#FFFFFF;
			}
				.col-left .page .bdr {
					border:				1px solid #666666;
				}


			/* PAGE NUMBERS */
			.col-left .page-nav {
				text-align:			center;
				font-size:			18px;
				font-weight:		bold;
				color:				#666666;
			}
				.page-nav a {
					color:				#FFFFFF;
				}
				.page-nav .end a {
					color:				#41A7D1;
				}
				.page-nav .num {
					width:				20px;
					height:				20px;
				}
				.page-nav .set {
					width:				20px;
					height:				20px;
					background:			url('../../files/css/bg-page-num.jpg') no-repeat center;
				}



		/* RIGHT COLUMN */
		.middle .col-rght {
			width:				325px;
			float:				right;
			/*border:1px solid #ff0000;*/
		}


			/* ROUNDED CORNER BLUE BOX */
			.col-rght .box-blue {
				width:				325px;
			}
				.col-rght .box-blue .top {
					width:				305px;	/* 325 */
					height:				45px;	/* 55 */
					float:				left;
					padding:			10px 10px 0 10px;
					overflow:			hidden;
					background:			url('../../files/css/box/blue-top-rght.png') no-repeat bottom;
					/*border:1px solid #FF0000;*/
				}
				.col-rght .box-blue .mid {
					width:				305px;	/* 325 */
					float:				left;
					padding:			10px 10px 10px 10px;
					color:				#8DCAE3;
					background-color:	#41A7D1;
					/*border:1px solid #FF0000;*/
				}
					/*.col-rght .box-blue .mid .thumb {
						width:				106px;
						height:				106px;
						border:				2px solid #FFFFFF;
					}*/
					.col-rght .box-blue .mid a {
						font-weight:		normal;
						color:				#FFFFFF;
					}

				.col-rght .box-blue .bot {
					width:				305px;	/* 325 */
					height:				10px;
					float:				left;
					padding:			0 10px 0 10px;
					overflow:			hidden;
					background:			url('../../files/css/box/blue-bot-rght.png') no-repeat top;
					/*border:1px solid #FF0000;*/
				}


				/*.col-rght .more {
					border:1px solid #FF0000;
				}

					.col-rght .prev {
						width:				20px;
						height:				110px;
						float:				left;
						margin:				2px;
					}
					.col-rght .img {
						width:				110px;
						height:				110px;
						float:				left;
						margin:				2px;
						border:1px solid #FF0000;
					}
						.col-rght .img img {
							width:				110px;
							height:				110px;
							border:				3px solid #FFFFFF;
						}
					.col-rght .next {
						width:				20px;
						height:				110px;
						float:				left;
						margin:				2px;
					}*/


			/* ROUNDED CORNER WHITE BOX */
			.col-rght .box-white {
				width:				325px;
			}
				.col-rght .box-white .top {
					width:				325px;
					height:				10px;
					float:				left;
					background:			url('../../files/css/box/white-top.png') no-repeat bottom;
					/*border:1px solid #FF0000;*/
				}
				.col-rght .box-white .mid {
					width:				305px;	/* 325 */
					float:				left;
					padding:			10px 10px 10px 10px;
					background:	url('../../files/css/box/white-mid.png') repeat-y bottom;
					/*border:1px solid #FF0000;*/
				}
				.col-rght .box-white .bot {
					width:				325px;
					height:				10px;
					float:				left;
					background:			url('../../files/css/box/white-bot.png') no-repeat top;
					/*border:1px solid #FF0000;*/
				}

				.col-rght .box-white a {
					color:				#E07114;
				}





/* FOOTER
**************************************************/
.blue-bar {
	width:				100%;
	height:				10px;
	float:				left;
	background-color:	#47A7D1;
}

.footer-cont {
	width:				100%;
	float:				left;
	/*border:1px solid #00FFFF;*/
}
	.footer {
		width:				900px;
		margin:				0 auto;
		padding:			0px;
		font-weight:		bold;
		color:				#A7A7A7;
		/*border:1px solid #999900;*/
	}

	.footer a {
		color:				#FFFFFF;
	}





/* END OF FILE
**************************************************/