body {
	background-color: #FFFBBF;    /* light manila */
	font-size: 15px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0;
	margin:0;
}

/* a {color: #DB7093;}   */   /* #DB7093; - red */
/* a:visited {color:#DB7093;} */
a:hover {color: #000000;}
a:active { color:#000000;}

h1 {
	font-size: 3em; 
	font-weight: normal;
 }

h2 {
	font-size: 2em;
	font-weight: normal;
}

h4 {
	font-size: 4em;
	font-weight: normal;
}

/* ---------- header -------------- */
#header {
	margin-top: 2em;
	margin-left: 18px;
	margin-right: 18px;
	margin-bottom: 0;
	padding: 1em;
	background-color: #BFD0A0;   /* light khaki */
  
  /* #50B550;    haragoszold */
  /* #A0B550;    spenot */
  /* #FFB550;    hasmenes */
  /* #EFD950;    light okker */
  /* #FFAA50;    orange-okker  */
  /* #EFD0A0;    light brown */
  /* #FFFA50;    citromsarga */
  /* #EFEA50;    szurkes citromsarga */
  /* #FEAFFF;    light violet */
  /* #FFAAAA;    rusty <!#EBD3E0; pink-grey> */
  /* #FF5550;    voros */
}
#header  p{
	margin-left: 20em;
	padding: 25px;
}

/* --------------------Content--------------------- */
#content {
	float: left;
	width: 50em;
	min-height:40em;
	background-color: #D0EFFE;    /* <! light blue> <!#ffffff;> */
	padding: 0;
	margin-left: 18px;
	margin-top: 25px;
        margin-bottom: 25px; 
}

img {
        margin: 15px;
}

p, pre {
	padding: 0 20px 15px 25px;
	margin:0;
}
pre, code { font-size: 1.2em;}

h1 {
	padding: 15px 25px;
	margin:0;
}
h2 {
	padding: 5px 25px;
	margin:0;
}

.gross {
	width: 5.71em;
	height: 1.07em;}

/* ----------------left navigation--------------- */
#left {
        font-size: 1.1em;
	float: left;
	width: 11em;
        background: #DEE5F5;
	margin-top: 5em;
	margin-bottom: 2em;
        margin-left: 18px;
        margin-right: 0;
        border: 1px solid #AFBBDD;
	padding:15px 0 0 0;
	color:#564b47;    <!black > <!#ffffff;>
}
#left ul{
	list-style-type: none ;
	padding: 0 0 0 25px;
	margin: 0;
}
#left ul.borderbottom{
	border-bottom:1px solid #ffffff;
	padding: 0 0 10px 25px;
}

#left li {
        list-style-type: none; 
        padding: 5px 0 8px;
        border-top: 1px solid #AFBBDD;
	font-size: 1.3em;
	text-decoration:none; 
}

#left li:first-child {border-top: none; }

<! #left ul li a {color: #2f4170; font-weight:bold; } >

<! #left  li li a { font-size: 1em; } >

#left li li{
	margin: 0;
	padding: 0 0 3px 0;
}
#left li a.selected {
	margin: 0;
	padding: 0 0 0 25px;
	color:#ffffff;
}

#left li li a.selected {
	margin: 0;
	padding: 0;
}


/* -----------footer--------------------------- */
#footer {
	clear: left;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	margin-left: 20em;
}