/* global */
html{height: 100%;}

body
{
	background-color: #000000;
	font-family: verdana, arial, sans-serif;
	padding: 20px;
	margin: 0px;
	font-size: .74em;
	color: #5F4F53;
}

p
{ margin: 0px;
  padding: 0px 0px 12px 10px;
  line-height: 20px;
}

h1
{ font-family: tahoma, verdana, arial, sans-serif;
  font-size: 188%;
  font-weight: normal;
  margin: 0px;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

h3
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 120%;
}

img{border: 0px;}

/* main container */
#main
{ width: 810px;
  margin-left: auto; 
  margin-right: auto;
}

#content
{
	width: 772px;
	margin: 15px auto 15px auto;
	height: 496px;
}

/* logo */
#logo
{ background: black url('images/banner_772.jpg');
  margin: auto;
  padding: 0px 0px 0px 0px;
  width: 772px;
  height: 124px;
  text-align: left;
}

/* images on splash page */
#leftbar
{ background: black url('images/splash/mosaic-l.jpg');
  margin: 0px;
  padding: 0px;
  width: 124px;
  height: 496px;
  position: absolute;
  top: 206px;
}

#splash
{   margin: 0px 0px 0px 124px;
	padding: 30px 60px 15px 60px;
	width: 404px;
	height: 451px;
	background: white url('images/splash/splash.jpg');
	position: absolute;
	top: 206px;
	text-align: justify;
}

#splash p
{
	font-weight: bold;
	margin-bottom: 10px;
}

#rightbar
{
	background: black url('images/splash/mosaic-r.jpg');
	margin: 0 0 0 648px;
	padding: 0px;
	width: 124px;
	height: 496px;
	position: absolute;
	top: 206px;
}

#footer
{   background: transparent url('images/footer-long.png');
	margin: 0px auto 0px auto;
	padding: 10px 0 0 0;
	width: 772px;
	height: 30px;
	text-align: center;
	color: #FFCF99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}