/*
Problem setting background-color on the container div
divs containing only floated elements have no height.
Both the content and sidebar divs are floated.
So setting background-color has not effect.
to fix this either set a height for the container div or
set overflow hidden

Problem clearing floats inside sidebar div
this causes the float left on content div to be cleared. All preceding divs
are cleared.
to fix this float everything! so float content and sidebar.

the sidebar div does is floated right. do not set a left margin or it will fail
*/




html, body {
  /*width: 800px;*/
  width:100%;
  font-family: verdana;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;  
  margin-top: 0; 
  /*background-color: lightgrey;*/
}



#container {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  color: black;
  /*border: 1px solid lightsteelblue;*/
  border-top-style: none;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-color: lightsteelblue;
  border-width: 1px;
}

#splash_container {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  color: black;
}


#content {
  width: 460px;
  margin: 0;
  padding: 1em;
  /*line-height: 130%;*/
  /*border-style:solid;
  border-color:red;
  border-width:1px;*/
  background-color:white;
}


#sidebar {
  /*padding: 10px;*/
  background-color: whitesmoke;
}



.login_text {
font-size: 11px;
font-weight: bold;
color: white;
}

#header {
  display:none;
}


#footer {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  /*padding: .25em;*/
  color: #333;
  /*background-color: lightsteelblue;*/
}

.footer_menu li
{
display: inline;
margin: 0;
padding: 3px;
color: black;
}

.footer_menu_text
{
font-size: 11px;
font-weight: bold;
color: black;
}

/*
#footer
{
clear: both;
margin: 0;
padding: .25em;
color: #333;
background-color: lightsteelblue;
}
*/


#main_menu_bar {
  display:none;
}

.main_menu
{
list-style-type: none;
padding: 0px;
margin: 0px;
padding-top: 7px;
}

.top_menu
{
list-style-type: none;
padding: 0px;
margin: 0px;
padding-top: 10px;
}

.main_menu ul
{
padding-top: 7px;
}


.main_menu li
{
display: inline;
margin: 0;
padding: 10px;
color: black;
}

.top_menu li
{
display: inline;
margin: 0;
/*padding: 10px;*/
padding-left: 10px;
color: black;
}

.steps_list
{
margin: 0px;
}

.steps_list li
{
margin: 0px;
padding-top: 8px;
font-size:16px
}

.main_menu_text
{
font-size: 13px;
font-weight: bold;
color: white;
}

.top_menu_text
{
font-size: 11px;
font-weight: bold;
color: white;
}


input
{
border-style: solid;
border-width: 1px;
border-color: lightsteelblue;
}

a img {border: none; }