/* CSS Document */

body {
	background-color: #ffffff;
}

html {
	font-family: Calibri, "Courier New";
	font-size: 12px;
	color: #333333;
}
b {
	color: #000000;
}

a:link, a:hover, a:visited, a:active {
	color: #000000;
	text-decoration: none;
	font-style:normal;
}

#bg {
	display: block;
	width: 800px;
	height: 450px;
	margin: 0 auto;
	position: relative;
	background-image: url(site.png);
	background-repeat: no-repeat;
}

#title {
	display: block;
	position: absolute;
	left: 24px;
	top: 130px;
	height: 20px;
	width: 200px;
	padding: 0px;
}

#mframe {
	display: block;
	width: 530px;
	height: 258px;
	position: absolute;
	top: 164px;
	left: 19px;
	padding: 5px;
}

#menu {
	display: block;
	height: 268px;
	width: 195px;
	position: absolute;
	top: 164px;
	right: 19px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}

#menu li {
	margin: 0;
	text-align: center;
}

#m1 a:link, #m1 a:visited {
	display: block;
	height: 89px;
	width: 195px;
	line-height: 89px;
	text-decoration: none;
}

#m1 a:hover, #m1 a:active {
	background-image: url(m1.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#m2 a:link, #m2 a:visited {
	display: block;
	height: 89px;
	width: 195px;
	line-height: 89px;
	text-decoration: none;
}

#m2 a:hover, #m2 a:active {
	background-image: url(m2.png);
	background-repeat: no-repeat;
	background-position: bottom center;	
}

#m3 a:link, #m3 a:visited {
	display: block;
	height: 89px;
	width: 195px;
	line-height: 89px;
	text-decoration: none;
}

#m3 a:hover, #m3 a:active {
	background-image: url(m3.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.textfield {
	width: 200px;
	height: 15px;
	border: 1px solid #dadada;
}

.textarea {
	width: 350px;
	height: 80px;
	border: 1px solid #dadada;
}
.button {
	width: 60px;
	height: 20px;
	border: 1px solid #dadada;
}