@charset "utf-8";

/** clear styles **/
	html, body, div, span, p, h1, h2, h3, h4, h5, h6, ul, ol, li, img, form {
		margin:0px;padding:0px;border:0px none;outline:0px;
		list-style-type: none;
	}

	html, body { width:100%; height:100%; }
	html, body, form, input, select, fieldset {font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; color: #000; }
	div.clear { clear:both; font-size:0px;line-height:0px;height:0px !important;overflow:hidden; visibility: hidden; }

	a, a:link, a:visited, a:active, a:focus { text-decoration: none;  }
	a:hover { text-decoration: underline; }

	:focus { outline: 0; }
	a img, a:hover img {border: 0px none;}

	.left {float:left;}
	.right {float:right;}

	.textcenter {text-align:center;}
	a.boldlink {font-weight:bold;font-size: 12px;}

html, body {background: #000 url(/img/zynki-bg.jpg) left top repeat;}

div#wrap {
	width: 100%;
	height: 100%;
	text-align:center;
	background-color:#fff;
}

div#site {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:left;
	background-color: transparent;
}

	div#header {
		width:100%;
		height: auto;
		text-align:center;
		background: url(/img/zynki-header.png) left top repeat-x;
	}

		div#head-brand {
			width:950px;
			height:85px;
			text-align:left;
			margin:0 auto;
			background: url(/img/zynki.png) left top no-repeat;
		}

		div#head-menu {
			width:950px;
			height: 37px;
			font-family:"Tahoma", Arial, sans-serif;
			text-transform: capitalize !important;
			margin:0 auto;
		} 


	div#brand {position:relative; }

	div#brand a#brandlink {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 345px;
		height: 50px;
		display: block;
		}

		div#brand h1#sitetitle {
			font-size: 30px;
			display: none;
			}
	div#head-menu ul {
		display:block;
		width:950px;
		height:31px;
		text-align:left !important;
		overflow:hidden;
	}

	div#head-menu ul li { display:inline; }
	div#head-menu ul li a {	white-space: nowrap; }
			


		a.topmenu-url:hover span.link_text { text-decoration:none; }

	a.topmenu-url,
	a.topmenu-url-active {
		display: block;
		float: left;
		margin-left:0px !important; 
		margin-right:0px !important; 
		height:31px;
		overflow:hidden;
	}

		a.topmenu-url:hover, 
		a.topmenu-url-active:hover{
			text-decoration: none !important;
			border: 0px none !important;
		}

	a.topmenu-url span.link_text,
	a.topmenu-url-active span.link_text {
		display: block;
		float: left;
		line-height: 27px;
		padding-bottom:4px;
		vertical-align: middle;
		font-size: 12px;
		font-weight: bold;
		text-decoration:none;
		padding-left: 11px;
		cursor: pointer;
		}

		a.topmenu-url span.link_right,
		a.topmenu-url-active span.link_right {
			display: block;
			float:left;
			padding-left: 16px;
			line-height:31px;
			height:31px;
			}

			a.topmenu-url span.link_text,
			a.topmenu-url-active span.link_text {color: #b9b9b9;}

			a.topmenu-url span.link_text strong,
			a.topmenu-url-active span.link_text strong {font-weight:normal;}

				a.topmenu-url:link span.link_text,
				a.topmenu-url:visited span.link_text,
				a.topmenu-url:hover span.link_text,
				a.topmenu-url:active span.link_text {
					background: url(/img/bg-headmenu2.png) left top no-repeat;
					color: #b9b9b9;
					}

		a.topmenu-url:hover span.link_text { color: #fff;}

					a.topmenu-url span.link_right {
						background: url(/img/bg-headmenu2.png) right top no-repeat;
						}

				a.topmenu-url-active:link span.link_text,
				a.topmenu-url-active:visited span.link_text,
				a.topmenu-url-active:hover span.link_text,
				a.topmenu-url-active:active span.link_text {
					background: url(/img/bg-headmenu2.png) left -31px no-repeat;
					color: #fff;
					}
					a.topmenu-url-active span.link_right {
						background: url(/img/bg-headmenu2.png) right -31px no-repeat;
						}


		div#head-submenu {
			width:950px;
			height:22px;
			line-height: 19px;
			font-size: 12px;
			text-align:center;
			margin:-4px auto 0px auto;
		}

			div#head-submenu a {color:#b9b9b9; padding: 0px 15px 0px 15px;line-height: 19px; float:left;}
			div#head-submenu a:hover, 
			div#head-submenu a.active {color:#fff;text-decoration:none;}
			div#head-submenu a span {font-weight:normal;}

			div#head-sub-filter {width: 260px; float:left; padding-left:20px;}
			div#head-sub-filter select {color:#000000;}
				div#head-sub-filter #filter1 { width: 110px; }
				div#head-sub-filter #filter2 { width: 140px; }


div#head-infos {
	position:absolute;
	top:-1px;
	left:50%;
	margin-left:-110px;
	width:590px;
	height:26px;
	line-height:24px;
	text-align:left;
	color: #FFF;
	}

	div#head-infos p {
		text-align:left;
		font-size:11px;
		color:#b9b9b9;
		display:inline;
	}
		div#head-infos p span {color:#999; padding: 0px 2px; }
		div#head-infos p strong {font-weight:bold; color:#fff; }
		
	div#hull {
		width:100%;
		height:auto;
		text-align:center;
		background: #f6f6f6 url(/img/zynki-main-bg.png) left top repeat-x;
	}

		div#content {
			clear:both;
			width:950px;
			height: auto;
			text-align:left;
			margin:0 auto;
			padding:20px 0px 20px 0px;
			overflow:hidden;
		}

	div#footer {
		width: 100%;
		height: auto;
		text-align:center;
		clear:both;
		color: #b9b9b9;
	}

	
	#body_bin {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#body_bin #side {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 160px;
	text-align: center;
}
#body_bin #main {
	margin-left: 170px;
}
#body_bin #side .side_list {
	color: #666666;
	text-align: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 12px;
	margin: 0px;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #666;
}
#body_bin #side .side_list a {
	font-size: 15px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a.title {
	font-size: 24px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#body_bin #side .side_list h2 {
	text-align: center;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	color: #000000;
	font-size: 14px;
	text-decoration: underline;
}
#body_bin #main #met-updates {
	padding-left: 12px;
}
#body_bin #main .nav_links {
	color: #999999;
	text-align: center;
	margin-bottom: 10px;
}
#body_bin #main .nav_links a {
	font-size: 18px;
	color: #999;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-weight: bold;
}
#body_bin #main .nav_links h2 {
	margin: 5px;
	padding: 0px;
	color: #333;
	font-size: 18px;
}
.imgLink {
	border: 1px solid #333;
}
.imgLink:hover {
	border: 1px solid #ccc;
}
#body_bin #main .main_text {
	color: #666666;
	text-align: left;
	font-size: 12px;
	margin: 0px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #666;
}
.last_update_met {
	font-size: 11px;
	color: #9B9B9B;
	float: left;
	text-align: center;
	width: 115px;
	overflow: hidden;
	height: 205px;
	margin: 6px;
	white-space: nowrap;
	cursor: pointer;
}
.last_update_fem {
	font-size: 11px;
	color: #9B9B9B;
	float: left;
	text-align: center;
	width: 152px;
	overflow: hidden;
	height: 185px;
	margin: 2px;
	white-space: nowrap;
	cursor: pointer;
}
#body_bin #main .nav_links a:HOVER, a.title:HOVER {
	color: #333;
}
#body_bin .upWeek {
	padding: 6px;
	float: left;
	width: 160px;
	margin-top: 7px;
	margin-right: 4px;
	margin-bottom: 5px;
	margin-left: 5px;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #666;
}
#body_bin .upWeek .upTextM {
	color: #666666;
	text-align: center;
	font-size: 12px;
	height: 400px;
	overflow: hidden;
}
#body_bin .upWeek .upTextF {
	color: #666666;
	text-align: center;
	font-size: 12px;
	height: 260px;
	overflow: hidden;
}
#body_bin h4 {
	color: #444;
	text-align: center;
}
h4 a {
	color: #000;
	text-decoration: underline;
	font-size: 18px;
}
#body_bin .upWeek h3 {
	margin: 0px;
	padding: 0px;
}
#body_bin .upWeek a {
	font-size: 15px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#body_bin #upRows {
	padding-left: 31px;
}
.pLetter,
a.links {
	font-size: 18px;
	color: #444;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
.pLetter:HOVER,
a.links:hover {
	color: #000000;
	text-decoration: underline;
}
#body_bin #main a.mu {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
#body_bin #main a.mu:HOVER {
	color: #000000;
	text-decoration: underline;
}
a.botNav {
	font-size: 15px;
	color: #666666;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
}
a.botNav:HOVER {
	color: #000000;
}
a.white {
	color: #FFF;
	font-size: 24px;
	text-decoration: none;
}