/* CSS Document */
*.* {margin:0px; padding:0px;}
body {margin:0px; padding:0px; font-family:calibri, Arial, Helvetica, sans-serif; color:#000; background:url(../images/bg.jpg) repeat-x;}
a {outline:none; text-decoration:none;}
a:hover {outline:none; text-decoration:none;}
h1, h2, h3, h4, h5, h6, span, input, p {font-family:calibri, Arial, Helvetica, sans-serif;}
ul, li {padding:0px; margin:0px;}
img {border:none;}
.clear {clear:both;}
h1 {color:#000; margin:0 0 10px 0; padding:0 0 5px 0; font-size:28px; font-weight:normal; border-bottom:1px solid #ccc;}
h2 {color:#000; margin:0 0 10px 0; padding:0 0 2px 0; font-size:24px; font-weight:normal; border-bottom:1px solid #ccc;}
h5 {color:#000; margin:0px; padding:0px; font-size:20px; font-weight:bolder;}

#wrapper {float:left; width:100%;}
#container {width:980px; margin:0 auto;}
#content {width:980px; float:left;}
#content .logoarea {float:left; width:100%; height:49px; padding:10px 0px;}
#content .logo {float:left;}
#content .email {float:right;}
#content .topnav {float:left; height:43px;}
#content .topnav ul {float:left; list-style-type:none;}
#content .topnav ul li {float:left; display:inline; text-transform:uppercase; margin-right:1px;}
#content .topnav ul li a {color:#fff; float:left; line-height:43px; padding:0 20px;}
#content .topnav ul li a:hover {background:#03227B;}
#content .topnav ul li.active {background:#03227B;}
#content .header {float:left; margin:10px 0 0 0; padding:0px;}
#content .header img {padding:0px; margin:0px; float:left;}

#bodycontent {float:left; width:980px;}
#bodycontent .content {float:left; width:980px;}
#bodycontent .leftnav {float:left; width:238px; margin:0 22px 0 0;}
#bodycontent .leftnav ul {float:left; list-style-type:none; font-size:18px;}
#bodycontent .leftnav ul li {display:block; margin:0 0 2px 0; float:left;}
#bodycontent .leftnav ul li a {float:left; background:url(../images/leftnav-bg.png) no-repeat; width:238px; height:39px; line-height:37px; color:#fff; padding-left:8px;}
#bodycontent .leftnav ul li a:hover {background:url(../images/leftnav-bg-over.png) no-repeat;}
#bodycontent .leftnav ul li.active a {background:url(../images/leftnav-bg-over.png) no-repeat;} 
#bodycontent .rightside {float:left; width:720px;}
#bodycontent .rightside ul {list-style-type:none; margin:10px 0px;}
#bodycontent .rightside ul li {display:block; padding:0 0px 3px 15px; background:url(../images/bullet-arrow.jpg) no-repeat 0px 6px;}
#bodycontent .form {float:left; width:100%; padding:0px; margin:0px;}
#bodycontent .form ul {float:left; list-style-type:none; margin:0px;}
#bodycontent .form ul li {float:left; display:block; padding: 0 0 5px 0; background:none; width:100%;}
#bodycontent .form ul li input {border:1px solid #ccc; padding:4px; background:#fff; width:400px;}
#bodycontent .form ul li textarea {border:1px solid #ccc; padding:4px; background:#fff; width:400px; height:80px;}
#bodycontent .button {float:left; width:100%; margin:0px; padding:0px;}
#bodycontent .button input {background:#000; border:none; padding:5px 10px; color:#fff; font-size:18px; cursor:pointer;}
#bodycontent .codeleft {float:left; width:340px; margin-right:20px;}
#bodycontent .coderight {text-align:center; float:left; width:360px;}


#bodycontent .contentbottom {float:left; width:980px; margin:20px 0px 15px 0px; font-size:14px;}
#bodycontent .contentbottom ul {float:left; list-style-type:none;}
#bodycontent .contentbottom ul li {display:inline; float:left; margin-right:25px; background:#E5E5E5; width:300px; padding:5px 5px 0px 5px; height:300px;}
#bodycontent .contentbottom ul li.last {float:left; margin-right:0px;}
#bodycontent .contentbottom ul li img {float:left; margin-bottom:5px;}

#footer {width:100%; background:url(../images/footer-bg.jpg); float:left; height:100px; font-size:12px; margin-top:20px; font-family:arial;}
#footer .footerlink {float:left; text-align:center; width:980px; color:#fff; padding:20px 0px;}
#footer .footerlink a {color:#fff; text-decoration:underline;}
#footer .footerlink a:hover {color:#ccc;}
#footer .social {float:left; width:100%; text-align:center; padding:5px 0px 10px 0px;}
#footer .social ul {list-style-type:none;}
#footer .social ul li {padding:0 5px; display:inline;}
#footer .copyright {width:100%; float:left; text-align:center; color:#ccc;}
#footer .copyright p {color:#B3B3B3; margin:0px; padding:10px 0 0 0; font-size:13px;}
#footer .copyright ul {padding:0px; margin:10px 0 0 0; width:100%; text-align:center; float:left;}
#footer .copyright ul li {list-style-type:none; display:inline-block; margin:0px 4px; line-height:24px; vertical-align:text-top;}