﻿html, body
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #e2e5e8;
	background-color: #6f7277;
}

a img { border: 0px; }

img {
	 border: 0px;
}

A{
	color: #ff8a00;
	text-decoration: underline;
}
A:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

table{
border:0px;
border-collapse:collapse; /* cellspacing="0" */
}

table td{
padding:0px; /* cellpadding="0" */
}

#toplink {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

.top {
	background-image: url('http://design.ferronetwork.com/sites/common/fhg/img/t_bk.gif');
	background-repeat: repeat-x;
	text-align: center;
	font-size: 39px;
	font-weight: 900;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.top a {
	color: #FFA837;
	text-decoration: underline;
}
.top a:hover {
	color: #FFFFFF;
	text-decoration: underline;

}
.t {
	margin-bottom: 2px;
}

.botl {
	background-color: #32383C;
	text-align: left;
}
.botr {
	background-color: #32383C;
	text-align: right;
}

.left {
	background-color: #32383C;
	text-align: left;
	vertical-align: top;
}
.right {
	background-color: #32383C;
	text-align: left;
	vertical-align: top;
}

.rt {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	padding-left: 8px;
	padding-right: 8px;
	color: #c2ccd2;
}
.rt h2 {
	font-size: 18px;
	font-weight: bold;
	color: #98DAFF;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-transform: uppercase;
}
.rt h2 a {
	color: #98DAFF;
}
.rt h2 a:hover {
	color: #FFFFFF;
}

.rt ul {
	overflow:hidden;
	width:100%;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.rt ul a {
	border-width: 1px;
	border-color: #D67400;
	color: #D67400;
	border-bottom-style: dotted;
	text-decoration: none;
	font-weight: bold;
}
.rt ul a:hover {
	border-width: 1px;
	border-color: #FFFFFF;
	color: #FFFFFF;
	border-bottom-style: dotted;
	text-decoration: none;
	font-weight: bold;


}
.rt li {
	padding-left: 16px;
	margin-bottom: 8px;
	padding-top: 1px;
	background: url('http://design.ferronetwork.com/sites/common/fhg/img2/ul.gif') no-repeat left 1px;

}

.rt_rss {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	padding-left: 13px;
	padding-right: 8px;
	color: #c2ccd2;

}
.rt_rss h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

.rt_rss ul {
	overflow:hidden;
	width:100%;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
.rt_rss ul a {
	border-width: 1px;
	border-color: #D67400;
	color: #D67400;
	border-bottom-style: dotted;
	text-decoration: none;
	font-weight: bold;
	padding-right: 2px;
}
.rt_rss ul a:hover {
	border-width: 1px;
	border-color: #FFFFFF;
	color: #FFFFFF;
	border-bottom-style: dotted;
	text-decoration: none;
	font-weight: bold;
	padding-right: 2px;
}
.rt_rss li {
	padding-left: 17px;
	margin-bottom: -1px;
	padding-top: 1px;
	background: url('http://design.ferronetwork.com/sites/common/fhg/img2/rss_12.gif') no-repeat left 6px;
}

.desktop {
	padding: 0px 10px 0px 16px;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.desktop h1 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
}


.potdall {
	width: 700px;
	margin-bottom: 18px;
}
.potdall td {
	padding: 4px 6px 4px 6px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	width: 33%;
	vertical-align: top;
}

.potdall td a img {
	border: 1px solid #FF9933;
	width: 220px;

}
.potdall td a:hover img {
	border: 1px solid #FFFFFF;
	width: 220px;

}
.potdall td h1 {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
}

.potdall td h2 {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
}
.potdall td #lpd{
	padding-bottom: 6px;
	padding-top: 4px;
}
.potdall td #lpd a {
	color: #66CCFF;
	text-decoration: underline;
}
.potdall td #lpd a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


/* pic menu */
.picnavi {
	position: relative;
	font-size: 14px;
	text-align: center;
	height: 22px;
	margin: auto;
	padding: 0px;
	font-family: Tahoma;
	overflow:hidden;
}

.picnavicontainer {
	margin: 0px;
	padding: 0px;
	float: left;
	left: 50%;
	position: relative;
	text-align: center;
	height: 22px;
	}

.picul {
    position: relative;
    left: -50%;
    float: left;
    list-style: none;
    margin: 0; padding: 0;
    height: 22px;

}

.picnavi a, .picnavi li  {
	padding: 3px 10px 0px 10px;
	float: left;
	margin: 0;
	color: #ffa800;
	font-weight: bold;
	text-decoration: none;
	height: 22px;
}

#nobor {
	border: none;
	padding: 0px;
	margin: 0;
	height: 22px;
}

