@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{ background:url(style/images/bodyBack.gif) repeat-x; width:100%; padding:0px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; word-spacing:1px; line-height:20px; color:#333333;  }

div, h1, h2, h3, p, form, label, input, textarea, img, span{ margin:0; padding:0;}
ul{margin:0;  padding:0; list-style-type:none;}
.clear{ clear:both;  font-size:0px;  line-height:0px;}

img { border:0}

h1{font:22px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#6fa016;  font-weight:normal; display:block; height:35px;}
h2{font:16px Georgia, "Times New Roman", Times, serif; color:#000; font-weight:bold; margin-bottom:15px;   }
h3{font:15px Georgia, "Times New Roman", Times, serif; color:#ff0000; font-weight:bold; margin-bottom:7px; }
h4{font:18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#529875; margin:0 0 0 0;  font-weight:normal; display:block; height:25px; }
h5{font:18px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#529875; margin:0; padding:0; font-weight:bold; display:block; height:10px; }


/* Div Style */
.mainContainer{ width:100%; }
.cmn-container{ width:1000px; margin:0 auto; }

.header-main { height:110px; width:100%;}
.header-main .main-logo { float:left; width:200px; padding:30px 0}
.header-main .top-right-part { float:right; width:611px;}
.header-main .top-right-part .top-link { height:65px; width:190px; float:right; padding-top:10px;}
.header-main .top-right-part .top-link ul li { float:left; padding:0 8px; width:auto; background:url(style/images/divider-top.gif) center right no-repeat;  }
.header-main .top-right-part .top-link ul li.lastli {background:none}
.header-main .top-right-part .top-link ul li a { text-decoration:none; color:#FFFFFF;}
.header-main .top-right-part .top-link ul li a:hover { text-decoration:underline; color:#FFFFFF;}

.header-main .top-right-part .main-navigate{ height:25px; width:100%; background:url(style/images/navigate.gif) no-repeat; padding:7px 10px;}
.header-main .top-right-part .main-navigate ul li { float:left; padding:0 10px; width:auto; background:url(style/images/divider-top.gif) center right no-repeat;   }
.header-main .top-right-part .main-navigate ul li.lastli {background:none}
.header-main .top-right-part .main-navigate ul li a { text-decoration:none; color:#FFFFFF; font-weight:700; font-size:11px; }
.header-main .top-right-part .main-navigate ul li a:hover { text-decoration:none; color:#a2d940;}
.header-main .top-right-part .main-navigate ul li.current_page_item a { text-decoration:none; color:#a2d940; }

.header-form { background:url(style/images/header-top.jpg) no-repeat; height:230px; width:100%;}
.header-form .form-main { float:right; height:180px; width:275px; padding:20px 15px; margin-right:5px; margin-top:10px;}
.header-form .form-main p { }

.content-main { width:100%; padding:30px 0;}
.content-main .left-content { width:680px; float:left;   }
.content-main .left-content p { margin-bottom:10px; color:#666}
.content-main .right-content { overflow:hidden; width:220px !important /*Non-IE6*/; width:195px /*IE6*/; min-height:400px; float:right; background:url(style/images/right-img.gif) center top no-repeat; padding:25px 50px;   }
.content-main .right-content p { margin-bottom:10px; line-height:18px; color:#666}

.box-container { width:100%; margin-bottom:10px;}
.box-container .top-img {width:100%; height:28px; background:url(style/images/inner-content-top.gif) no-repeat;   }
.box-container .repeate-img {width:96%; background:url(style/images/inner-content-repeate.gif) repeat-y; padding:0 25px;   }
.box-container .btm-img {width:100%; height:30px; background:url(style/images/inner-content-bottom.gif) no-repeat;   }

.inner-box-text { width:97%; display:inline-block; }
.inner-box-text img { border:5px solid #C4C4C6; }
.inner-box-text .left { float:left; width:160px; text-align:center; margin-right:12px;  }
.inner-box-text .right { float:left; width:455px; }

.mainFooter { width:100%; background:url(style/images/footer-back.gif) repeat-x;  }
.cmn-footer{ width:1000px; height:205px; margin:0 auto }
.cmn-footer .left-footer { width:600px; float:left; height:200px; padding-top:12px; }
.cmn-footer .left-footer .copyright { width:100%; height:40px;font-size:12px;  }
.cmn-footer .left-footer .copyright a { text-decoration:underline; color:#333333; font-weight:700; }
.cmn-footer .left-footer .copyright a:hover { text-decoration:none; color:#333333;}

.cmn-footer .left-footer .footer-navigate{ width:100%; height:40px; padding-top:9px; }
.cmn-footer .left-footer .footer-navigate .part { width:220px; float:left; margin-right:50px; }
.cmn-footer .left-footer .footer-navigate .part ul li { width:100%; background:url(style/images/arrow.gif) left center no-repeat; padding-top:2px; height:22px; border-bottom:1px #777575 dotted; padding-left:19px; padding-right:10px; }
.cmn-footer .left-footer .footer-navigate .part ul li a { color:#c3c3c3; text-decoration:none; font-weight:700; font-size:11px; font:tahoma; }
.cmn-footer .left-footer .footer-navigate .part ul li a:hover { color:#ffffff; text-decoration:none; }


.cmn-footer .right-footer { width:396px; float:right; height:200px;  }


.form-field { background:url(style/images/form-field.gif) no-repeat; width:252px; height:20px; padding:5px; border:0 }

.join-now { background:url(style/images/join-now.gif) 0 -32px no-repeat; width:117px; height:32px; border:0; cursor:pointer }
.join-now:hover { background:url(style/images/join-now.gif) 0 0 no-repeat; }

a.button { background: transparent url('style/images/right-btn.gif') no-repeat scroll top right; color:#000; float: left; font: normal 12px tahoma, sans-serif; padding-right:12px; /* sliding doors padding */ text-decoration: none; display:inline-block; font-weight:700 }
a.button:hover { text-decoration:underline }

a.button span { background: transparent url('style/images/left-btn.gif') no-repeat; display: block; line-height:20px; padding: 3px 0 5px 33px; } 
a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span { background-position: bottom left; /* push text down 1px */ }

.left-content a {color:#000}
.left-content a:hover {text-decoration:none}
.right-content a {color:#000}
.right-content a:hover {text-decoration:none}

hr {border:0 none;height:1px;margin:10px 0;background:#C4C4C6}
.post ul {margin:10px 0}
.post li {list-style-position:inside;list-style-type:disc;margin:5px 0 0 5px;}
.newsleterror {background:#C4E096 none repeat scroll 0 0;border:1px solid #000000;color:#FF0000;height:40px;left:15px;padding:5px;position:absolute;top:15px;width:230px;}