body {
	text-align:center;
	padding: 0;
	margin: 0;
	background-color:#2b93f1;
}

div {
	background:#000 thin solid;
}


/* banner background is the same in every style! (transparrent layer) */
/* ---------- Index Page ------------- */

#bannerbackground{
	padding:0;
	margin: 0 auto;
  	width: 100%;
	min-width:1000px;
	height: 50px;
    color:#FFFFFF;  
    position: relative;  
    background-color:#FFF;    
    opacity:0.5;  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
}

#bannertext{
	padding:0;
	margin: 0 auto;
	top: -50px;
  	width: 1000px;
	height: 50px;
    color:#000;
    position: relative;  
    background-color:transparent;
}

/*#tabs{
	padding:0;
	margin: 0 auto;
	top: 50px;
  	width: 1000px;
	height: 25px;
    color:#000;
    position: relative;  
    border: thin solid #000000;
}
*/
#login{
	padding:0;
	margin: 0 auto;
	bottom: 0px;
  	width: 300px;
	height: 20px;
    color:#008000;
	font: Arial;
	font-size: 12px;
	right:0px;
    position: absolute;  
    background-color:transparent;
}

a.log:link {text-decoration: none; color: #008000}
a.log:visited {text-decoration: none; color: #008000}
a.log:hover {text-decoration: underline; color: #06e006}
a.log:active {text-decoration: none; color: #008000}

#welcometext{
	text-align:left;
	padding:0;
	margin: 0 auto;
	bottom: 0px;
  	width: 200px;
	height: 20px;
    color:#008000;
	font: Arial;
	font-size: 12px;
	right:300px;
    position: absolute;  
    background-color:transparent;
}

#bannerlogo{
	text-align:left;
	padding:0;
	margin: 0 auto;
	bottom: 0px;
  	width: 450px;
	height: 50px;
    color:#008000;
	font: Arial;
	font-size: 12px;
	left:0px;
    position: absolute;  
    background-color:transparent;
}

#title{
	text-align:left;
	padding:0;
	margin: 0 auto;
	bottom: 0px;
  	width: 300px;
	top: 0px;
	height: 25px;
    color:#008000;
	font: Arial;
	font-size: 22px;
	left:460px;
    position: absolute; 
    background-color:transparent;
}

#indexcontainer{ /* Frame Container */
 		position: relative;
		top: 50px;
		padding: 0;
		margin: 0 auto; /* aligns divs for Non-IE browsers */
		width: 1000px;
		height: 575px;
}
/* ---------- Login Page ------------- */
#container{
 		position: relative;
		padding: 0;
		margin: 0 auto; /* aligns divs for Non-IE browsers */
		width: 1000px;
		height: 590px;
}

#imgbox{
	padding:0;
	margin: 0 auto;
  	width: 400px;
	top: 200px;
	left: 325px;
	right: 275px;
    color:#008000;
	font: Arial;
	font-size: 30px;
    background-color:transparent;
	height: 150px;
	position: absolute;
}

#loginbox{
	text-align:center;
	padding:0;
	margin: 0 auto;
  	width: 300px;
	top: 250px;
	left: 275px;
	right: 425px;
    color:#008000;
	font: Arial;
	font-size: 30px;
    background-color:transparent;
	height: 150px;
	position: absolute;
}

#logintransparan{
	text-align:center;
	padding:0;
	margin: 0 auto;
	top: 50px;
	left: 200px;
	right: 200px;
	width:600px;
  	height: 500px;
    color:#FFFFFF;  
    position: absolute;  
    background-color:#FFF;    
    opacity:0.5;  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
}