body {
      font-size: 14px; color: #ffaaff;
      font-family: Verdana, Arial, Helvetica;
      margin: 0;
      background-color: #ffffaa;
  }

a {color: #aaffff}

#container {
/* #width:  710px;*/
/*border: 1px solid white;*/
margin-top: 10px;
margin-left: auto;
margin-right: auto;
/* padding: 5px; */
border: solid 2px #82b3aa;
background-color: #F9F7ED;
}

#titlearea {
padding: 5px;
/* border: solid 3px #82b3aa;*/
/* height:100px; */
margin-bottom: 5px;
}

#controllbar {
clear: both;
/* padding: 5px; */
margin-top: 5px;
font-family: Verdana, Arial, Helvetica;
}

#right {
	/* border: 1px solid red; */
	width:100px;
	float:left;
	background:#ffffaa;
	padding-bottom:10px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 1;
}
	
#main 	{
	/* border: 1px solid white; */
	width:700px;
	float:left;
	background:#ffffaa;
	padding-bottom:10px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 1;
}
	
#left {
	/* border: 1px solid blue;*/
	width:100px;
	float:left;
	background:#ffffaa;
	padding-bottom:10px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 1;
}
	


.ak-callout { float: right;
background-color: #6BBA70;  
width: 200px; 
border: 2px ;
margin: 10px 10px 10px 10px;
padding: 10px;
z-index: 1;
/*solid: #6BBA70;*/ 
}

/* relative font-size version */
.menu_container {
padding: 30px;
margin: 20px 0 20px 0;
background: #fff;
}


#miniflex {
width: 100%;
float: left;
font-size: small; /* could be specified at a higher level */
margin: 0;
padding: 0 10px 0 10px;
border-bottom: 1px solid #333;
}
#miniflex li {
float: left;
margin: 0; padding: 0;
display: inline;
list-style: none;
}
#miniflex a:link, #miniflex a:visited {
float: left;
font-size: 85%;
line-height: 20px;
font-weight: bold;
margin: 0 10px 0 10px;
text-decoration: none;
color: #999;
}
#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
border-bottom: 4px solid #333;
padding-bottom: 2px;
color: #333;
}