@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:22px; letter-spacing:1px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:15px 0;}
h1{ font-size:22px;}
h2{ font-size:18px;}
h3{ font-size:16px;}
h4{ font-size:14px;}
a{ text-decoration:none; color:#009900;}
a:hover{ text-decoration:none; color:#000;}
.headerSection ul{ margin:0; padding:0;}
.headerSection ul li{ margin:0; padding:0; list-style:none; }
.headerSection ul li.header{ background:#fff; height:66px;}
.headerSection ul li.header .innerHeader{ width:1000px; margin:0 auto; }
.headerSection ul li.bannerArea{ background:url(images/header-banner-bg.jpg) ; height:383px;}
.headerSection ul li.grayStrip{ background:url(images/gray-line-titlebar.jpg) repeat-x; height:36px;}
.clearSpace{ clear:both;}
.logo{ float:left; width:315px;}
.navigation{ float:right; width:680px; height:65px; text-align:right; overflow:hidden;}
.navigation ul{ margin:0; padding:0; float:right;}
.navigation ul li{ margin:0; padding:0; text-align:right; float:left; padding:30px 0 0 30px;}
.navigation ul li a{ font-size:14px; font-weight:normal; color:#222; text-decoration:none; letter-spacing:1px; }
.navigation ul li a:hover{ color:#1d7c06; border-bottom:2px solid #ff9000;}
.navigation ul li a.selected{ font-size:14px; font-weight:normal; color:#1d7c06; text-decoration:none; letter-spacing:1px; border-bottom:2px solid #ff9000; }

.universalBanner{ background:url(images/home-banner.png) no-repeat; width:1000px; height:383px; margin:0 auto !important;}
.universalBanner .bannerStrip{ background:url(images/bg-grayline-header.jpg) repeat-x bottom; height:47px; margin-top:auto; position:absolute; width:980px; margin-left:10px;}
.universalBanner .bannerStrip ul{ margin:0; padding:0;}
.universalBanner .bannerStrip ul li{ margin:0; padding:0; list-style:none; float:left;}
.universalBanner .bannerStrip ul li.info1{float:left; width:40%;}
.universalBanner .bannerStrip ul li.info2{float:right; width:58%;}

.universalBanner .bannerStrip ul li.info1 img{ float:left; width:80px; margin-top:-5px;}
.titleStyle{ font-size:18px; color:#4a8201; padding-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; width:300px; padding-top:10px;} 
.universalBanner .bannerStrip ul li.info2 img{ float:left; width:40px; margin-top:-5px;}
.infoDetails{ padding-top:15px;  width:520px; overflow:hidden; float:left; white-space:nowrap; text-overflow:ellipsis; letter-spacing:0;}
.bannerCaption{ width:600px; height:300px; margin:0 0 0 15px; padding-top:25px;}
.bannerCaption .caption1{ font-size:28px; font-weight:normal; color: #fff;}
.bannerCaption .caption2{ font-size:20px; font-weight:normal; color: #fff; margin:30px 0;}
.bannerCaption .caption3{ margin:40px 0;}
.bannerCaption .caption3 p{ font-size:14px; font-weight:normal; color: #000; background:#ecb803; margin:5px 0; padding:0px 10px 2px 10px;}


.contents{ width:1000px; margin:0 auto;}
.contents .leftColm{ width:28.3%; float:left;}
.contents .rightColm{ width:68%; float:right;}
.boxGray{ background:#f3f8ed; margin-top:5px; padding:10px;}
.boxGray ul{ margin:0; padding:0;}
.boxGray ul li{ margin:0; padding:5px 0; list-style:none; border-top:1px solid #ddd; }

.boxGrayHome{ background:#f3f8ed; margin-top:5px; padding:10px; width:690px; float:left;}
.boxGrayHome ul{ margin:15px 0 ; padding:0;}
.boxGrayHome ul li{ width:40%; float:left; margin:0 15px 0 0; padding:2px 0 2px 30px; list-style:none; border-bottom:1px solid #c1d6b3; background:url(images/icon-tick.png) no-repeat left center;  }
.boxGrayHome .titleBar{ background:#fff; font-size:22px;  padding:10px; border:1px solid #afcb9e;}
.imgRight{ float:right; background:#f2f8ee; margin-top:5px; padding:0px; height:230px; vertical-align:bottom;}
.titleBar{ background:#afce89; font-size:16px; padding:10px;}


.footer{ background:#666f5c; height:auto; position:relative;}
.footer .fooContents{ width:1000px; margin:0 auto; color:#fff; padding:10px 0 0 0;}
.footer .fooContents a{ color:#fff; padding:5px 5px; text-decoration:none; }
.footer .fooContents a:hover{ color:#71d406;}
.footer .fooContents .copy{ padding:5px 0; font-size:11px;}