/* CSS Document */

body {
	background:url(../images/bodybotbg.gif) repeat-x 0 100% #55A3CA; 
	margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#222;
	}
	
h1, h2, h3, h4, h5,h6, p, form, input, select, textarea, ul, li {
	margin:0; padding:0;
	}
ul {
	list-style-type:none;
	}
	
.spacer {
	clear:both; line-height:0px; margin:0;
	}
	
	
/*structure part is here*/
#container {
	background:url(../images/bodytopbg.gif) repeat-x 0 0;
	}
#container1 {
	background:url(../images/main-contbor-bot.gif) repeat-x 0 100% #BEDFED; width:780px; margin:0 auto;
	}
#container2 {
	background:url(../images/main-contbor-top.gif) repeat-x 0 0; padding:0 9px;
	}
#mainstructure {
	background:url(../images/footerbotbg.gif) no-repeat 0 100% #FFF; width:738px; padding:11px 12px 109px;
	}
/*structure part is here*/

/*header*/
#toppanel {
	background:#D5D5FF; margin:0 0 9px; height:61px; padding:16px 0 0;
	}
#toppanel .logo {
	margin:0px 36px 0 22px; float:left;
	}

#toppanel ul.toplink {
	float:right; padding:2px 16px 0 0; margin:0; list-style-type:none;
	}
#toppanel ul.toplink li {
	font:bold 10px/13px  Arial, Helvetica, sans-serif; color:#000; display:inline; clear:both;
	}
#toppanel ul.toplink li a {
	font-size:12px;color:#00F; text-decoration:none; padding:0 3px;
	}
#toppanel ul.toplink li a:hover {
	color:#1C5694; text-decoration:none;
	}
/*header*/

/*banner*/
#banner {
	height:163px; background:url(../images/banner2.jpg) no-repeat 0 0; margin:0 0 8px;
	}
/*banner*/

/*navigation*/
#navigation {
	height:30px; background:url(../images/navbg.gif) repeat-x 0 0; margin:0 0 8px;
	}
#navigation ul.nav {
	 padding:0; margin:0; height:30px;
	}
#navigation ul.nav li {
	background:url(../images/navbor.gif) repeat-y 100% 0; font:bold 11px/30px  Arial, Helvetica, sans-serif; color:#FFF; display:inline; padding:0 2px 0 0; float:left;
	}
#navigation ul.nav li.nobor {
	background:none; font:bold 11px/30px  Arial, Helvetica, sans-serif; color:#FFF; display:inline; padding:0; float:left;
	}
#navigation ul.nav li a {
	color:#FFF; text-decoration:none; padding:0 11px 0 11px; height:30px; display:block; float:left;
	}
#navigation ul.nav li a.active {
	background:url(../images/activearrow.gif) no-repeat 50% 0;
	}
#navigation ul.nav li a.cor {
	color:#FFF; text-decoration:none;  height:30px; display:block; float:left; padding:0;
	}
#navigation ul.nav li a.cor span.left {
	background:url(../images/leftnav.gif) no-repeat 0 0; display:block; padding:0 15px 0 15px;
	}
#navigation ul.nav li a.cor span.right {
	background:url(../images/rightnav.gif) no-repeat 100% 0; display:block; padding:0 14px 0 14px;
	}
#navigation ul.nav li a:hover {
	color:#FFF; text-decoration:none; background:url(../images/activearrow.gif) no-repeat 50% 0;
	}
/*navigation*/

/*body*/
#bodycontainer-top {
	background:url(../images/bodytop.gif) no-repeat 0 0; height:30px;
	}
#bodycontainer-bot {
	background:url(../images/bodybot.gif) no-repeat 0 100%; width:738px; margin:0; padding:0 0 33px;
	}
#bodycontainer-mainbg {
	background:url(../images/bodybg.gif) repeat-y 0 0; padding:0 22px 0 22px; width:694px;
	}
	
/*leftpanel*/
#bodycontainer-mainbg #leftpanel {
	width:170px; padding:0 14px 0 0; float:left;
	}
#bodycontainer-mainbg #leftpanel h2 {
	background:url(../images/leftheadbg.gif) no-repeat 0 0; font:bold 18px  Arial, Helvetica, sans-serif; color:#767676; padding:4px 0 14px 6px;
	}
