html, body   { background-color: white; height: 100%; margin: 0; padding: 0;
                        color: #6666cc; text-align: left; }
div#centered { border: 0; background-color: #6666cc; height: 40%; width: 100%;
                        position: absolute; left:0%; top:5%}
-->
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #000000;
}
-->


.style1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF}

.style2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size: 14px
}

.style3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 14px
}

.style4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#6666cc;
font-size: 14px
}

#Logo {
	position:absolute;
	width:300px;
	height:300px;
	z-index:1;
	left: 75px;
	top: -25px;
}

#miniflex {
  width: 65%;
  float: inherit;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 20 px; /* could be specified at a higher level */
  margin: 0;
  padding: 0 10px 0 10px;
  position:relative;
  z-index:2;
}

#miniflex li {
  float: left;
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
  position:relative;
}

#miniflex a:link, #miniflex a:visited {
  float: none;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  margin: 0 25px 0 25px;
  text-decoration: none;
  color: #FFFFFF;
}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
  border-bottom: 4px solid #000000;
  padding-bottom: 2px;
  color: #6666cc;
}
  
#animated-tab {
  position: absolute;
  z-index: 1;
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 0px;
  border-bottom: 4px solid #6666cc;
}