html {

	height: 100%;

}

body {

	background-color: #ffffff;

	margin: 0;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;

	height: 100%;

}

img {

	margin: 0;

	padding: 0;

	border: 0;

}

#base {

	border-collapse: 0;

	padding: 0;

	margin: 0;

	width: 100%;

	height: 100%;

}

	#base tr {
	height: 100%;
	width: 100%;
	vertical-align: top;
	text-align: center;

	}

a {

	color: #000000;

}

a:hover {

	text-decoration: none;

}

#container {

	width: 950px;

	height: 686px;

	text-align: left;

}

	#portal {

		width: 950px;

		height: 435px;

		position: relative;

	}

	#menu-container {

		width: 950px;

		height: 276px;

		position: relative;

	}

		.brick {

			width: 186px;

			height: 243px;

			position: relative;

			margin-right: 5px;

			float: left;

		}

.bgform {

	background-color: #CC3300;

}

.text_form {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

}

		.brick-end {

			width: 186px;

			height: 243px;

			position: relative;

			float: left;

		}

			.head {

				margin: 10px 0 10px 0;

				padding-left: 0px;

				padding-top: 11px;

				width: 178px;

				height: 31px;

				position: relative;

				font-size: 14px;

				font-weight: bold;

			}

				.head img {

				 	margin-top: -11px;

					float: left;

					margin-right: 8px;

				}

			.box-1 {

				width: 176;

				height: 233px;

				padding: 5px;

				background-image: url('../images/box_1.png');

			}

			.box-2 {

				width: 176;

				height: 233px;

				padding: 5px;

				background-image: url('../images/box_2.png');

			}

			.box-3 {

				width: 176;

				height: 233px;

				padding: 5px;

				background-image: url('../images/box_3.png');

			}

			.vanner {

	margin: 30px 30px 30px 30px;

	color: #FFFFFF;

}

