html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	background-color: #ffffff;
}

body, table, textarea {
	font: bold 9pt/150% Arial, Helvetica, Sans-serif;
}

ul.boards li a,
ul.boards li a:link,
ul.boards li a:visited,
ul.boards li a:hover,
ul.boards li a:active
{
	display: block;
	position: absolute;
	width: 160px;
	height: 39px;
	color: #000000;
	text-decoration: none;
	text-align: center;
}

ul.boards li a span {
	display: block;
	padding-top: 18px;
}

ul.boards {
	list-style-type: none;
}

#brd1,
#brd2,
#brd3 {
	left: 0;
	width: 156px;
	background: url('/images/arrow_l2r.gif') no-repeat right top;
}

#brd2 { left: -1px; }
#brd3 { left: -2px; }


#brd1 span,
#brd2 span,
#brd3 span {
	padding-left: 18px;
}

#brd4,
#brd5,
#brd6 {
	right: 0;
	width: 151px;
	background: url('/images/arrow_r2l.gif') no-repeat left top;
}

#brd6 { right: 2px; }

#brd4 span,
#brd5 span,
#brd6 span {
	padding-right: 14px;
}

#brd1, #brd4 {	top: -2px;	}
#brd2, #brd5 {	top: 34px;	}
#brd3, #brd6 {	top: 70px;	}

a#brd1:hover,
a#brd2:hover,
a#brd3:hover {
	background-position: right -39px;
	color: #cc0000;
}

a#brd4:hover,
a#brd5:hover,
a#brd6:hover {
	background-position: 0 -39px;
	color: #cc0000;
}

#outer{
  width:100%;
  height:100%;
}

#inner {
	position: relative;
	margin: auto;
	width: 1000px;
	height: 702px;
	background: url('images/splash.jpg') no-repeat center top;
}

#usr-lnk {
	position: absolute;
	left: 37%;
	top: 41%;

	width: 256px;
	height: 256px;
}

#usr-lnk img {
	 width: 100%;
	 height: 100%;
	 border: none;
}