/* CSS Document */
body{margin:0px; padding:0px; font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}

h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, input{padding:0px; margin:0px; font-weight:normal; list-style:none}
.clear{clear:both; font-size:0px; line-height:0px;}


a{color:#2b86ca; text-decoration:none}
a:hover{color:#333333; text-decoration:none}
img {border:0px}
#container{
	margin:0px auto;
	width:760px;
	padding-bottom:10px;
	padding-top:0px;
	background:url(../images/footer.gif) no-repeat bottom;
}
#container2{
	margin:0px auto;
	width:860px;
	padding-bottom:10px;
	padding-top:0px;
	margin-bottom: 100px;
	background:url(../images/footer.gif) no-repeat bottom;
}
#container:after{ content:'.'; font-size:0px; line-height:0px; visibility:hidden; display:block; clear:both; height:0px;}
/* \*/ * html #container{height:1px} /* */

h1{font-size:15px; font-weight:bold; color:#56575A; padding-bottom:11px}
p{font-size:12px; font-weight:normal; color:#56575A; padding-bottom:11px; line-height:18px;}

/*********** Header ***********/ 
#header{background:url(../images/header.gif) no-repeat; width:auto; float:left; width:100%;}
#header a.abc{display:block; width:264px; height:39px; margin:50px 0px 52px 30px;}
#header .navigation{font-family:"Century Gothic", Arial, Verdana; padding:1px 0px 10px 0px; text-align:center}
#header .navigation ul{text-align:center; width:100%}
#header .navigation ul li{ display:inline; font-size:14px; font-weight:bold; color:#568BC9; padding:0px 15px 0px; background:url(../images/nav-seprator.gif) no-repeat right}

/*********** Middle ***********/ 
#middle{width:auto; float:left; width:auto; padding:21px 0px 21px 31px; height:370px;}
#middle .left-menu{width:100px; margin-right:70px; float:left;}
#middle .left-menu ul{ text-align:center}
#middle .left-menu ul li{border:1px solid #568BC9; border-bottom:0px; width:111px; font-size:10px; color:#6390CB; padding:0px 0px; float:left}
#middle .left-menu ul li a{ display:block; padding:2px 0px;}
#middle .left-menu ul li a:hover{ display:block; background:#568BC9; color:#fff}
#middle .left-menu ul li a.selected{ display:block; background:#568BC9; color:#fff}
#middle .middle-content{ float:left;  width:413px;}
#middle .middle-content2{ float:left;  width:513px;}
#middle .box{ background:url(../images/box-top.gif) no-repeat top;}
#middle .box-bottom{ background:url(../images/box-top.gif) no-repeat bottom;}
#middle .box-content{border-left:1px solid #568BC9; border-right:1px solid #568BC9; padding:23px 26px;}
#middle .box-content ul{width:auto; height:inherit}
#middle .box-content ul li{ background:url(../images/line.gif) no-repeat left; padding-left:10px; font-size:12px; margin-left:30px;}
#middle .right{ float:left; padding:265px 0px 0px 75px;}

#middle .box-content ul.dot{width:auto}
#middle .box-content ul.dot li{ background:url(../images/dot.gif) no-repeat left 7px; padding-left:12px; font-size:12px; margin-left:30px;}
#middle .right{ float:left; padding:245px 0px 0px 75px;}

/*********** Footer ***********/ 
#footer{width:auto; float:left; width:100%;}
#footer .footer-links{ margin-left:120px;}
#footer .footer-links a{color:#fff; font-size:10px; text-decoration:underline; float:left; margin-right:10px;}
#footer .footer-links a:hover{color:#000; font-size:10px; text-decoration:underline;}
#footer .allrights{color:#fff; font-size:10px; float:left; padding-left:15px;}