body {
background-color: #660;   /* background color on sides */
margin: 0px 0px 0px 0px;
}

#outerwrapper {
	background:transparent url(../images/bg/hover.png) repeat-y scroll 0%;
	margin:0pt auto;
	width:994px;
}

* html #outerwrapper {
	background-image: none;  /* IE6 can't handle transparent png */
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	background-color: #f3f4e6;
}

* html #wrapper {overflow:hidden;} /*help IE6 not jack things up*/




/* Header */

#banner {
	width: 980px;
	height: 100px;
	background: url(../images/nav/banner.gif) no-repeat;
}


#logo {
	width: 250px;
	height: 100px;
	background: url(../images/nav/logo.gif) no-repeat;
	float:left;
	margin-left:0px;
}

#logo a {
	text-indent: -9999px;
	display: block;
}

#bantext {
	width: 491px;
	height: 100px;
	background: url(../images/nav/text.gif) no-repeat;
	margin-left:250px;
	margin-top:-100px;
	float:left;
}


#btnFaces {
	width: 75px;
	height: 12px;
	background: url(../images/nav/btn_faceshome.gif) no-repeat;
	margin-left:825px;
	margin-top:-70px;
	float:left;
}

#btnFaces a {
	text-indent: -9999px;
	display: block;
}



#btnBloodCenter {
	width: 113px;
	height: 12px;
	background: url(../images/nav/btn_bloodcenter.gif) no-repeat;
	margin-left:825px;
	margin-top:-50px;
	float:left;
}


#btnBloodCenter a {
	text-indent: -9999px;
	display: block;
}




















#container {
width: 980px;
overflow: auto;
padding-left: 40px;
padding-right: 40px;
background-repeat:no-repeat;
}

#posterrow{
float:left;
width:900px;
background-color:#f3f4e6;
position:relative;
padding-top: 10px;
padding-bottom: 10px;
}

#postericon{
float:left;
width:180px;
position:relative;
background-color:transparent;
}

#postericon:hover{
  /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
}