body {}

/* --- PAGES W/ LANGUAGE SELECTOR --- */
#memframe {
  background-color: #878578;
/*   border-bottom: 2px solid #ffccff; */
  width: 766px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0 0 10px 0 ;
  text-align: left;
  position: relative;
}

#memframe div#content {
  background-color: #ffffff; 
  float: right;  /* necessary for safari to float the dashboard on top of the banner */
  margin: 0 30px;
  width: 706px
}



#memframe div#memlogo {
  background-color: #252525;
  float:left;  
  width: 766px;
}

#memframe div#memlogo img {
  padding-left: 46px; 
}

/* --- LANGUAGE CHOOSER --- */

div#language {
  background-color: #252525;
  padding-left: 280px; 
/*   padding-bottom: .3em; */
}

#language select {
  border: 1px solid #252525; 
  padding: 1px 0 1px 4px;
  margin-left: 7px;}

div#selectlang {
  color: #ffffff;
  margin: 0;
  padding: 1em 0 .5em 0;
}

div#selectlang label {
  display: inline;
  float: none;
}

div#langflags {
  padding: 0 30px 0 0;
  width: 330px;
}


/* --- NAVIGATION --- */

div#navigation {
  background-color: #ffffff;
  clear:left;
  padding: 20px 20px 20px 20px;  
/*   position: relative; */
  width: 206px;
}

#navigation ul {
  background-color: #eb5e00;
/*   background-color: #eb5e00; - somewhat brighter orange */
  list-style-type: none;
  margin: 0;
  padding: 3px 4px 3px 7px;
}

#navigation ul.admin {
  background-color: #8fbb28;
}

#navigation ul.agent {
  background-color: #1E7FB6;
}

#content div.membernav li {
  margin: 10px 3px 10px 0;
  padding: 4px 5px 4px 32px;
}

/* ----------------------------------------------------- */
/* --- RIGHTCOLUMN -------  */
div#rightcolumn {
  background-color: #ffffff;
  float: right;  
  padding: 0 0 0 0;
  * min-height: 344px;
  margin-top: -80px;
  width: 462px;
}

#rightcolumn fieldset {margin-right: 1em;}

#rightcolumn div.twocolumns {margin: 2em 0; display: block; padding-left: 0;}
#rightcolumn div.twocolumns div.leftcol, 
#rightcolumn div.twocolumns fieldset.leftcol  {float:left; display: inline; width: 200px; margin: 0;}


#rightcolumn div.twocolumns div.rightcol, 
#rightcolumn div.twocolumns fieldset.rightcol  {float:right; display: inline; width: 200px; margin: 0;}


/* ----------------------------------------------------- */
/* --- WRAPCOLUMN -------  */
#wrapcolumn div.twocolumns {clear: both; margin: 2em 0; display: block; padding-left: 0;}
#wrapcolumn div.twocolumns div.leftcol, 
#wrapcolumn div.twocolumns fieldset.leftcol  {
  float:left; 
  /*display: inline; -- rmd for opera Apr, 2011 */ 
  width: 320px; 
  margin: 0;}


#wrapcolumn div.twocolumns div.rightcol, 
#wrapcolumn div.twocolumns fieldset.rightcol  {
  float:right; 
  /*display: inline; -- rmd for opera Apr, 2011 */ 
  width: 320px; 
  margin: 0;}

/* ----------------------------------------------------- */
/* --- LEFT COLUMN - ---- */
div#leftcolumn {
  background-color: #ffffff;
  margin-top: 0;
  padding: 0 0 20px 18px;
  position:relative;
  width: 206px;
}


/* ----------------------------------------------------- */
/* --- SECONDARY POSITIONING STYLES -------------------- */
/* ----------------------------------------------------- */

/* --- This is for elements that should wrap underneath the left column --- */

#wrapcolumn {padding: 0 20px 20px 0;}

.wrapped {
  clear:left;
  margin-left: 20px;
  margin-bottom: 2em;
  /* ---margin-right: .7em; margin-top: .4em; vertical-align: top;*/
  }



/* ----------------------------------------------------- */
/* --- FOOTER - ---- */

div#footer {
  background-color: #878578;
  clear:both;
  padding: 10px;
  text-align: center;
}

#footer p {
  color: #ffffff;
  margin: 0;
}

/* --- FOOTER LINKS --- */
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
  color: #ffffff;
}