body {margin:0;padding:0;background-image:url(images/diz_07.jpg);}
a:link, a:visited, a:active {color:#fff;text-decoration: none;}
.top_table {background-image:url(images/diz_03.jpg);}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0;}

.logo {width:578px;height:217px;}
.inner_top {width:878px;}

.header1 {
	color:#fff;
	font-size:14px;
	font-family:"Verdana";
	font-weight:bold;
	text-align:justify;
	line-height:18px;
	margin-bottom:3px;
}
.header2 {
	color:#fff;
	font-size:14px;
	font-family:"Verdana";
	font-weight:bold;
	text-align:center;
	line-height:18px;
	margin-bottom:25px;
}
h1 {
	color:#fff;
	font-size:20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	margin: 20px 0 0 0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
}
h2 {
	color:#fff;
	font-size:18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	margin:10px 0 0 5px;
	padding:0;
	text-align:left;
	text-transform:uppercase;
}
.tm {
	width:1226px;
	padding:0;
}
.tm img {
	border-right:1px solid #888;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	border-left:1px solid #888;
	margin: 1px;
	text-align: center;
	width:200px;
	height:266px;
}
.tm a:hover img,.tm a:active img {
	border-right:1px solid #fff;
	border-bottom:1px solid #888;
	border-top:1px solid #888;
	border-left:1px solid #fff;
}
.footer {width:800px;}
.footer td {
	color:#fff;
	font-size:12px;
	font-family:"Verdana";
	font-weight:normal;
	text-align:justify;
	line-height:16px;
	margin-bottom:5px;
}
.top_line {
	float: left;
	width: 270px;
	color: #f3f18b;
	font-weight: normal;
	font-size: 17px;
}
.top_line li {
	overflow: hidden;
	z-index: 1;
	text-align: left;
	letter-spacing: -1px;
	margin: 7px 0 7px 10px;
	padding: 0;
}
.top_line a, .top_line a:visited {
	margin-left: 3px;
	font-size: 17px;
	color: #DBDBDB;
	text-decoration: none;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	border-bottom: 1px dotted #f3f18b;
}
.top_line a:hover  {
	text-decoration: none;
	color: #f3f18b;
	border-bottom: 1px dotted #f3f18b;
}
.toplist {
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
	width: 1200px;
	border-right-width: 0;
	border-left-width: 0;
	margin: 3px auto 12px auto;
	padding: 2px 0 2px 0;
	text-align: left;
	letter-spacing: 0;
}
.topfont {
	font-family: "Trebuchet MS";
	font-size: 32px;
	line-height: 45px;
	color: #fff;
	letter-spacing: -2px;
	margin-top:15px;
}

@media screen and (max-width: 1920px) {body {min-width:1600px;}}

@media screen and (max-width: 1600px) {body {min-width:1236px;}}

@media screen and (max-width: 1260px) {
body {min-width:996px;}
h2 {margin-left:90px;}
.tm, .toplist {width: 990px;}
}

@media screen and (max-width: 1000px) {
body {min-width:768px;}
h2 {margin-left:90px;}
.inner_top {width:578px;}
.right_side {display:none;}
.tm, .footer, .toplist {width: 760px;}
}

@media screen and (max-width: 788px) {
body {min-width:620px;}	
.inner_top {width:578px;}
.right_side {display:none;}
.tm, .footer, .toplist {width: 610px;}
}

@media screen and (max-width: 620px) {
body {min-width:500px;}
h2 {font-size:16px;margin-left:50px;}
.top_table {background-size:auto 184px;}
.logo {width:490px;height:auto;}
.inner_top, .tm, .footer, .toplist {width:490px;}
.right_side {display:none;}
}

@media screen and (max-width: 520px) {
body {min-width:300px;}
h2 {margin-left:50px;}
.top_table{background-size:auto 109px;}
.logo {width:290px;height:auto;}
.inner_top, .tm, .footer, .toplist {width:290px;}
.right_side {display:none;}
}