.picnavi li {
	padding: 0px;
	margin: 0;
	height: 22px;
	border-width: 1px;
	border-color: #7c8089;
	border-left-style: solid;
}
.picnavi li a:hover {
	color: #232831;
	text-decoration: none;
	height: 22px;
	padding-top: 3px;
	background-color: #FF9900;
}

.potdtitle {
}
.potdtitle h1 {
	margin: 0px;
	font-family: Tahoma;
	font-size: 30px;
	font-weight: normal;
	padding-bottom: 4px;
	color: #99FFCC;
	padding-top: 2px;
}
.potdtitle h1 a {
	border-width: 2px;
	border-color: #66CCFF;
	color: #66CCFF;
	text-decoration: none;
	border-bottom-style: dotted;
}
.potdtitle h1 a:hover {
	border-width: 2px;
	border-color: #ffffff;
	color: #ffffff;
	text-decoration: none;
	border-bottom-style: dotted;
}




.potdtitle1 {
	font-family: Tahoma;
	font-size: 30px;
	font-weight: normal;
	padding-top: 18px;
	padding-bottom: 4px;
	color: #99FFCC;
}



.rt_rsspu {
	border-width: 1px;
	border-color: #999999;
	margin: 4px 0px 4px 8px;
	padding: 0px;
	width: 200px;
	border-top-style: dashed;
	height: 2px;
	font-size: 1px;
}
.rt_rss {
	margin: 0px 0px 8px 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	padding-left: 13px;
	padding-right: 8px;
	color: #c2ccd2;
}
.rt_rss h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.rt_rss ul {
	overflow:hidden;
	width:100%;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
.rt_rss ul a {
	border-width: 1px;
	border-color: #D67400;
	color: #D67400;
	border-bottom-style: dotted;
	text-decoration: none;
	font-weight: bold;
	padding-right: 2px;
}
.rt_rss ul a:hover {
	border-width: 1px;
	border-color: #FFFFFF;
	color: #FFFFFF;
	border-bottom-style: dotted;
	text-decoration: none;
	font-weight: bold;
	padding-right: 2px;
}
.rt_rss li {
	padding-left: 17px;
	margin-bottom: -1px;
	padding-top: 1px;
	background: url('http://design.ferronetwork.com/sites/common/fhg/img2/rss_12.gif') no-repeat left 6px;
}

.rt_rsspu2 {
	border-width: 1px;
	border-color: #999999;
	margin: 4px 0px 4px 4px;
	padding: 0px;
	width: 165px;
	border-top-style: dashed;
	height: 2px;
	font-size: 1px;
}
.htmlcode3 {
	margin: 0px;
	padding: 0px;
	width: 165px;
}

.htmlcode3 p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 5px 0px 2px 4px;
	padding: 0px;
}
.htmlcode3 h4 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 4px 4px;
	padding: 0px;
}
.htmlcode3 input {
	margin: 1px 0px 3px 4px;
	border: 1px solid #CCCCCC;
	background-color: #D7F5F7;
	color: #333333;
	font-size: 10px;
	width: 165px;
	height: 18px;
	padding: 0px;
}


.player1 {
	background-color: #232831;
	padding-right: 4px;
	padding-left: 10px;
	text-align: center;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.player1 p {
	text-align: left;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
}
#lightblue {
	margin: 0px;
	color: #cae7ff;
}
#lightblue a {
	color: #cae7ff;
	text-decoration: none;
}
#lightblue a:hover {
	color: #CAFFE0;
	text-decoration: none;
}

