body {
  margin : 0 auto 0 auto;
  background-color : #fff;
 
}
#rightnavigation {
   float: right;  width : 200px;
  height: 100%;
  color : #666;
  background: #24e451;
}
#content {
  width: 350px;
  color : #000;
  background: #fff;/* #f8f7f7;*/
  float:left;

} 
.headerBox {
    background: url('../images/afri_logo.jpg')  no-repeat;
    width: 320px;
    height: 320px;
	margin: 110px 0px 0px 100px; 
	float: left;
}

.naviBox {
	margin: 40px 0 0 20px;
	width: auto;
	font:  16px  Arial Narrow;
	background: #24e451;
}
.naviBox a, .naviBox a:visited, .naviBox a:link, .naviBox a:active  {
	color: #666;
	text-decoration: none;
	padding: 0 10px 0 10px;

}
.naviBox a:hover {
	color: #fff;

}
.theForm
{
    width: 160px;
    margin: 110px 0px 100px 0px;
    font : 16px  Arial Narrow;
    text-align: left;
   
}
.theCell
{
    width: 160px;
	margin-bottom: 10px;
	color: #333;


}
.username
{
    width: 70px;
	float: left;
    text-align: left;
	padding: 3px;
}
.usernameCell
{
    width: 145px;
}
.password
{
    width: 70px;
	float: left;
    text-align: left;
	padding: 3px;

}
.passwordCell
{
    width: 145px;

}
.remember
{
    width: 190px;
	float: left;
	font: 10px Arial;
    color: #666;
    text-align: left;
}
.login
{
    width: 150px;
	margin: 10px 0 0 0;
	float: left;
    text-align: left;
	font: 8px Arial;
    color: #666;


} 

.footer {
    height: 16px;
    clear: both;
    text-align: center;
	font : 10px Arial;
    color: #959494;
	padding: 15px 0 0 0;
	margin: 100px 0 0 0px;

}
.footer a, .footer a:visited, .footer a:link, .footer a:active {
    color: #373780;
    text-decoration: none;
	font : 10px Arial Narrow;
}
.footer a:hover {
    color: #859dda;
	font : 10px Arial Narrow;
}



/*  Register page */

.centeredBox {
    margin: 0 auto 0 auto;
    height: 100%;
	background-color: #f8f7f7;
}


.headerRegister {
    background:#fff url('../images/afri_header.png')  no-repeat;
    height: 130px;
	border-bottom: 2px solid #24e451;
	padding-left: 50px;
	
}

#sideBar {
float:right;
width: 220px;
height: 130px;
background-color : #24e451;

}

.naviRegister {
    background: #24e451;
    height: 0px;
	font:  16px Arial Narrow;
	color: #666;
	float: right;
	margin: 50px 10px 0 6px;

}

naviRegister a, .naviRegister a:visited,.naviRegister a:link, .naviRegister a:active  {
	color: #666;
	padding: 0 6px 0 6px;
	text-decoration: none;
}


.naviRegister a:hover {
	color: #fff;
	text-decoration: none;
}


.registerForm {
    padding-top: 15px;

}
.registerText {
    font: 15px Arial;
   color: #000;
}
.registerText3 {
   font: 13px Arial;
   color: #959494;
}   
.registerText1 {
   font: 15px Arial;
   color: #24e451;
}   
   
h4 {
    font:  bold 19px Arial;
	color: #959494;
}
p  {
    font: bold 13px Arial;
	color: #24e451;
}



.textAbout {
	font:  16px Arial Narrow;
	color: 000;
	text-align: center;
	margin: 20px 10px 0 6px;
}