body {
  margin: 0;
  text-align: center;
  background-color: black;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
}

a {
	color: white;
	text-decoration: none;
}

a:hover {
	color: #826e8b;
}

#overall{
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header {
	width: 100%;
	height: 73px;
}

#logo {
	width: 221px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 22px;
	background: url(../img/logo.png) no-repeat;
}

#little-menu {
	float: right;
	font-size: 8pt;
	margin-top: -31px;
}

h1#home {
	font-weight: normal;
	font-style: normal;
	color: white;
	font-size: 15pt;
	text-align: center;
}

#homecontent {
	font-size: 9pt;
	width: 820px;
	text-align:justify;
	margin-left: auto;
	margin-right: auto;
	    }

#center {
	width: 820px;
	height: 450px;
	background-image: url(../img/anim.gif);
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 1px;
	margin-top: 20px;
}

#footer {
	font-size: 8pt;
	width: 590px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 33px;
}

#menu {
	width: 844px;
	font-weight: bold;
	font-size: 9pt;
	padding-top: 400px;
	padding-left: 7%;
	text-align: left;
}

.menu{
	border:none;
	border:0px;
	font-size: 10px;
	font-weight:bold;
}
.menu ul{
	position: relative;
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
	float:left;
	padding:0px;
	width: 225px;
	margin-right: 10px;
	margin-left: 10px;
	text-transform: uppercase;
}
	.menu li a{
		background: white;
		color: #000;
		display:block;
		font-weight: bold;
		line-height: 28px;
		margin:0px;
		padding:0px 25px;
		text-align: left;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #fff url("images/hover.gif") no-repeat center;
			color: black;
			text-decoration:none;
			}
	.menu li ul{
		background: white;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		top:-140px;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height: 28px;
		margin: 0px 0px 0;
		text-align: left;
	padding-right: 10px;
	padding-left: 15px;
	line-height: 28px;
}
		.menu li ul a:hover, .menu li ul li:hover a{
			background: #e6e6e6;
			border:0px;
			color: black;
			text-decoration:none;
			}

.fix-temp {
	color: white;
}
.fix-temp:hover {
	color: #e6e6e6;
}

#frflag {
	width: 30px;
	height: 20px;
	background-image: url(../img/frflagbw.gif);
	float: left;
	margin-left: 270px;
}

#frflag:hover {
	width: 30px;
	height: 20px;
	background-image: url(../img/frflag.gif);
	float: left;
}

#enflag {
	width: 30px;
	height: 20px;
	background-image: url(../img/enflagbw.gif);
	float: left;
}

#enflag:hover {
	width: 30px;
	height: 20px;
	background-image: url(../img/enflag.gif);
	float: left;
}