#just {
	border: 1px solid #4D575F;
	margin: 8px 8px 0px 8px;
	padding: 3px;
	text-align: justify;
	color: #89949D;
	background-color: #272E33;
	font-weight: normal;
}
#just span {
	color: #9FA9B0;
	font-weight: bold;
}
.player1 h2 {
	margin: 0px;
	text-align: left;
	padding-left: 14px;
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 2px;
}
#bot4 {
	padding-bottom: 6px;
}
.player1 h3 {
	padding: 0px 5px 1px 5px;
	margin: 0px;
	text-align: center;
	font-family: Tahoma, Verdana;
	font-size: 16px;
	font-weight: bold;
}

.screen {
	border-width: 1px;
	border-color: #6F7277;
	background-color: #232831;
	padding-right: 10px;
	padding-left: 4px;
	text-align: left;
	vertical-align: top;
	border-left-style: dashed;
	font-size: 1px;
}
.screen a img {
	border: 1px solid #232831;
}

.screen a {
	color: #00ea48;
}
.screen a:hover {
	color: #FFFFFF;
}

.screen img {
	margin-bottom: 6px;
}
.screen h2 {
	font-size: 14px;
	font-weight: bold;
	color: #CBD4DB;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	letter-spacing: 5px;
	text-align: center;
}
.screen h3 {
	font-size: 14px;
	font-weight: bold;
	color: #CBD4DB;
	margin: 0px;
	padding: 0px;
}

.photoblock1 {
	background-color: #232831;
	text-align: center;
	width: 730px;
}

.photoblock {
	background-color: #232831;
}
.photoblock td {
	text-align: center;
}

.photo {
	
}
.photo td {
	text-align: center;
	padding: 5px;
}
.photo td img {
	border: 1px dotted #FF9900;
}
.photo td a:hover img {
	border: 1px dotted #FFFFCC;
}

.photopotd {
	
}
.photopotd td {
	text-align: center;
	padding: 5px;
}
.photopotd td img {
	border: 1px dashed #ffc23e;
}


.sfhg {
	
}
.sfhg td {
	text-align: center;
	padding: 2px;
}
.sfhg td img {
	border: 1px dashed #FF9900;
}
.sfhg td a:hover img {
	border: 1px dashed #FFFFFF;
}

.photodesk {
	padding: 16px 10px 16px 15px;
	font-size: 20px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

.sname {
	background-color: #232831;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 16px;
	font-size: 16px;
	font-weight: bold;
}
.sname2 {
	padding: 8px 10px 6px 16px;
	background-color: #232831;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.desk2 {
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
	padding-right: 10px;
	padding-left: 16px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #454954;
}

.desk2 a {
	color: #25B9FF;
	text-decoration: underline;
}
.desk2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.desk3 {
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Tahoma;
	vertical-align: top;
}

.desk3 a {
	color: #25B9FF;
	text-decoration: underline;
}
.desk3 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.desk3 h3 {
	padding: 32px 0px 0px 0px;
	margin: 0px;
	text-align: center;
	font-family: Tahoma;
	font-size: 24px;
	font-weight: bold;
}
.desk3or {
	font-size: 20px;
	font-family: Tahoma;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 170px;
}
.downclip {
	width: 165px;
	font-size: 12px;
	font-family: Tahoma;
	font-weight: normal;
	padding-top: 1px;
	padding-bottom: 6px;
	text-align: left;
	display: block;
	margin: 0px 0px 4px 4px;
}
.downclip a {
	color: #99FF33;
	font-weight: bold;
	text-decoration: underline;
}
.downclip a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

/*.embedh {
	font-size: 10px;
	width: 165px;
	height: 18px;
	text-align: left;
}
*/
.downclip p {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.downclip span {
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.downclip input {
	border: 1px solid #CCCCCC;
	background-color: #FFFFDF;
	color: #333333;
	font-size: 10px;
	width: 165px;
	height: 18px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.bottom {
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.bottom h2 {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
}
.bottom h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 8px 0px 8px 0px;
	margin: 0px;
}

.bottom h4 {
	font-size: 18px;
	font-weight: bold;
	padding: 0px 0px 6px 0px;
	margin: 0px;
	width: 702px;
	text-align: justify;
}
.bottom h5 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 8px 0px 8px 0px;
	margin: 0px;
	letter-spacing: 0px;
}

.bottom a {
	color: #25B9FF;
	text-decoration: underline;
}
.bottom a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.copyright {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #717987;
}

.logo {
	width: 109px;
	height: 80px;
}