@charset "utf-8";

*{ margin:0; padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box }

ul, ol { list-style-type:none}

img { max-width:100%}

body { font-family:Arial, Helvetica, sans-serif; background:#e5fbc3}

@font-face {  font-family: 'Oswald';

  src: url('fonts/Oswald.eot?#iefix') format('embedded-opentype'),  url('fonts/Oswald.otf')  format('opentype'),

	     url('fonts/Oswald.woff') format('woff'), url('fonts/Oswald.ttf')  format('truetype'), url('fonts/Oswald.svg#Oswald') format('svg');

  font-weight: normal;

  font-style: normal;}

  @font-face {

  font-family: 'Questrial-Regular';

  src: url('fonts/Questrial-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Questrial-Regular.woff') format('woff'), url('fonts/Questrial-Regular.ttf')  format('truetype'), url('fonts/Questrial-Regular.svg#Questrial-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}

.wrapper { float:left; width:100%; position:relative}

.header { background:#aadb78; border-bottom:solid 3px #7ca645}

.container { width:1000px; margin:0 auto;}

.headmainbg {font-family: 'Questrial-Regular'; background:url(images/headbg.png) no-repeat; width:1000px; height:143px; margin-bottom:-5px; padding:0 20px}

.logireg { float:right; display:block; background:#597a2e; border-radius:0 0 40px 40px; padding:4px 30px; box-shadow:0px 2px 2px rgba(0,0,0,0.5); margin-top:4px;	 }

.logireg li { float:left;}

.logireg li a { display:block; text-decoration:none; padding:8px 10px 12px 30px; color:#fff; position:relative;}

.logireg li:hover a { color:#99cc66}

.logireg li a.login:after { content:""; position:absolute; top:7px; left:5px; width:18px; height:19px;background:url(images/login.png) no-repeat; display:inline-block }

.logireg li a.register:after {content:""; position:absolute; top:7px; left:5px; width:18px; height:19px;background:url(images/register.png) no-repeat; display:inline-block }	

.pagehead { padding:30px 110px; float:left; margin-left:10px; font-weight:normal; background:url(images/pagehead.png) no-repeat; font-size:28px; color:#fff; }

.pagehead span { color:#99cc66}

.button { float:left;margin:32px 0 0 22px;}

.button li{ float:left; padding:3px}

.button li a { padding:8px 6px; border-radius:20px; background:#597a2e; display:block; text-decoration:none; color:#fff; webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; }

.button li:hover a { background:#AADB78; box-shadow:0 0 3px #597A2E; color:#597a2e}

.wrapboxes li { padding:15px 10px 40px 10px; float:left; background:#6e8d3b; width:24%; margin:0 5px; position:relative}

.wrapboxes { margin:12px 0; overflow:hidden}

.wrapboxes li h1 { font-family: 'Oswald'; font-weight:normal;padding:12px 0; text-align:center; color:#fff; font-size:18px; border-bottom:solid 2px #98c548}

.wrapboxes li h1:after { content:""; position:absolute; top:0; left:0; width:0; height:0;border-top:60px solid #e5fbc3;border-right:57px solid transparent;}

.wrapboxes li h1:before { content:""; position:absolute; top:0; right:0; width:0; height:0;border-top:60px solid #e5fbc3;border-left:57px solid transparent;}

.pwrap{ height:140px; float:left; width:100% ; position:relative}

.wrapboxes li p { margin:5px 0; text-align:justify; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; line-height:19px;padding:0px;}



.wrapboxes li a { color:#262525;font-size:13px;text-decoration:none;}
.wrapboxes li a:hover { color:#fff;text-decoration:none;}




.green a{color:#262525 !important; background:#98c548 !important; position:absolute; bottom:6px; right:1px; padding:5px 10px; }
.green a:hover { color:#fff !important; background:#597a2e !important; position:absolute; bottom:6px; right:1px; padding:5px 10px; }

.yellow a{color:#262525 !important; background:#e2a93d !important; position:absolute; bottom:6px; right:1px; padding:5px 10px; }
.yellow a:hover { color:#fff !important; background:#996f14 !important; position:absolute; bottom:6px; right:1px; padding:5px 10px; }

.blue a{color:#262525 !important; background:#89c4ee !important; position:absolute; bottom:6px; right:1px; padding:5px 10px; }
.blue a:hover { color:#fff !important; background:#1b577a !important; position:absolute; bottom:6px; right:1px; padding:5px 10px; }

.merun a{color:#262525 !important; background:#ef8c8c !important; position:absolute; bottom:6px; right:1px; padding:5px 10px; }
.merun a:hover { color:#fff !important; background:#a44e44 !important; position:absolute; bottom:6px; right:1px; padding:5px 10px;}


.imgwrap{ float:left; margin-top:0px; width:100%;}

.imgwrap a{ float:left; margin-top:0px; width:100%;opacity:0.5;-webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s; }

.imgwrap a:hover { float:left; width:100%; opacity:1}



.wrplogoimg { width:201px; text-align:center; border:solid 2px #98c548; height:101px; display:block; margin:10px auto; background:#fff;}

.wrapboxes li:after { width:156px; height:88px; border-radius:80px 80px 0 0; background:#e5fbc3; top:100%; position:absolute; left:50%; margin:-35px 0 0 -78px; content:""; display:block}



.wrapboxes li.org { background:#be8f29}

.wrapboxes li.org h1 { border-bottom:solid 2px #e2a93d}

.org .wrplogoimg { border: 2px solid #e2a93d;}





.wrapboxes li.blue1 { background:#2077ab}

.wrapboxes li.blue1 h1 { border-bottom:solid 2px #89c4ee}

.blue1 .wrplogoimg { border: 2px solid #89c4ee;}






.wrapboxes li.red { background:#c96155}

.wrapboxes li.red h1 { border-bottom:solid 2px #ef8c8c}

.red .wrplogoimg { border: 2px solid #ef8c8c;}




.footer { background:#3a3b38; padding:7px 0 4px 0;  min-width:1000px; font-size:13px; color:#fff;}

.socialicon { display:inline-block; float:right; margin-top:10px; margin-right:30px;}

.socialicon li { display:inline-block; float:left; padding:0 2px}

.socialicon li a { display:inline-block; width:35px; float:left; height:35px; border-radius:50%; background:#AADB78; color:#3e3c3c; font-size:20px; line-height:35px; text-align:center; background-image:url(images/socialicon.png);-webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -ms-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s;}

.socialicon li:hover a { background-color:#8fbe53; box-shadow:0 0 3px #597A2E; color:#597a2e}

.socialicon li:first-child a{ background-position:1px 4px}

.socialicon li:nth-child(5n+2) a{ background-position:-40px 4px}

.socialicon li:nth-child(5n+3) a{ background-position:-84px 3px}

.socialicon li:nth-child(5n+4) a{ background-position:-125px 3px}

.socialicon li:nth-child(5n+5) a{ background-position:-166px 3px}


.footer-left{float:left; margin:0px; width:800px; height:auto; overflow:hidden}

.footer-right span { position:relative; top:-10px; font-size:18px; color:#fff; }

.footer-right{ float:right; margin:0px; width:200px; }

.footer-right p{ font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:13px; color:#fff}

.footer-right p a{ font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:13px; color:#fff; text-decoration:none}

.footer-right p a:hover{ font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:13px; color:#fff; text-decoration:underline}

.lefttext { padding:0px; float:left}