body {
  margin: 0px;
  padding: 0px;
  background-color: #E0E0E0;
  text-align:center; 
  background-image:url("../../images/bg.gif");
  background-repeat: repeat-y;
  background-position: center;
}

img {
  border: 0px;
}

#wrapper {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 995px;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 14px;
}


#olympusCI {
  width: 995px;
  height: 57px;
  display: block;
  background-color: #08107b;
  background-image:url("../../images/oly_blue_ci.gif");
  background-repeat: no-repeat;
  background-position: top right;
}

	#olympusCI img {
	  padding: 13px 0px 8px 9px;
	}

#page-container{
	width: 995px;
	height: 100%;
	position: relative;
	margin: auto;
	background-color: #FFFFFF;
}


/* HEADER STYLES BEGIN */

#top-header-container{
	position: relative;
	width: 995px;
	margin: auto;
}


/* TOP MOST HEADER BAR STYLES BEGIN */

#topbar-header{
	position: relative;
	height: 62px;
	border-bottom: 2px solid #233395;
	background-color: #08107B;
}

#olympus-logo{
	position: absolute;
	top: 18px;
	left: 20px;
	height: 29px;
	width: 301px;
	background: url('../../images/ou_screendoor-img_logo.gif') no-repeat;
	text-indent: -9999em;
}
#olympus-logo .home-link{
	display: block;
	width: 100%;
	height: 100%;
}


/* MIDDLE CONTENT STYLES BEGIN */

#middle-content-container{
	padding: 0px 8px 0px 8px;
}

#middle-top{
	height: 243px;
	background: url(../../images/ou_screendoor-img_students.jpg);
}

#middle-logo{
	position: absolute;
	height: 276px;
	width: 276px;
	margin: 243px 0px 0px 360px;
	background: url(../../images/ou_screendoor-img_ou_logo.gif) no-repeat;
}

#middle-bottom{
	margin: 0px;
	height: 183px;
	background: url(../../images/ou_screendoor-img_bottombg.gif) repeat-x;
}

#middle-bottom .link{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -99999em;
}

#msg-button{
	position: absolute;
	margin: 40px 0px 0px 60px;
	height: 29px;
	width: 228px;
	background: url(../../images/ou_screendoor-but_MSG.gif) no-repeat;
}

#dsg-button{
	float: left;
	position: absolute;
	margin: 40px 0px 0px 670px;
	height: 29px;
	width: 288px;
	background: url(../../images/ou_screendoor-but_DSG.gif) no-repeat;
}


/* FOOTER STYLES BEGIN */

#footer-container{
	position: relative;
	margin: 2px auto 0px auto;
	padding: 10px 0px 10px 0px;
	background-color: #D8D8D8;
	font-size: 10px;
	width: 995px;
	text-align: center;
}

#footer-container a:link, #footer-container a:active, #footer-container a:visited{
	color: #666666;
}

#footer-container a:hover{
	color: #000000;
	text-decoration: none;
}

#footer-bottomlinks{
	width: 600px;
	position: relative;
	margin: 5px auto 0px auto;
}

#footer-bottomlinks li{
	position: relative;
	margin-right: 10px;
	display: inline;
	list-style: none;
}


/* -------- CLEARFIX -------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
}

* html .clearfix {
	/* Hide from IE-mac \*
	height: 1px;
	/* End hide from IE-mac */
}

/* -------- END CLEARFIX -------- */