status.css

body
{
	background: #555;

}

#content
{
	z-index: 0;
	position: relative;
	margin-left: 250px;
	margin-right: auto;
	width: 750px;
	height: auto;
	margin-bottom: 40px;
}


#header
{
	z-index: 2;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 54px;
	background-image: url('top-bar.png');
}

#headerH1
{
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 54px;
	/*background-image: url('top-bar.png');*/
	
}

#headerH2
{
	z-index: 2;
	position: relative;
	top: -55px;
	left: 100px;
	width: 100%;
	height: 54px;
	/*background-image: url('top-bar.png');*/
	
}

#headerH3
{
	z-index: 2;
	position: relative;
	top: -45px;
	left: 0px;
	width: 100%;
	height: 54px;
	/*background-image: url('top-bar.png');*/
	
}

#headerH4
{
	z-index: 2;
	position: relative;
	top:-50px;
	left: 100px;
	width: 100%;
	height: 54px;
	/*background-image: url('top-bar.png');*/
	
}

#main-top
{
	z-index: 0;
	position: relative;
	width: 750px;
	height: 0px;
	top: 0px;
	background-image: url('top-of-content.png');
	background-repeat: no-repeat;
}

#main-center
{
	z-index: 2;
	position: relative;
	height: auto;
	width: 744px;
	height: 550px;
	top: 36px;
	background-image: url('center-of-content.png');
	background-repeat: repeat-y;
	padding-left: 30px;
}
.info
{
	width: 700px;
	height: auto;
}
#main-center h1
{
	font-family: Broadway;
	font-size: 45px;
	padding-left: 80px;
	padding-right: 10px;
	margin-bottom:  10px;
	color: #000;
}

#main-center h2
{
	font-family: Helvetica;
	font-size: 20px;
	padding-left: 50px;
	padding-right: 10px;
	margin-bottom:  10px;
	color: #DDD;
}


#main-center p
{
	font-family: Helvetica;
	font-size: 20px;
	padding-left: 50px;
	padding-right: 10px;
	margin-bottom:  10px;
	color: #DDD;
}

#main-bottom
{
	z-index: 0;
	position: relative;
	height: auto;
	width: 744px;
	top: 20px;
	background-image: url('bottom-of-content.png');
	background-repeat: repeat-y;
	padding-left: 10px;
}

#footer
{
	z-index: 2;
	position: fixed;
	height: 72px;
	width: 533px;
	bottom: 0px;
	background-image: url('Footer.png');
	background-repeat: no-repeat;
	padding-left: 120px;
}

.copyright
{
	padding-top: 8px;
	height: 68px;
	width: 400px;
	font-size: 25px;
}


/* ~~~~~~~~~~~~~~~~~~~~Hover button CSS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.IR {
  position: relative;
  overflow: hidden;
  font-size: 1em;
}
 
.IR em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}
 
/*###########################*/
/* Hover button CSS for HOME*/
/*##########################*/

button#IRbutton1 {
  background: none;
  border: none;
  float: left;
  display: inline;
  left: 25px;
}
#IRbutton1:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRbutton1, #IRbutton1 em { width: 300px; height: 188px; }
#IRbutton1 em { background: url(homePanel.png) no-repeat; }
#IRbutton1:hover em, #IRbutton1:focus em { background: url(homePanel.gif); background-position: -300px 0; }
 
/* for ie5.x/mac only */
* html>body .IR {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .IR em { position: static; }
* html>body #IRbutton1 em { margin-bottom: -26px; }


/*###########################*/
/* Hover button CSS for LOGOUT*/
/*##########################*/

button#IRbutton2 {
  background: none;
  border: none;
  float: left;
  display: inline;
  left: 45px;
  top: 10px;
}
#IRbutton2:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRbutton2, #IRbutton2 em { width: 300px; height: 188px; }
#IRbutton2 em { background: url(logoutPanel.png) no-repeat; }
#IRbutton2:hover em, #IRbutton2:focus em { background: url(logoutPanel.gif); background-position: -300px 0; }
 
/* for ie5.x/mac only */
* html>body .IR {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .IR em { position: static; }
* html>body #IRbutton2 em { margin-bottom: -26px; }


/*###########################*/
/* Hover button CSS for FEEDBACK*/
/*##########################*/

button#IRbutton3 {
  background: none;
  border: none;
  float: left;
  display: inline;
  left: 45px;
}
#IRbutton3:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRbutton3, #IRbutton3 em { width: 300px; height: 188px; }
#IRbutton3 em { background: url(feedbackPanel.png) no-repeat; }
#IRbutton3:hover em, #IRbutton3:focus em { background: url(feedbackPanel.gif); background-position: -300px 0; }
 
/* for ie5.x/mac only */
* html>body .IR {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .IR em { position: static; }
* html>body #IRbutton3 em { margin-bottom: -26px; }


/*###########################*/
/* Hover button CSS for ABOUT*/
/*##########################*/

button#IRbutton4 {
  background: none;
  border: none;
  float: left;
  display: inline;
  left: 25px;
  top: 10px;
}
#IRbutton4:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRbutton4, #IRbutton4 em { width: 300px; height: 188px; }
#IRbutton4 em { background: url(aboutPanel.png) no-repeat; }
#IRbutton4:hover em, #IRbutton4:focus em { background: url(aboutPanel.gif); background-position: -300px 0; }
 
/* for ie5.x/mac only */
* html>body .IR {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .IR em { position: static; }
* html>body #IRbutton4 em { margin-bottom: -26px; }



/*###########################*/
/* Hover button CSS for STATUS*/
/*##########################*/

button#IRbutton5 {
  background: none;
  border: none;
  float: left;
  left: 200px;
  display: inline;
}
#IRbutton5:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRbutton5, #IRbutton5 em { width: 300px; height: 188px; }
#IRbutton5 em { background: url(statusPanel.png) no-repeat; }
#IRbutton5:hover em, #IRbutton5:focus em { background: url(statusPanel.gif); background-position: -300px 0; }
 
/* for ie5.x/mac only */
* html>body .IR {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .IR em { position: static; }
* html>body #IRbutton5 em { margin-bottom: -26px; }



/*################################*/
/* Hover button CSS for TEMPGRAPH*/
/*################################*/

button#IRbutton6 {
  background: none;
  border: none;
  float: left;
  display: inline;
}
#IRbutton6:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRbutton6, #IRbutton6 em { width: 300px; height: 188px; }
#IRbutton6 em { background: url(graphPanel.png) no-repeat; }
#IRbutton6:hover em, #IRbutton6:focus em { background: url(graphPanel.gif); background-position: -300px 0; }
 
/* for ie5.x/mac only */
* html>body .IR {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .IR em { position: static; }
* html>body #IRbutton6 em { margin-bottom: -26px; }