body
{
   text-align: center;
}

p
{
   text-align: justify;
   font-size: 16px;
}

#bold-text
{
   text-align: center;
   font-weight: bold;
}

#bgcolor
{
   background: #0040FF;
}
/* height of inner-wrapper set values and width of inner-wrapper is auto */ 
div.outer-wrapper 
/* TEST WRAPPER ----- DONT USE
{
   min-width: 800px;
   <!-- IE6 FIX -->
   width:expression(document.body.clientWidth < 900 ? "800px" : "70%" );
   text-align: left;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 15%;
   margin-right: 15%;
   background: white;
}
*/
{
   width: 700px;
   margin: 0 auto;
   text-align: left;
   background: white;
}

div.inner-wrapper
{
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 10%;
   margin-right: 10%;
}

#title
{
   text-align: center;
   font-size: xx-large;
   font-family: helvetica;
}

#subheader
{
   background-color: #00BFFF;
}

#menubar ul
{
   margin: 0;
   padding: 0;
   list-style-type: none;
   list-style-image: none;
}

#menubar li
{
   display: inline;
}

#menubar ul li a
{
   text-decoration: none;
   margin: 3px;
   padding: 5px 20px 5px 20px;
   color: black;
   background: #00BFFF;
}

#menubar ul li a:hover
{
   color: white;
   background: #0040FF;
}

.image1
{
	float: right;
	margin: 0 20px 20px 20px;
}

.image2
{
	float: left;
	margin: 0 20px 20px 20px;
}

#content
{
   text-align: center;
   font-size: 12px;
}