/* CSS Document */
body{
	padding:0px;
	margin:0px;
	color:#3E8EFF;
	font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #FFF;
	background-image: url(images/main-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
div, p, ul, form, label, h2, h3, h4, img{
	padding:0px;
	margin:0px;
	color: #666;
}
ul{list-style-type:none;}
/*----TOP PANEL----*/
#topPan{width:778px; height:184px; background:url(images/header.jpg) 0 0 no-repeat; position:relative;}
#topPan img.logo{width:448px; height:45px; position:absolute; top:139px; right:0px;}

#topPan ul{
	width:140px;
	height:29px;
	background:url(images/top-nav.gif) 0 0 no-repeat;
	position:absolute;
	top:23px;
	left:481px;
}
#topPan ul li{float:left;}

#topPan ul li.home{width:47px; height:29px; float:left;}
#topPan ul li.home a{width:18px; height:16px; display:block; background:url(images/home-hover.gif) 0 0 no-repeat; margin:3px 0 0 16px;  text-indent:-20000px;}
#topPan ul li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;}

#topPan ul li.sitemap{width:43px; height:29px; float:left;}
#topPan ul li.sitemap a{width:18px; height:16px; display:block; background:url(images/sitemap-nor.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#topPan ul li.sitemap a:hover{background:url(images/sitemap-hover.gif) 0 0 no-repeat;}

#topPan ul li.contact{width:43px; height:29px; float:left;}
#topPan ul li.contact a{width:18px; height:16px; display:block; background:url(images/contact-nor.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#topPan ul li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;}
/*----/TOP PANEL----*/

/*----BODY TOP PANEL----*/
#bodytopPan{width:778px; position:relative; padding:13px 0 0;}
/*----Body Top Left Panel----*/
#btleftPan{
	width:490px;
	float:left;
	padding:0 36px;
	color: #999;
}
#btleftPan h2{
	width:290px;
	height:53px;
	background:#fff;
	color:#6E52A9;
	font:30px/53px Georgia, "Times New Roman", Times, serif;
}

#btleftPan p span{
	font-weight:bold;
	color: #666;
}

#btleftPan p.more{width:73px; height:25px; margin:0 0 0 417px; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#btleftPan p.more a{width:53px; height:25px; display:block; background:url(images/rollover-nor.gif) 0 0 no-repeat #FAFAFA; color:#fff; padding:0 0 0 20px; text-decoration:none;}
#btleftPan p.more a:hover{background:url(images/rollover-hover.gif) 0 0 no-repeat #FAFAFA; color:#A67B03; text-decoration:none;}

#btleftPan ul{width:707px; height:100px; margin:0px;}
#btleftPan ul li{
	width:707px;
	height:28px;
	list-style-image: url(images/bullet.gif);
	list-style-position: inside;
}


#btleftPan a:link{
	color:#999; text-decoration:none;}
	
#btleftPan a:visited{
	color:#999; text-decoration:none;}

#btleftPan a:hover{
	color:#666; text-decoration:none;}
/*----/Body Top Left Panel----*/

/*----Body Top Right Panel----*/
#btrightPan{width:203px; float:left; font-family:Arial, Helvetica, sans-serif;}

#btrightPan #graph{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat; font-size:18px; line-height:18px; position:relative; margin:0 auto;}
#btrightPan #graph h2{width:60px; height:22px; display:block; background:#fff; color:#6e52a9; font-size:18px; position:absolute; top:17px; left:86px;}
#btrightPan #graph p{font-size:14px; position:absolute; top:30px; left:86px;}
#btrightPan #graph a{width:202px; height:58px; display:block; background:url(images/graph-nor.jpg) 13px 0 no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #graph a:hover{background:url(images/graph-hover.jpg) 13px 0 no-repeat; text-decoration:none;}

#btrightPan #planning{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:18px; position:relative; margin:0 auto;}
#btrightPan #planning h2{width:60px; height:22px; display:block; background:#fff; color:#6e52a9; font-size:18px; position:absolute; top:17px; left:86px;}
#btrightPan #planning p{font-size:14px; position:absolute; top:30px; left:86px;}
#btrightPan #planning a{width:202px; height:58px; display:block; background:url(images/planning-nor.jpg) 13px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #planning a:hover{background:url(images/planning-hover.jpg) 13px 1px no-repeat; text-decoration:none;}

#btrightPan #services{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:18px; position:relative; margin:0 auto;}
#btrightPan #services h2{width:60px; height:22px; display:block; background:#fff; color:#6e52a9; font-size:18px; position:absolute; top:17px; left:86px;}
#btrightPan #services p{font-size:14px; position:absolute; top:30px; left:86px;}
#btrightPan #services a{width:202px; height:58px; display:block; background:url(images/services-nor.jpg) 13px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #services a:hover{background:url(images/services-hover.jpg) 13px 1px no-repeat; text-decoration:none;}

#btrightPan #projects{width:203px; height:58px; display:block; background:url(images/side-frame.jpg) 0 0 no-repeat;  line-height:18px; position:relative; margin:0 auto;}
#btrightPan #projects h2{width:60px; height:22px; display:block; background:#fff; color:#6e52a9; font-size:18px; position:absolute; top:17px; left:86px;}
#btrightPan #projects p{font-size:14px; position:absolute; top:30px; left:86px;}
#btrightPan #projects a{width:202px; height:58px; display:block; background:url(images/projects-nor.jpg) 13px 1px no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#btrightPan #projects a:hover{background:url(images/projects-hover.jpg) 13px 1px no-repeat; text-decoration:none;}


