/* #xxx is a style for an id xxx              .rev    -----"----- class rev */

#top {
  margin-top: 20px;
  margin-left:auto;
  margin-right:auto;
  width:700px;
}
#clear {
 clear:both;
}
#bottom {
  bottom: 0px;
  top: auto;
  margin-top: 30px;
  margin-left:0;
  margin-right:auto;
  width:700px;
}

.menu {
  float:left;
  top:0;
  width:688px;
}
.menu-data {
  margin-top:1px;
  float:left;
}

#content-top {
  position:relative;
  min-height: 400px;
/* <table width="588" border="0" cellpadding="20" cellspacing="0"> */
}
#content-text {
  float:left;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 20px;
  width: 450px;
  text-align: justify;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #000000; 
}

ol {
  font-style: italic;
  line-height: 14pt;
}

ul {
  line-height: 14pt;
}

/* tabmenu copied from gnump3d*/
#tabmenu {
  color: #000;
  position: absolute;
  top: 52px;
  padding: 0px;
  z-index: 10;
  margin-left: 15px;
}

body>#tabmenu {
  position: fixed; 
  top: 34px;
}

head:first-child+body #tabmenu {top: 36px;} /*only mozilla*/

#tabmenu li {
  display: inline;
  overflow: hidden;
  list-style-type: none;
}

#tabmenu a, a.active {
  color: #DEDECF;
  background: #898B5E;
  font-size: 0.8em;
  font-weight: bold;
  border: 3px solid black;
  padding: 2px;
  margin: 2px;
  text-decoration: none;
}

#tabmenu a.active {
  background: #ABAD85;
  border-top: 3px solid #ABAD85; 
  z-index: 30;
}

#content tr:hover {background: #ADC09F;}

#tabmenu a:visited {color: #E8E9BE;}

#tabmenu a.active:hover {background: #ABAD85;
color: #D3DBCB;}

#content-pict {
  position:absolute;
  margin-top: 30px;
  margin-bottom: 30px;
  right: 0px;
  width:190px;
}

#custom-searchxxx {
  position:absolute;
  margin-top: 380px;
/*  margin-bottom: 30px;*/
  right: 0px;
  width: 300px;
}

#custom-search {
  position:absolute;
  bottom: -120px;
  right: 0px;
  width: 270px;
  margin-right: 20px;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #000000; 
}

.rightbar  {
  float:right;
  width: 190px;"
} 
.multipict  {
  float:left;
  margin-top:   5px;
  margin: 5px;
  padding:      5px;
  min-width:      150px;
  border: 1px solid #ABAD85; 
  border-color:blue 2px solid;
} 

.right  {
  float:right;
} 


.people-text {
  float:left;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 20px;
  width: 400px;
  text-align: justify;
}

.people-pict {
  position:absolute;
  margin-top: 30px;
  margin-bottom: 30px;
  right: 0px;
  width:220px;
}


body {
  color          : #000000;
  background-image: url('img/bg.jpg');

  border-color : #FF00FF;
  padding-left   : 0.1in;
  padding-right  : 0.1in;
  padding-bottom : 0.1in;
  font-family    : "Times New Roman", serif;
  font-size      : 24pt;
  height         : 680px ; /* Required for percentage heights below */
  direction:ltr;
}

td.content {
  height: 290px;
  vertical-align: top;
  text-align : left;
}

td.td_c{
  vertical-align: top;
  text-align : center;
  font-size: 32em;
}

.s   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:  #000000; text-align: left }
.m   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: left }
.m_c { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: center }
.l   { font-family: Arial, Helvetica, sans-serif; 				 font-size: 14px; color: #000000; text-align: left }
.xl  { font-family: Arial, Helvetica, sans-serif; 				 font-size: 20px; color: #000000; text-align: left }
.xxl { font-family: Arial, Helvetica, sans-serif; 				 font-size: 32px; color: #000000; text-align: left }

.s_i   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color: #000000; font-style: italic}
.m_i   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-style: italic}
.l_i   { font-family: Arial, Helvetica, sans-serif;          font-size: 14px; color: #000000; font-style: italic }
.xl_i  { font-family: Arial, Helvetica, sans-serif;          font-size: 20px; color: #000000; font-style: italic }
.xxl_i { font-family: Arial, Helvetica, sans-serif;          font-size: 32px; color: #000000; font-style: italic }

.s_w  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #DDDDDD}
.m_w  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #DDDDDD}
.l_w  { font-family: Arial, Helvetica, sans-serif; 					font-size: 14px; color: #DDDDDD }
.xl_w { font-family: Arial, Helvetica, sans-serif; 					font-size: 20px; color: #DDDDDD }

.m_o {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #770000}
.m_r {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #DD0000}

.rev   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color: #5F5F5F; font-style: italic}
.lit   { text-indent: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: left } 

.img_full { height: 300px } 
.selected           { background-color: #7FB0D7; height: 22px; } 
.non_selected       { background-color: #FFFFFF; height: 22px; color: #2222CC; }

A:link    {  TEXT-DECORATION: none; color: #880000	}
A:visited {  TEXT-DECORATION: none; color: #2222CC	}
A:hover   {  TEXT-DECORATION: none; color: #2222FF; background: yellow }

.input_text {
  border-color : #FFFFFF;
  background-color: #FFFFFF;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  BORDER-BOTTOM: #222288 0px solid;
  BORDER-LEFT: #222288 0px solid;
  BORDER-RIGHT: #222288 0px solid;
  BORDER-TOP: #222288 0px solid;
  MARGIN: 0px;
  PADDING-BOTTOM: 1px;
  PADDING-LEFT: 1px;
  PADDING-RIGHT: 1px;
  PADDING-TOP: 1px;
}

.bc01 { background-color: #4F6C86; }
.bc02 { background-color: #6C92B6; } 
.bc03 { background-color: #47647D; } 
.bc04 { background-color: #C0C0C0; } 
.bc05 { background-color: #537694; } 
.bc06 { background-color: #92C1E5; } 
.bc07 { background-color: #A0C4E3; } 
.bc08 { background-color: #81AAD3; } 
.bc09 { background-color: #3E597D; } 
.bc10 { background-color: #7EB1DA; } 
.bc11 { background-color: #8ABEE6; } 
.bc12 { background-color: #717171; } 
.bc13 { background-color: #96B7DD; } 
.bc14 { background-color: #648CC1; } 
.bc15 { background-color: #87B5DA; } 
.bc16 { background-color: #7FB7E5; } 
.bc17 { background-color: #89B7E1; } 
.bc18 { background-color: #8DB2DA; } 
.bc19 { background-color: #648CC1; } 
.bc20 { background-color: #7FB0D7; } 
.bc21 { background-color: #78ADD8; } 
.bc22 { background-color: #82AED2; } 
.bc23 { background-color: #84A4CE; } 
.bc24 { background-color: #7B99C0; }