﻿/* CSS Document */

body {

	padding: 0;

	margin: 0;

	background: url(images/main-bg.gif) 0 0 repeat-x #F6F6F6;

	font: 14px/20px Arial, Helvetica, sans-serif;

	color: #3D3C2C;

	font-weight: normal;

}

img {

	padding: 0px;

	margin: 0px;

}

ul {

	padding: 0px;

	margin: 0px;

}

h3 {

	padding: 0px;

	margin: 0px;

}

h2 {

	padding: 0px;

	margin: 0px;

}

h1 {

	padding: 0px;

	margin: 0px;

}

p {

	padding: 0px;

	margin: 0px;

}

div {

	padding: 0px;

	margin: 0px;

}

ul {

	list-style-type: none;

}

/* TOP PANEL */

#topPan {

	width: 778px;

	height: 75px;

	position: relative;

	margin: 0 auto;

	padding: 0;

}

#topPan img {

	width: 230px;

	height: 74px;

	display: block;

	padding: 0px 0 0 0px;

}

/* Menu Panel */

#topPan ul {

	width: 520px;

	height: 96px;

	display: block;

	position: absolute;

	top: 0px;

	right: 9px;

	margin: 0;

	padding: 0;

}

#topPan ul li {

	float: left;

	width: 104px;

	display: block;

	text-align: center;

}

#topPan ul li a {

	width: 104px;

	height: 35px;

	display: block;

	font: 14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;

	color: #2E4E00;

	background: url(images/menu-bg.gif) 0 0 repeat-x #F4F1DD;

	text-decoration: none;

	margin: 0;

	padding: 61px 0 0 0;

}

#topPan ul li a:hover {

	width: 104px;

	height: 96px;

	display: block;

	background: #F6F6F6;

	color: #2E4E00;

	text-decoration: none;

}

#topPan ul li span {

	width: 104px;

	height: 35px;

	display: block;

	background: url(images/menu-devider1.gif) 100% 0 no-repeat #F6F6F6;

	color: #2E4E00;

	text-decoration: none;

	padding: 61px 0 0 0;

	line-height: 14px;

}

/* /TOP PANEL */

/* HEADER PANEL */

#headerPan {

	width: 778px;

	height: 277px;

	position: relative;

	margin: 0 auto;

	padding: 0;

}

#headerPan h1 {

	width: 526px;

	height: 236px;

	position: absolute;

	top: 25px;

	right: 0px;

	background: url(images/header-img.jpg) 0 0 no-repeat #FCFAE6;

	color: #fff;

	font-size: 36px;

	line-height: 18px;

	text-transform: uppercase;

	text-indent: -2000px;

}

#headerPanleft {

	width: 237px;

	height: 214px;

	position: absolute;

	top: 52px;

	left: 9px;

}

#headerPan #basic {

	float: left;

	width: 237px;

	height: 92px;

	position: relative;

	margin: 0 auto;

	background: url(images/basic.jpg) 0 0 no-repeat;

}

#headerPan #basic a {

	text-decoration: none;

	display: block;

	width: 237px;

	height: 92px;

}

#headerPan #basic a:hover {

	text-decoration: none;

	background: url(images/basico.jpg) no-repeat 0 0;

}

#headerPan #advance {

	float: left;

	width: 237px;

	height: 92px;

	position: relative;

	margin: 13px 0 0 0;

	background: url(images/advance.jpg) 0 0 no-repeat;

}

#headerPan #advance a {

	text-decoration: none;

	display: block;

	width: 237px;

	height: 92px;

}

#headerPan #advance a:hover {

	text-decoration: none;

	background: url(images/advanceo.jpg) no-repeat 0 0;

}

#headerPan #scanbasic {
	float: left;
	width: 237px;
	height: 62px;
	position: relative;
	margin: 0 auto;
	background: url(images/scan-basic.jpg) 0 0 no-repeat;
}
#headerPan #scanbasic a {
	text-decoration: none;
	display: block;
	width: 237px;
	height: 62px;
}
#headerPan #scanbasic a:hover {
	text-decoration: none;
	background: url(images/scan-basic_a.jpg) no-repeat 0 0;
}
#headerPan #scanadv {
	float: left;
	width: 237px;
	height: 62px;
	position: relative;
	margin: 5px 0 0 0;
	background: url(images/scan-active.jpg) 0 0 no-repeat;
}
#headerPan #scanadv a {
	text-decoration: none;
	display: block;
	width: 237px;
	height: 62px;
}
#headerPan #scanadv a:hover {
	text-decoration: none;
	background: url(images/scan-active_a.jpg) no-repeat 0 0;
}

#headerPan #scanscu {
	float: left;
	width: 237px;
	height: 62px;
	position: relative;
	margin: 5px 0 0 0;
	background: url(images/scan-secure.jpg) 0 0 no-repeat;
}
#headerPan #scanscu a {
	text-decoration: none;
	display: block;
	width: 237px;
	height: 62px;
}
#headerPan #scanscu a:hover {
	text-decoration: none;
	background: url(images/scan-secure_a.jpg) no-repeat 0 0;


}
/* BODY PANEL */

#bodyPan {

	width: 778px;

	height: 887px;

	position: relative;

	margin: 0 auto;

	padding: 0;

}

/*Left Panel */

#leftPan {

	width: 239px;

	height: 611px;

	position: absolute;

	top: 0px;

	left: 8px;

	margin: 0;

	padding: 0px;

}

#leftPan p {

	font-size: 13px;

	text-align: justify;

}

/*/Left Panel */

/*Right Panel */

#rightPan {

	width: 504px;

	height: 875px;

	position: absolute;

	top: 0px;

	right: 5px;

	border: 1px solid #DCDAC2;

	background: #fff;

	color: #3D3C2C;

}

#rightbodyPan {

	width: 484px;

	height: 855px;

	position: absolute;

	top: 10px;

	background: #FDFDFD;

	color: #3D3C2C;

}

#rightbodyPan p {

	padding: 0 10px 10px;

}

#rightbodyPan ul {

	width: 328px;

	height: 92px;

	position: relative;

	top: 5px;

	left: 35px;

	margin: 0 0 30px 0;

}

#rightbodyPan li {

	width: 340px;

	background: url(images/arrow2.gif) 0 7px no-repeat;

	font: 14px/24px Arial, Helvetica, sans-serif;

	padding: 0 0 0 20px;

}

#rightbodyPan li a {

	width: 235px;

	height: 60px;

	background: #FCFAE6;

	color: #CC0000;

	text-decoration: underline;

	line-height: 24px;

}

#rightbodyPan ul li a:hover {

	width: 235px;

	height: 60px;

	text-decoration: none;

	line-height: 24px;

}

/* /BODY PANEL */

/* FOOTER PANEL */

#footerPan {

	width: 790px;

	height: 81px;

	position: relative;

	margin: 0 auto;

	padding: 0;

}

#footernextPan {

	width: 509px;

	height: 70px;

	position: absolute;

	top: 0px;

	right: 10px;

	background: #EAE7E7;

	color: #666666;

	margin: 0;

	text-align: center;

	font-size: 11px;

	font-family: Verdana;

}

#footernextPan a {

	color: #666666;

	text-decoration: none;

	text-align: center;

	font-size: 11px;

	font-family: Verdana;

}

#footernextPan a:hover {

	color: #666666;

	text-decoration: none;

	text-align: center;

	font-size: 11px;

	font-family: Verdana;

}

.testi {

	color: #CB3B44;

	font-size: 14px;

	font-family: Verdana;

	font-weight: bold;

}

