body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	scrollbar-face-color: white;
	color: #111111;
	background-image: url(top.jpg);
	background-repeat: no-repeat;
	background-color: darkgray;
}


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


a:hover{
	color: purple;
}


p{
	line-height: 130%;
}


h1{
	visibility: hidden;
}

#office{
	margin: 0px;
	padding: 5px;
	left: 685px;
	top: 20px;
	position: absolute;
	overflow: auto;
	height: 100px;
	width: 220px;
	border: 2px solid blue;
	background-color: white;
	font-size: 10pt;

}

#office img{
	border: none;
	color: white;
}



/* === topics === */


#topics{
	margin: 0px;
	padding: 0px;
	left: 440px;
	top: 150px;
	position: absolute;
	overflow: auto;
	height: 420px;
	width: 475px;
}





#topics p{
	line-height:120%;
	font-size: small;
	color: #111111;
	width: 450px;
	margin: 0px;
}

#menu{
	width: 140px;
	height: 270px;
	top: 0px;
	left: 0px;
	position: absolute;
	background: url(main.jpg) no-repeat;
	margin: 0px;
}

#menu li{
	width: 180px;
	height: 30px;
	list-style: none;
}

#menu_1 a{
	width: 180px;
	height: 30px;
	top: 0px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_1 a:hover{
	background: url(main.jpg) -180px 0px;
	width: 180px;
	height: 30px;
	top: 0px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_2 a{
	width: 180px;
	height: 30px;
	top: 30px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_2 a:hover{
	background: url(main.jpg) -180px -30px;
	width: 180px;
	height: 30px;
	top: 30px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_3 a{
	width: 180px;
	height: 30px;
	top: 60px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_3 a:hover{
	background: url(main.jpg) -180px -60px;
	width: 180px;
	height: 30px;
	top: 60px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_4 a{
	width: 180px;
	height: 30px;
	top: 90px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_4 a:hover{
	background: url(main.jpg) -180px -90px;
	width: 180px;
	height: 30px;
	top: 90px;
	left: 0px;
	position: absolute;
	margin: 0px;
}
	
#menu_5 a{
	width: 180px;
	height: 30px;
	top: 120px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_5 a:hover{
	background: url(main.jpg) -180px -120px;
	width: 180px;
	height: 30px;
	top: 120px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_6 a{
	width: 180px;
	height: 30px;
	top: 150px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_6 a:hover{
	background: url(main.jpg) -180px -150px;
	width: 180px;
	height: 30px;
	top: 150px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_7 a{
	width: 180px;
	height: 30px;
	top: 180px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_7 a:hover{
	background: url(main.jpg) -180px -180px;
	width: 180px;
	height: 30px;
	top: 180px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_8 a{
	width: 180px;
	height: 30px;
	top: 210px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_8 a:hover{
	background: url(main.jpg) -180px -210px;
	width: 180px;
	height: 30px;
	top: 210px;
	left: 0px;
	position: absolute;
	margin: 0px;
}
	
#menu_9 a{
	width: 180px;
	height: 30px;
	top: 240px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

#menu_9 a:hover{
	background: url(main.jpg) -180px -240px;
	width: 180px;
	height: 30px;
	top: 240px;
	left: 0px;
	position: absolute;
	margin: 0px;
}	

.border{
	border: 2px solid gold;
	padding: 5px;
	background-color: white;
}


h2{
	font-size: medium;
	font-weight: bold;
	margin: 0px;
	color: #666666;
}

.border b{
	font-size: large;
	font-weight: bold;
	color: #000000;
	line-height:130%;
}


#counter{
	top: 540px;
	left: 20px;
	position: absolute;
	margin: 0px;
}


/* === foot === */

#foot		{margin: 0px;
		 padding: 0px;
		 width: 100%;
		 background-color: white
}