#main_body /* body */
{
	display: block;
	text-align: center; /* for IE */
	margin-top: 0px auto;
	color: #115098; 
	background-color: #999; /* 999=grey */
}

/*-------------- body ----------------*/

/*-- border --*/
.t 
{
	background: url(images/top_border.gif) 0 0 repeat-x;
	width: 734px;
	margin: 0px auto;
	text-align: center;
}
.b 
{
	background: url(images/bottom_border.gif) 0 100% repeat-x;
	margin: 0px auto;
	text-align: center;
}
.l 
{
	background: url(images/left_border.gif) 0 0 repeat-y;
	margin: 0px auto;
	text-align: center;
}
.r 
{
	background: url(images/right_border.gif) 100% 0 repeat-y;
	margin: 0px auto;
	text-align: center;
}
.bl 
{
	background: url(images/bottom_left_border.gif) 0 100% no-repeat; 
	margin: 0px auto;
	text-align: center;
}
.br 
{
	background: url(images/bottom_right_border.gif) 100% 100% no-repeat;
	margin: 0px auto;
	text-align: center;
}
.tl 
{
	background: url(images/top_left_border.gif) 0 0 no-repeat;
	margin: 0px auto;
	text-align: center;
}
.tr 
{
	background: url(images/top_right_border.gif) 100% 0 no-repeat; 
	margin: 0px auto;
	text-align: center;
	padding: 7px;
} 

/* ------------------------ */

#container
{
	display: block;
	text-align: left; /* moves background image to the left; */
	margin: 0 auto;
	height: 559px;
	width: 720px;
	background: #FFF;
	background-color: #FFF;
}

/*-- main container: contains all between header and footer ----------------*/

#header	{
	position: relative;
	top: 0px;
	height: 220px;
}

/*--- logo -----------------------------------------------------------------*/

#logo a {
	position: absolute;
	width: 290px;
	height: 35px;
}
#logo {
	top: 0px;
	height: 220px;
	background: url(resources/Roomba530_underCouch720_220_2.JPG) no-repeat; /* "Roomba Likes Nice Things" */
	background-position: left;

}
#key_visual {
	position: absolute;
	top: 0px;
	background: url(resources/_wsb_keyvisual.JPG) no-repeat; /* photo of Roomba under couch */
}
#main_container {
	padding: 0;
}

/*--- main navigation ------------------------------------------------------*/

#main_nav_container {
	z-index: 1;
	top: 0;
	width: 720px;
	padding: 0;
	overflow: hidden;
 	background: url(images/static/bg_header.gif);  /* blue bar with Home button */
}
#main_nav_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.main_nav_list li {
	height: 28px;
	float: left;
	margin: 0;
	padding: 0;
}

/*--- main navigation items ------------------------------------------------*/

#main_nav_list a {
	display: block;
	background: transparent;
	margin: 0;
	padding: 2px 19px 0 24px;
	float: left;
	height: 28px;
	line-height: 22px;
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 26px;
}

#main_nav_list a.main_nav_active_item {
	background: url(images/dynamic/buttonset2/subnav1active.gif); /* yellow background, selected, for current */
	font-family: "Trebuchet MS", Verdana, Helvetice, Arial, sans-serif; /* took out Tahoma, added Helvetica */
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none; /* need this to get rid of underline */
	color: #115098; 
	background-position: left;
}

#main_nav_list a.main_nav_item {
  background: url(images/dynamic/buttonset2/subnav1.gif) no-repeat;
  font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; /* took out Tahoma, added Helvetica */
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #115098;
  background-position: top left;
}
#main_nav_list a.main_nav_item:hover {
  background: url(images/dynamic/buttonset2/subnav1hover.gif) no-repeat; /* correct, light brown. want blue. */
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif; /* took out Tahoma, added Helvetica */
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #115098;
  background-position: top left;
}

/*--- container for the subnavigation --------------------------------------*/

.sub_nav_container {
	clear: both;
	margin: 0;
	padding: 0;
}
#container_left {
	display: block;
	float: left;
	width: 20%;
	height: 260px;
	background-color: #D6D6D6;
}

/*--- subnavigation items --------------------------------------------------*/

.sub_nav_list {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sub_nav_list li {
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	list-style-type: none;
}
.sub_nav_list a {
	display: block;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	padding: 0 0 0 20px; /* allows for small graphic to left of button title */
	color: #115098;

	background: url(images/dynamic/buttonset2/subnav1.gif) no-repeat;  /* border around buttons */
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif; /* took out Tahoma, added Helvetica */
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.sub_nav_list a.sub_nav_active_item {
  background: url(images/dynamic/buttonset2/subnav1active.gif) no-repeat; /* yellow background, selected, for current */
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif; 
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #115098;
}
.sub_nav_list a:hover {
  background: url(images/dynamic/buttonset2/subnav1hover.gif) no-repeat;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #115098; /* was #630;*/
}
/*--- container right --*/

#container_right {
	display: block;
	float: right;
	width: 78%;
	background-color: #FFF;
}
.content_container {
	clear: both;
	display: block;
	width: 555px;
	margin: 10px 0px 0px 5px;
	padding: 0;
}

#content {
	display: block;
	text-decoration: none;
	clear: both;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #115098;
}

/*--- table of dataBase results ---*/
#dbList {
	clear: both;
	width: 540px;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-spacing: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;

}
#dbList th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-spacing: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	clear: both;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	
	}
#dbList td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-spacing: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	clear: both;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
}
/*--- footer ---------------------------------------------------------------*/

.footer {
	display: block;
	clear: both;
	width: 100%;
	height: 52px;
	float: bottom;
	background-color: #D1D1D1;
	border-style: solid;
	border-color: white;
	border-width: 1px 0px 0px 0px;
}

#footer_text {
	padding: 1px 0px 0px 0px; /* need 1px top to align to vertical center */
	text-align: center;
	vertical-align: middle:
	text-decoration: none;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif; /* took out Tahoma, added Helvetica */
	font-style: normal;
	font-size: 14px;
	color: #115098;
}