* { 
padding : 0;
margin : 0;
} 
body { 
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
} 

#wrapper { 
margin : 0 auto;
width : 850px;
} 

#midthings{
	width:100%;
	float: center;
	padding-top : 50px;
	}

#header{
	width:100%;
	height:167px;
	float: left;
	background-position: center center;
	background-image:url(../images/pay4task_02.jpg)
	}

#navigation {
	float : left;
	width : 850px;
	height : 41px;
	color : #333;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat : no-repeat;
	background-image: url(../images/pay4task_05.jpg);
} 

#navigation {
	background-color : #FFFFFF;
} 

#navigation ul {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #FFFFFF;
	text-align : center;
	margin : 0;
	padding-bottom : 5px;
	padding-top : 10px;
	padding-left : 0;


} 
#navigation ul li { 
display : inline;
} 
#navigation ul li a {
	padding : 5px 10px 5px 10px;
	color : #FFFFFF;
	text-decoration : none;
	margin-right : -5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8AC5FF;
	border-left-color: #8AC5FF;
} 


#navigation ul li a:hover { 
color : #fffffe;
text-decoration : none;
} 

#leftcolumn {
	color : #333;
		height : 440px;
	width : 180px;
	float : left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
} 


#paylogo{
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left:10px;
	background-image: url(../images/pay4task_08.jpg);
	width:158px;
	height:247px;
}
#greybox{
	float:left;
	width:158px;
	height:152px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:10px;
	background-color:#E6EAED;
	border:1px solid #CBCCD0;	
}
#greyboxtext{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size:12px;
	color: #003366;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}

#leftcolumn a { 
text-decoration : none;
color : #4e7fb8;
} 

#rightcolumn {
	float : right;
	height : 466px;
	width : 600px;
	display : inline;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 0;

} 
#rightcolumn h2 { 
background-image : url(../images/kantun.png);
background-repeat : no-repeat;
background-position : 0 1px;
padding-left : 10px;
padding-top : 5px;
font-size : 1.3em;
color : #4e7fb7;
} 

#pay4tasklogin{
	float: right;
	width:193px;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	color : #37588D;
	font-size : 14px;
	font-weight:bold;
	font-style:italic;
	text-decoration : none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#login{
	float:right;
	margin-left: 50px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	color : #636363;
	font-size : 12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#password{
	float:right;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	color : #636363;
	font-size : 12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#rememberpassword{
	float:right;
	margin-left: 350px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	color : #636363;
	font-size : 12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#loginbox{
	float:right;
	width:140px;
	height:60px;
	margin-left: 20px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right:20px;
	background-color:#C8DEF5;
	border:1px solid #CBCCD0;
	border-collapse: collapse;	
}
.loginbox1{
	float:right;
	width:118px;
	height:35px;
	margin-left: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#36578C;
	border:1px solid #36578C;
	border-collapse: collapse;
	color:#FFFFFF;
	font-size : 12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#greenline1{
	float:right;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 3px;
	width: 500px;
	background-image: url(../images/greenline.jpg);
	background-repeat: no-repeat;
}
#greenline{
	float:right;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	height: 3px;
	width: 500px;
	background-image: url(../images/greenline.jpg);
	background-repeat: no-repeat;
}
#rightlink{
	float:right;
	margin-left: 250px;
	width:300px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#7295B5;
	font-size : 12px;
	font-weight:bold;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#createbox{
	float:right;
	width:170px;
	height:80px;
	margin-left: 20px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right:15px;
	background-color:#C8DEF5;
	border:1px solid #CBCCD0;
	border-collapse: collapse;	
}
.createbox1{
	float:right;
	width:150px;
	height:35px;
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#36578C;
	border:1px solid #36578C;
	border-collapse: collapse;
	color:#FFFFFF;
	font-size : 12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
#box{
	float:right;
	color:#33568E;
	width:150px;
	font-size : 12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#lostbox{
	float:right;
	width:200px;
	height:80px;
	margin-left: 10px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#C8DEF5;
	border:1px solid #CBCCD0;
	border-collapse: collapse;	
}
.lostbox1{
	float:right;
	width:150px;
	height:35px;
	margin-left: 25px;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 0px;
	background-color:#36578C;
	border:1px solid #36578C;
	border-collapse: collapse;
	color:#FFFFFF;
	font-size : 12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
#box2{
	float:left;
	color:#33568E;
	width:200px;
	font-size : 12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
}



#footer{
	width:100%;
	height:53px;
	float:center;
	margin-top: 5px;
	background-position: center center;
	background: url(../images/pay4task_21.jpg);	
}

#footer2{
	width:100%;
	height:53px;
	float:center;
	margin-top: 500px;
	background-position: center center;
	background: url(../images/pay4task_21.jpg);	
}

#footertext{
	margin-left:0px;
	margin-top:20px;
	color:#FFFFFF;
	font-size : 12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer p { 
font-size : 0.8em;
text-align : center;
} 
#footer a { 
color : #173aff;
text-decoration : none;
}