#bodycontainer-mainbg #leftpanel p {
	line-height:16px; padding:0 0 8px;
	}
#bodycontainer-mainbg #leftpanel p.name {
	font-weight:bold; color:#AABB95; padding:0 0 26px;
	}
#bodycontainer-mainbg #leftpanel p.name span {
	color:#000000; font-weight:normal; font-style:italic; font-size:10px; 
	}
#bodycontainer-mainbg #leftpanel p a.learn {
	background:url(../images/learnmore.gif) no-repeat 0 0; display:block; float:left; width:69px; height:19px; text-decoration:none;
	}
#bodycontainer-mainbg #leftpanel p a.learn:hover {
	background:url(../images/learnmore-hov.gif) no-repeat 0 0; text-decoration:none;
	}
/*leftpanel*/

/*midpanel*/
#bodycontainer-mainbg #midpanel {
	width:480px; 
	background:url(/images/bor-left.gif) repeat-y 100% 0; 
	
	float:left; padding:0 11px;
	}
#bodycontainer-mainbg #midpanel h2 {
	background:url(../images/midheadbg.gif) no-repeat 0 0;  
	font:bold 18px Arial, Helvetica, sans-serif; color:#767676; 
	padding:4px 0 20px 6px;
	}
#bodycontainer-mainbg #midpanel h6 {
	background:url(../images/icon-arrow.gif) no-repeat 8px 4px; 
	font-weight:bold; padding:0 0 6px 18px; font-size:11px;
	}
#bodycontainer-mainbg #midpanel p {
	padding:0 12px 10px 8px;
	}
#bodycontainer-mainbg #midpanel a.learn {
	background:url(../images/readmore.gif) no-repeat 0 0; display:block; float:left; width:69px; height:19px; text-decoration:none; padding:0px; line-height:16px; margin:0 0 24px;
	}
#bodycontainer-mainbg #midpanel a.learn:hover {
	background:url(../images/readmore-hov.gif) no-repeat 0 0; text-decoration:none;
	}
#bodycontainer-mainbg #midpanel .cont-div {
	width:291px; margin:0px 0 10px 0px;  padding:0 0 10px 8px;
	}
#bodycontainer-mainbg #midpanel .borbot {
	/* border-bottom:1px dashed #D0D9E6; padding:0px 0 10px 8px;*/
	}
#bodycontainer-mainbg #midpanel .cont-div h6 {
	font:bold 11px  Arial, Helvetica, sans-serif; color:#A5A3A3; padding:0 0 6px 10px; width:135px; background:url(../images/icon-arrow.gif) no-repeat 0px 4px;
	}
#bodycontainer-mainbg #midpanel .cont-div p {
	font:normal 10px  Arial, Helvetica, sans-serif; color:#A5A3A3; width:140px; margin:0; padding:0;
	}
#bodycontainer-mainbg #midpanel .cont-div img {
	float:right; margin:0;
	}
#bodycontainer-mainbg #midpanel h5 {
	background:url(../images/midboth.gif) no-repeat 0 0; width:283px; height:17px; font:bold 12px/16px  Arial, Helvetica, sans-serif; color:#8894A8; padding:2px 8px; margin:0 0 16px;
	}
#bodycontainer-mainbg #midpanel h5 span {
	background:url(../images/icon-tick.gif) no-repeat 0 6px; padding:0 0 0 14px;
	}
/*midpanel*/


/*right panel*/

/*body*/

/*footer*/
#footer {
	padding:25px 24px 20px 22px;
	}
#footer ul {
	list-style-type:none; width:470px; float:left;
	}
#footer ul li {
	font:normal 12px Arial, Helvetica, sans-serif; color:#827F7F; display:inline;
	}
#footer ul li a {
	color:#827F7F; text-decoration:none; padding:0 3px;
	}
#footer ul li a:hover {
	color:#4B99C0; text-decoration:none;
	}
#footer p.copyright {
	font-size:9px; color:#4B99C0; padding:8px 0 0; width:470px; float:left;
	}
#footer .footerlogo {
	float:right;
	}
/*footer*/