@import url(http://fonts.googleapis.com/css?family=Ubuntu:regular,bold);
*{margin:0; padding:0;}
img, img a{outline:none; border:none;}
body{background-color:#fff; color:#575757; font:85% Ubuntu,times,serif; margin:0; padding:0;}
a, a:visited{outline:none; color:#4086c6; text-decoration:none;}
a:hover{text-decoration:underline;}

.clear:before, .clear:after{content:""; display:table;}
.clear:after{clear:both;}
.clear{zoom:1; /* For IE 6/7 (trigger hasLayout) */}
header, section, footer, aside, nav, article{display:block;}
.bodywidth{width:960px; margin:0 auto; clear:both;}
h1, h2, h3, h4, h5, h6{color:#2f2f2f; font-family:"Ubuntu",arial;}
.bold{font-weight:bold;}
.blue{color:#4086c6;}
button,a.readmore, a.readmore:visited{padding:4px;font:0.9em Ubuntu,arial;font-weight:bold;color:#fff;text-shadow:0 0 1px #1e5298;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(109,171,229)),color-stop(0.56,rgb(59,126,189))); background-image:-moz-linear-gradient(center bottom,rgb(109,171,229) 12%,rgb(59,126,189) 56%); background-color:#468ac9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:10px 0 0 0; float:left;cursor:pointer;}
a.readmore:hover{background-color:#2f2f2f; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}
.tbl td,.tbl th{border:1px solid #eee;padding:5px;}
.tbl th{background:#bbb;}
#headerwrap{width:100%; background:url("../images/headerbg.jpg") repeat-x 0 0; height:117px;}
#mainheader{padding:10px 0 0 0; color:#2f2f2f;}
.logo{float:left; margin:0 10px 0 0;}
#websitetitle h1{font-size:2.20em;font-weight:normal;line-height:160%;letter-spacing:0.35px;}
#mainheader nav{margin:20px 0 0 110px;height:30px;}
#mainheader nav a{font:1em Ubuntu,arial;display:block;float:left;background:#4086c6;color:#fff;text-align:center;width:16.50%;border-right:1px solid #fff;padding:7px 0;}
#mainheader nav a:hover{text-decoration:none;color:#000;}

#introduction{margin-top:25px;}
#introduction p{font-size:1.13em;line-height:180%;text-align:justify;}
#introleft{float:left; width:540px; margin:0 0 25px 0;}
#checkcert{float:right;font-size:1.15em;width:335px;margin:0 0 25px 45px;border:1px solid #ccc;}
#checkcert h5{background:#ccc;color:#000;padding:10px 20px;margin-bottom:10px;}
#checkcert label{margin-left:20px;display:block;line-height:200%;width:100px;float:left;clear:left;}
#checkcert input{margin:0 0 15px 10px;display:block;padding:5px 10px;width:160px;border:1px solid #ccc;float:left;}
#checkcert button{margin:10px 0 20px;}
a.findoutmore, a.findoutmore:visited{padding:10px; font:0.9em "Ubuntu",arial; font-weight:bold; color:#fff; text-shadow:0 0 1px #1e5298; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(109,171,229)),color-stop(0.56,rgb(59,126,189))); background-image:-moz-linear-gradient(center bottom,rgb(109,171,229) 12%,rgb(59,126,189) 56%); background-color:#468ac9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:13px 0 0 0; float:left;}
a.findoutmore:hover{background-color:#2f2f2f; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}

#maincontent{border-top:1px #dbdbdb solid; padding:25px 0 0 0; overflow:hidden;}
#subcontent{padding:25px 0 0 0;font-family:Ubuntu,arial;}
#subcontent h1{margin-bottom:30px;}
#aboutleft{float:left; width:540px;}
#aboutleft h3,#subcontent h3{font-size:1.5em; font-weight:bold; margin:0 0 15px 0;}
#aboutleft h4,#subcontent h4{font-size:1.3em; font-weight:bold; margin:0 0 15px 0;}
#aboutleft p,#subcontent p{line-height:140%; margin:0 0 15px 0;text-align:justify;}
#articlesright{float:right; width:380px;}
#articlesright article{clear:both; margin:0 0 20px 30px; overflow:hidden;border-bottom:1px solid #eee;padding-bottom:22px;}
/* #articlesright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:119px; height:119px; margin:0 15px 0 0;} */
#articlesright p{line-height:135%;}
#articlesright h5{font-size:1.3em; margin:0 0 6px 0; color:#4086c6;}
#articlesright h5:hover{color:#2f2f2f;}
button{border:0px none;padding:4px 10px;}
address{float:right;font-style:normal;line-height:180%;}
label.contact{float:left;clear:left;width:110px;text-align:right;padding-right:15px;line-height:25px;}
input.contact,textarea.contact{border:1px solid #ccc;width:220px;padding:2px;margin-bottom:10px;resize:none;}
input.contact{height:25px;}

#footerwrap{width:100%; margin:20px 0 0 0; padding:30px 0; background:#2d2d2d url("../images/footerbg.jpg");}
#mainfooter{text-shadow:0 0 1px #000;}
#mainfooter nav{float:left; font-style:italic; font-size:1.1em;}
#mainfooter nav ul{margin:0; padding:0; list-style:none;}
#mainfooter li{list-style-type:none; float:left; margin:0 35px 0 0;}
#mainfooter li:last-child{margin-right:0;}
#mainfooter a, #mainfooter a:visited{color:#fff;}
.copyright{float:right;color:#b8b8b8;}

@media only screen and (max-width: 980px) and (min-width: 821px) {
.bodywidth{width:800px;}
#websitetitle h1{font-size:1.85em;letter-spacing:0px;}
#mainheader nav a{font:1em Ubuntu,arial;width:16.52%;}
#checkcert label{display:none;}
#checkcert input{width:220px;margin:0 15px 15px;}
#checkcert button{margin:10px auto;display:block;float:none;}
#introleft{width:470px;}
#checkcert{width:270px;}
#introduction h2{font-size:2.85em;}
#introduction p{font-size:1em;line-height:160%;}
#aboutleft{width:450px;}
#articlesright{width:324px;}
#articlesright article{font-size:0.95em;}
#mainfooter{font-size:0.9em;}
#mainfooter li{margin:0 25px 0 0;}
#mainfooter li:last-child{margin-right:0;}
}

@media only screen and (max-width: 820px) and (min-width: 621px) {
.bodywidth{width:600px;}
#headerwrap{height:100px;}
img.logo{width:80px;}
#websitetitle h1{font-size:1.36em;letter-spacing:0px;line-height:140%;}
#mainheader nav{margin:20px 0 0 90px;}
#mainheader nav a{font:0.95em Ubuntu,arial;width:16.46%;}
#introleft{width:600px;}
#checkcert{display:none;}
#aboutleft{width:400px;}
#articlesright{width:170px;}
#articlesright article{margin-left:0px;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.9em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 15px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{margin-bottom:0;}
}

@media only screen and (max-width: 620px) and (min-width: 501px) {
.bodywidth{width:480px;}
#headerwrap{height:80px;}
img.logo{width:60px;}
#websitetitle h1{font-size:1.05em;letter-spacing:0px;line-height:160%;;overflow:hidden;}
#mainheader nav{margin:10px 0 0 0;height:28px;}
#mainheader nav a{font:0.7em Ubuntu,arial;width:13.3%;}
#introleft{width:480px;}
#introduction h2{font-size:2.7em;}
#introduction p{font-size:1em;}
#checkcert{display:none;}
#aboutleft{width:100%;font-size:0.9em;}
#articlesright{display:none;}
#articlesright article{font-size:0.9em;margin-left:0px;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.9em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 15px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{margin-bottom:0;}
}

@media only screen and (max-width: 500px) and (min-width: 341px) {
.bodywidth{width:320px;}
img.logo{width:60px;}
#headerwrap{background:#eee;height:276px;}
#websitetitle h1{font-size:1.03em;letter-spacing:0.4px;line-height:190%;height:80px;overflow:hidden;}
#mainheader nav{margin:0;height:186px;}
#mainheader nav a{font:1em Ubuntu,arial;width:100%;border-right:0px none;border-bottom:1px solid #eee;text-align:left;padding-left:15px;}
#introleft{width:320px;font-size:0.8em;}
#introduction h2{font-size:2.3em;}
#checkcert{display:none;}
#aboutleft{width:320px; font-size:0.9em;}
#articlesright{width:320px; float:left; border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
#articlesright article{font-size:0.9em;margin-left:0px;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.8em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 6px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{margin-bottom:0;}
}

@media only screen and (max-width:340px) and (min-width:5px) {
.bodywidth{width:300px;}
.logo{width:70px;}
#headerwrap{background:#eee;height:276px;}
#websitetitle h1{font-size:1.42em;letter-spacing:0px;line-height:190%;height:80px;overflow:hidden;}
#mainheader nav{margin:0;height:186px;}
#mainheader nav a{font:1em Ubuntu,arial;width:100%;border-right:0px none;border-bottom:1px solid #eee;text-align:left;padding-left:15px;}
#introleft{width:300px; font-size:0.8em;}
#introduction h2{font-size:2.3em;}
#checkcert{display:none;}
#aboutleft{width:300px; font-size:0.9em;}
#articlesright{width:300px; float:left; border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
#articlesright article{font-size:0.9em;margin-left:0px;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.7em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 6px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{margin-bottom:0;}
}