@charset "utf-8";
/*General*/
body,h1,h2,h3,h4,h5,p,ul,li{margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; }
body {background: #efefef;}
.container {width: 720px; height: 560px; overflow: hidden; margin: 5px auto; border-radius: 3px; border: 1px solid #ccc; background: #fff; }

/*Header*/
.header {width: 760px; margin: 3px auto; text-align: center; }
.header img {margin-left: -43px;}
.header ul {width: 95%; background: #29a430; background: -webkit-linear-gradient(bottom, #29a430, #2fc737);background: -moz-linear-gradient(bottom, #29a430, #2fc737);background: -o-linear-gradient(bottom, #29a430, #2fc737);background: linear-gradient(to top, #29a430, #2fc737); border: 1px solid #08870f; border-width: 1px 0; height: 30px; overflow: hidden; padding: 3px 0 0;}
.header ul li {list-style: none; display: inline;padding: 8px 10px; border-right: 1px solid #08870f; margin-left: -5px;}
.header ul li:last-child {border-right: none; margin-left: -5px; padding: 8px 9px;}
.header ul li a {color: #efefef; text-shadow: 0 1px 4px rgba(0,0,0,.4); font-size: 12px; text-transform: uppercase; text-decoration: none; }
.header ul li:hover {color: #fff;background: #08870f; background: -webkit-linear-gradient(bottom, #08870f, #29a430);background: -moz-linear-gradient(bottom, #08870f, #29a430);background: -o-linear-gradient(bottom, #08870f, #29a430);background: linear-gradient(to top, #08870f, #29a430);}

/*Content*/
.content {padding: 20px 30px; height: 350px; overflow: hidden; }
.content h2 {color: #29a430; font-size: 18px; margin-bottom: 10px;}
.content p,.content ul {font-size: 13px; color: #555; line-height: 21px; margin-bottom: 15px;}
.content ul {margin: -3px 0 10px 35px;}
.content ul li {list-style: square;}
.content p a,.content ul li a {color: #29a430; text-decoration: none;}
.content p a:hover,.content ul li a:hover {text-decoration: underline;}
.content .small {font-size: 11px; line-height: 16px;}

/*Footer*/
.footer {width: 100%; background: #efefef; margin: 12px 0 0; padding: 0; height: 30px; text-align: center; border-top: 1px solid #ddd;}
.footer ul {padding: 0px 0 3px; height: 20px;}
.footer ul li {list-style: none; display: inline; font-size: 12px; text-transform: uppercase; padding: 0 8px}
.footer ul li a {color: #555; text-decoration: none;}
.footer ul li a:hover {color: #29a430}

/*Images*/
.imgr {float: right; margin: 0 0 15px 20px; max-width: 250px;}
.imgr2 {float: right; margin: 0 -20px 15px 0px; max-width: 410px;}
.imgr3 {float: right; margin: 0 -10px 15px 10px; max-width:240px;}
.imgr4 {float: right; margin: -20px -10px 15px 10px; max-width:240px;}
.imgr5 {float: right; margin: -45px -10px 0px 10px; max-width:220px;}

/*Resources*/
.rsource {float: left; width: 330px;}
.rsource ul {margin: 10px 0 15px 30px;}