/*----/Body Top Right Panel----*/

/*----Body Middle Panel----*/
#bodymiddlePan{width:708px; padding:0 34px 0 36px; clear:both;}

#bodymiddlePan h3{
	width:300px;
	height:65px;
	background:#fff;
	color:#F5D163;
	font:30px/65px Georgia, "Times New Roman", Times, serif;
}


#bodymiddlePan ul{width:707px; height:100px; margin:0px;}
#bodymiddlePan ul li{width:707px; height:28px;}
#bodymiddlePan ul li a{width:688px; height:20px; display:block; background:url(images/bullet_2.gif) 0 6px no-repeat #fff; color:#7D7D7D; font-size:16px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#bodymiddlePan ul li a:hover{background:url(images/bullet_2.gif) 0 6px no-repeat #fff; color:#5c5c5c; text-decoration:none;}

#bodymiddlePan h4{
	width:525px;
	height:auto;
	display:block;
	float:left;
	color:#9DCA65;
	font-size:30px;
	line-height:24px;
	padding:0px;
	margin:0px;
}

#bodymiddlePan p.more{width:73px; height:25px; display:block; float:left; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; margin:0 0 0 6px;}
#bodymiddlePan p.more a{width:53px; height:25px; display:block; background:url(images/rollover-nor.gif) 0 0 no-repeat #FAFAFA; color:#fff; padding:0 0 0 20px; text-decoration:none;}
#bodymiddlePan p.more a:hover{background:url(images/rollover-hover.gif) 0 0 no-repeat #FAFAFA; color:#ffffff; text-decoration:none;}
/*----/Body Middle Panel----*/

/*----Body Bottom Panel----*/
#bodybottomPan{width:706px; padding:0px 36px; clear:both;}
/*----Bottom Left Panel----*/
#bottomleftPan{width:250px; float:left; padding:27px 0 0;}


/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/


#bottomrightPan{
	width:407px;
	float:left;
	padding:42px 0 0 49px;
	text-align: left;
}
#bottomrightPan h2{
	width:350px;
	height:33px;
	font:30px/33px Georgia, "Times New Roman", Times, serif;
	background:#fff;
	color:#F5D163;
	vertical-align:middle;
}
#bottomrightPan h3{width:115px; height:40px; font:18px/40px Georgia, "Times New Roman", Times, serif; background:url(images/athorname-border.gif) 0 15px no-repeat #fff; color:#FF8500; padding:0 0 0 291px;}

#bottomrightPan a:link{width:115px; height:40px; font:18px/40px Georgia, "Times New Roman", Times, serif;  background-color:0 15px no-repeat #fff; color:#FF8500; padding:0 0 0 291px;}


#bottomrightPan p{padding:6px 0;}
#bottomrightPan p span{
	font-weight:bold;
	text-align: left;
}

#bottomrightPan p.greencaptiontext{
	background:#fff;
	height:72px;
	color:#9DCA65;
	font:18px/24px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding:10px 0 0;
}
/*----/Bottom Right Panel----*/

/*----FOOTER PANEL----*/
#footermainPan{height:126px; background:url(images/footerbg.gif) 0 0 repeat-x #F1F1F1; color:#585858; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:68px 0 0;}

#footerPan{width:706px; position:relative; padding:0 0 0 36px;}

#footerPan ul{width:480px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#585858; background:#F1F1F1; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:260px; position:relative; margin:0 auto; background:#F1F1F1; color:#9F5300;  font-size:13px;}

#footerPan ul.templateworld{width:250px; background:#F1F1F1; color:#585858; display:block; position:absolute; top:70px; left:285px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F1F1F1; display:block; color:#585858; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:285px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(images/html-nor.gif) 0 0 no-repeat #F1F1F1; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:360px;}
#footerPancss a{width:50px; height:24px; display:block; background:url(images/css-nor.gif) 0 0 no-repeat #F1F1F1; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/


#bottomrightPan2{
	width:825px;
	float:right;
	padding:322px 0 0px 49px;
	text-align: left;
}
#bottomrightPan2 h2{
	width:350px;
	height:33px;
	font:30px/33px Georgia, "Times New Roman", Times, serif;
	background:#fff;
	color:#F5D163;
	vertical-align:middle;
}
#bottomrightPan2 h3{width:115px; height:40px; font:18px/40px Georgia, "Times New Roman", Times, serif; background:url(images/athorname-border.gif) 0 15px no-repeat #fff; color:#FF8500; padding:0 0 0 291px;}

#bottomrightPan2 a:link{width:115px; height:40px; font:18px/40px Georgia, "Times New Roman", Times, serif;  background-color:0 15px no-repeat #fff; color:#FF8500; padding:0 0 0 291px;}


#bottomrightPan2 p{padding:6px 0;}
#bottomrightPan2 p span{
	font-weight:bold;
	text-align: left;
	background-color: #CCC;
}

#bottomrightPan2 p.greencaptiontext{
	background:#fff;
	height:72px;
	color:#9DCA65;
	font:18px/24px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding:10px 0 0;
}