/* CSS Document */
body{
	padding:0;
	margin:0;
	background:url(images/main-bg.gif) 0 0 repeat-x #FCFAE6;
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:normal;
}
div, p, h1, h2, h3, ul, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/* TOP PANEL */
#topPan{
	width:778px;
	height:195px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#topPan img{
	width:208px;
	height:192px;
	display:block;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 6px;
	float: left;
}
/* Menu Panel */
#topPan ul{
	width:540px;
	height:96px;
	display:block;
	top:0px;
	right:9px;
	margin:0;
	padding:0;
	float: left;
}
#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 Arial, Helvetica, sans-serif; font-weight:bold;
	color:#333333;
	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;
	color:#1C3F94;
	text-decoration:none;
	background-color: #FCFAE6;
	background-image: url(images/menu-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	overflow: hidden;
}


#topPan ul li a.active{
	text-decoration:underline;
	background:#FCFAE6;
}
#topPan ul li a.active:hover{
	width:104px;
	height:35px;
	display:block;
	font:14px/14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	background:#FCFAE6;
	text-decoration:underline;
	margin:0;
	padding:61px 0 0 0;
}

/* /TOP PANEL */

/* HEADER PANEL */
#headerPan{width:778px; height:307px; position:relative; margin:0 auto; padding:0;}
#headerPan h1{width:526px; height:236px; position:absolute; top:35px; 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:48px; left:9px;}
#headerPan #ourblog{ float:left; width:237px; height:62px; position:relative; margin:0 auto; background:url(images/icon1-nor.gif) 0 0 no-repeat;}
#headerPan #ourblog h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}
#headerPan #ourblog p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }
#headerPan #ourblog a{text-decoration:none; display:block; width:237px; height:62px;}
#headerPan #ourblog a:hover{text-decoration:none; background:url(images/icon1-hover.gif) no-repeat 0 0;}

#headerPan #possib{ float:left; width:237px; height:62px; position:relative; margin:13px 0 0 0; background:url(images/icon2-nor.gif) 0 0 no-repeat;}
h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}
#headerPan #possib p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }
#headerPan #possib a{text-decoration:none; display:block; width:237px; height:62px;}
#headerPan #possib a:hover{text-decoration:none; background:url(images/icon2-hover.gif) no-repeat 0 0;}

#headerPan #solution{ float:left; width:237px; height:62px; position:relative; margin:13px 0 0 0; background:url(images/icon3-nor.gif) 0 0 no-repeat;}
#headerPan #solution h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}
#headerPan #solution p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }
#headerPan #solution a{text-decoration:none; display:block; width:237px; height:62px;}
#headerPan #solution a:hover{text-decoration:none; background:url(images/icon3-hover.gif) no-repeat 0 0;}

/* BODY PANEL */
#bodyPan{
	width:778px;
	height:725px;
	position:relative;
	margin:0 auto;
	padding:0;
}
/*Left Panel */
#leftPan{
	width:400px;
	position:absolute;
	top:3px;
	left:2px;
	margin:0;
	padding:0px;
}
#leftmemberPan{
	width:360px;
	margin:0 0;
	padding:0;
	border:1px solid #DCDAC2;
	background:#fff;
	color:#333;
	clear: left;
}
#leftmemberPan h2{height:48px; background:url(images/symbol4.gif) 0 0 no-repeat #fff; display:block; position:relative; padding:0 0 0 57px; margin:12px 0 20px 13px; font:16px/48px  Georgia,"Times New Roman", Times, serif; color:#5EA000; text-transform:uppercase;}
#leftmemberPan h2 span{background:#fff; color:#3D3C2C;}
#leftPan form{
	color:#333227;
	background-color: #FCFAE6;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}
#leftPan form label{width:72px; display:block; float:left; padding:14px 15px 0 16px; }
#leftPan form label.emailpadding{padding:2px 15px 0 16px;}
#leftPan form textarea{
	margin-bottom: 10px;
	background-color: white;

}
#leftPan form input.fieldpadding{margin:2px 0 9px 0}
#leftPan h3 {
	color:#333;
	font-size:18px;
	padding-left: 20px;
}
#leftPan ul{
	display:block;
	float:left;
	padding-left: 20px;
	width: 80%;
	margin-top: 20px;
}
#leftPan ul li{
	text-align:left;
	text-decoration: none;
} 
#leftPan ul li a{text-decoration:none; color:#3D3C2C; background:#FCFAE6;}
#leftPan ul li a:hover{
	text-decoration:none;
	background-image: url(images/arrow3.gif);
	background-position: right 6px;
	background-repeat: no-repeat;
	padding-right: 15px;
}

#leftPango{width:220px; height:25px; position:absolute; top:160px; left:8px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;}
#leftPango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;}
#leftPango p.textposition a:hover{text-decoration:underline; background:none;}
#leftPan form input.gobutton{float:right; background:url(images/arrow4.gif) no-repeat 30px 0 #63614F; border:none; width:45px; height:21px; display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;}
#leftPango a:hover{background:url(images/arrow4.gif) no-repeat 30px 1px #333229; text-decoration:none; color:#fff;}

