body 
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: 'verdana';
 color: #000000;
 background: #FFFFFF;


}


#container {
background: #FFFFFF;
width: 900px;
min-height: 500px;/* set here min height  */
height: auto;/* overwrite the height */
margin: auto;
position: relative;
padding: 0;
border-left: 0px solid #3e3e3e;
border-right: 0px solid #3e3e3e;
border-bottom: 0px solid #3e3e3e;
}


a:link {
color: #333333;
text-decoration: none;
font-weight: bold;
font-size: 8pt;
}
a:visited {
color: #333333;
text-decoration: none;
font-weight: bold;
font-size: 8pt;
}
a:active {
color: #333333;
text-decoration: none;
font-weight: bold;
font-size: 8pt;
}
a:hover {
color: #000000;
text-decoration: none;
background: none;
font-weight: bold;
font-size: 8pt;
}

#header {
  margin: 0px;
  padding: 0px;
  height: 100px;
}
#welcome {
  position: absolute;
  left: 290px;
  top: 45px;
  width: 160px;
  height: 380px;
 color: #FFFFFF;
 background: none;
 font-size: 8pt;
 text-align: justify;
 padding: 0px;
 
 
}

#left {
  position: absolute;
  left: 284px;
  top: 290px;
  width: 162px;
  height: 400px;
 color: #FFFFFF;
 background: #AF77B0;
 font-size: 8pt;
 text-align: justify;
 padding: 5px;
 
 
}

#main {
  position: absolute;
  top: 275px;
  left: 220px;
  
}

#scroller {
  position: absolute;
  top: 410px;
  left: 780px;
   color: #333333;
 background: none;
 font-size: 8pt;
 text-align: justify;
  

}

#footer {
position: absolute;
left: 0px;
top: 540px;
background: none;
width: 250px;
color: #333333;
 font-size: 7pt;
 text-align: justify;
 padding: 0px;
}

#logo {
position: absolute;
left: 655px;
top: 545px;
background: none;
width: 250px;
color: #333333;
 font-size: 8pt;
 text-align: justify;
 padding: 0px;
}


#maincontent {
  font-family: 'verdana';
  color: #333333;
  padding: 10px;
  font-size: 8pt;
  background: #cecece;	
  min-height: 400px;/* set here min height  */
 height: auto !important;/* overwrite the height */
 height: 400px;/* this is also the min height for IE */
  

}


/* main menu */

#menu {
	position: absolute;
	left: 780px;
	top: 95px;
	width: 110px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #AF77B0;
}

#menu2 {
	position: absolute;
	left: 0;
	top: 30px;
	width: 110px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #81429D;
}

#menu3 {
	position: absolute;
	left: 0;
	top: 30px;
	width: 110px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #2A8E87;

}

#menu4 {
	position: absolute;
	left: 0;
	top: 30px;
	width: 110px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #81429D;
}

#menu5 {
	position: absolute;
	left: 0;
	top: 30px;
	width: 110px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #81429D;
}


#menu a {
	display: block;
	height: 17px;
	padding: 0px 0 0 0px;
}

/* sub menus */

.submenu {
	position: absolute;
	left: -130px;
	top: 0;
	width: 180px;
	height: auto;
	background-color: #FFFFFF;
}
.submenu a {
	display: block;
	height: 20px;
	padding: 5px 0 0 10px;
} 
.submenu a:hover {
	background-color: #31A49B;
}

.submenu2 {
	position: absolute;
	left: -130px;
	top: 0;
	width: 180px;
	height: auto;
	background-color: #FFFFFF;
}
.submenu2 a {
	display: block;
	height: 20px;
	padding: 5px 0 0 10px;
} 
.submenu2 a:hover {
	background-color: #31A49B;
}

.submenu3 {
	position: absolute;
	left: -130px;
	top: 0;
	width: 180px;
	height: auto;
	background-color: #FFFFFF;
}
.submenu3 a {
	display: block;
	height: 20px;
	padding: 5px 0 0 10px;
} 
.submenu3 a:hover {
	background-color: #31A49B;
}

.submenu4 {
	position: absolute;
	left: -130px;
	top: 0;
	width: 180px;
	height: auto;
	background-color: #FFFFFF;
}
.submenu4 a {
	display: block;
	height: 20px;
	padding: 5px 0 0 10px;
} 
.submenu4 a:hover {
	background-color: #31A49B;
}

.submenu5 {
	position: absolute;
	left: -130px;
	top: 0;
	width: 180px;
	height: auto;
	background-color: #FFFFFF;
}
.submenu5 a {
	display: block;
	height: 20px;
	padding: 5px 0 0 10px;
} 
.submenu5 a:hover {
	background-color: #31A49B;
}


.submenu6 {
	position: absolute;
	left: -130px;
	top: 0;
	width: 180px;
	height: auto;
	background-color: #FFFFFF;
}
.submenu6 a {
	display: block;
	height: 20px;
	padding: 5px 0 0 10px;
} 
.submenu6 a:hover {
	background-color: 3fa2b0;
}

.titles {
font-family: 'Verdana','Arial';
font-size: 8pt;
font-weight: bold;
color: #81429D;
}

.lefttitles {
font-family: 'Verdana','Arial';
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
}

img.centered {
	padding: 3px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 3px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 3px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}