/*/Left Panel */
/*Right Panel */
#rightPan{
	width:350px;
	position:absolute;
	top:2px;
	right:45px;
	border:1px solid #DCDAC2;
	background:#fff;
	color:#3D3C2C;
}
#rightbodyPan{
	width:350px;
	position:absolute;
	top:12px;
	background:transparent;
	color:#333;
	left: 20px;
}
#rightbodyPan h2{width:266px; height:31px; display:block; position: relative; background:url(images/symbol5.gif) 100% 0 no-repeat #FCFAE6; padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; color:#3D3C2C; margin:20px 0 20px 80px ;}
#rightbodyPan p{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#rightbodyPan p.redtext{
	background:#FCFAE6;
	color:#CC0000;
	font-size:18px;
	line-height:20px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#rightbodyPan p span{background:#FFFFFA; color:#3D3C2C;}
#rightbodymore{width:306px; height:25px; border:1px solid #fff; background:#B0AD93; display:block; padding:2px; margin:0 60px 0 80px; font-size:12px; color:#FFFFFA; line-height:25px; font-weight:bold;}
#rightbodymore p.textposition{float:left; padding:0 0 0 20px; margin:0;}
#rightbodymore a{float:right; background:url(images/arrow4.gif) no-repeat 58px 1px #63614F; width:66px; display:block; position:relative; margin:1px 0 0 0; padding:0 0 0 10px; height:23px; text-decoration:none; color:#fff; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase;}
#rightbodymore a:hover{background:url(images/arrow4.gif) no-repeat 58px 1px #333229; text-decoration:none; color:#fff;}
#rightbodyPan h3{
	color:#333;
	font-size:18px;
	padding-left: 15px;
}
#rightbodyPan ul{
	width:400px;
	top:5px;
	left:80px;
	margin:0 0 30px 0;
	padding-left: 15px;
	
}
#rightbodyPan li{
	width:340px;
	background:url(images/arrow2.gif) 0 5px no-repeat;
	font:14px/22px Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 20px;
}
#rightbodyPan li a{
	width:235px;
	height:60px;
	background:#FCFAE6;
	text-decoration:underline;
	line-height:24px;
}
#rightbodyPan ul li a:hover{
	width:235px;
	height:60px;
	line-height:24px;
}

#rightbodymorenext{width:306px; height:25px; border:1px solid #fff; background:#B0AD93; display:block; padding:2px; margin:0 60px 0 80px; font-size:12px; color:#FFFFFA; line-height:25px; font-weight:bold;}
#rightbodymorenext p.textposition{float:left; padding:0 0 0 20px; margin:0;}
#rightbodymorenext a{float:right; background:url(images/arrow4.gif) no-repeat 58px 1px #63614F; width:66px; display:block; position:relative; margin:1px 0 0 0; padding:0 0 0 10px; height:23px; text-decoration:none; color:#fff; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase;}
#rightbodymorenext a:hover{background:url(images/arrow4.gif) no-repeat 58px 1px #333229; text-decoration:none; color:#fff;}

/* /BODY PANEL */

/* FOOTER PANEL */
#footerPan{
	width:818px;
	height:140px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footer.jpg);
	background-position: center center;
	background-color: #FCFAE6;
}
#footernextPan{
	width:506px;
	height:75px;
	position:absolute;
	color:#333333;
	margin:auto;
	background-color: transparent;
	right: 140px;
	background-repeat: repeat-x;
	font-weight: bold;
	top: 30px;
}
#footerPan ul{
	width:310px;
	display:block;
	position:absolute;
	top:25px;
	left: 100px;
}
#footerPan li{
	float:left;
	font:12px/15px Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#footerPan ul li a{
	padding:0 10px;
	color:#333333;
	text-decoration:none;
	background-color: transparent;
}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul li a.padl{padding:0 0 0 14px;}

#footerPan ul.asdf{
	width:400px;
	color:#333333;
	display:block;
	position:relative;
	top:45px;
	background-color: transparent;
	left: 60px;
}
#footerPan ul.asdf li a{
	display:block;
	color:#333333;
	text-decoration:none;
	background-color: transparent;
}
#footerPan ul.asdf li a:hover{text-decoration:underline;}

#footerPan p{
	background:#B0AD93;
	margin:54px 45px 0 0;
	display:block;
	position:absolute;
	top:0px;
	right:39px;
	color:#FCFAE6;
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
}
#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:78px; right:170px;}
#footerPanhtml a{width:59px; height:19px; background:url(images/arrow5.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; margin:0; padding:0 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:url(images/arrow5.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:78px; right:89px;}
#footerPancss a{width:59px; height:19px; background:url(images/arrow5.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; margin:0; padding:0 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPancss a:hover{background:url(images/arrow5.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}
#footernextPan .active {
color:#F4F1DD;
}
#footernextPan a.active:hover {text-decoration:none;}
#bodyPan #leftPan #leftmemberPan .active, #bodyPan #leftPan #leftmemberPan a.active:hover  {
text-decoration:none;
	background-image: url(images/arrow3_blue.gif);
	background-position: right 6px;
	background-repeat: no-repeat;
	padding-right: 15px;
}
.demonstration_text {
	padding-left:20px;
	padding-top: 30px;
	padding-right: 15px;
	bottom: 200px;
	clear: left;
}
a:active, a:focus
{
  outline: none;
}
.card {
	background-color: white;
	border: 1px solid #C6C0AA;
	width: 360px;
	margin: 0 auto;
}
#bodyPan #leftPan #leftmemberPan textarea {
	background-color: white;
	margin-bottom: 15px;
}
#leftPan form input {
	
	margin-bottom: 10px;
}
#bodyPan #leftPan tr {
	padding: 0px;
	margin: 0px;
}
#bodyPan #leftPan table {
	line-height: normal;
}