@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0;}

body{margin:0px; padding:0px; background:#003366; font-family:Tahoma, Geneva, sans-serif; line-height:21px; font-size:12px;}

#container{width:980px; margin:0px auto; background:#fff; height:auto;}

#header{width:980px; height:100px; background:url(../images/header_bg.jpg) top center repeat-x;}

#logo{ margin:19px 0 6px 12px; float:left;}

#header .right{float:right; width:225px;}

#top_nav{float:right; margin-right:10px;}

#title{float:right; margin:30px 10px 0 0; height:20px;}

#content{width:960px; overflow:auto; padding:10px;}

#left{width:220px; padding:10px; height:auto; background:#e1f4fd; border:1px solid #66ccff; float:left;}

#right{width:708px; height:auto; border:1px solid #66ccff; float:right; background:url(../images/right_top.jpg) top center no-repeat; border-top:0; padding-top:12px;}

h1{font-size:18px; color:#0066cc; text-align:left;}

#footer{width:100%; margin:5px auto;}

#footer .wrap{width:980px; font-size:11px; color:#fff; margin:0px auto;}

/* New Tab*/

#tabMenu {margin:0;padding:0 0 0 0px;list-style:none; width:610px; height:30px;}
#tabMenu li {float:left;height:30px;cursor:pointer;cursor:hand; margin-left:5px;}

li.demo {background:url(../images/demo_bg.jpg) no-repeat 0 -30px; width:51px;}
li.code {background:url(../images/xml_bg.jpg) no-repeat 0 -30px; width:75px;}
li.html {background:url(../images/html_bg.jpg) no-repeat 0 -30px; width:90px;}

li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -30px;}
li.selected {background-position:0 0;}

.box {width:99%;}
.boxTop {background:url(images/boxTop.gif) no-repeat;height:11px;clear:both}
*html .boxTop {margin-bottom:-2px;}
.boxBody {float:left; padding-left:10px; width:698px; margin-bottom:15px; padding-top:10px;}
.boxBottom {background:url(images/boxBottom.gif) no-repeat;height:11px;}

.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody #category a {display:block;}

.boxBody span{text-align:center; font-size:11px; width:90%; margin:0px auto 15px auto;  display:block;}

.boxBody img{margin:0px auto; display:block;}

#accordion{width:100%; }

#accordion ul.sidemenu, ul.sidemenu ul { list-style-type:none; margin: 0; padding: 0; width: 100%;}

#accordion ul.sidemenu a { display: block; text-decoration: none; height:32px;	}

#accordion ul.sidemenu li { margin-top:0px;}

#accordion ul li ul {background:#a6c723; padding:5px 0; }

#accordion ul.sidemenu li a, ul.sidemenu ul.sidemenu li a {background:url(../images/accordion_bg.jpg) top center no-repeat; color: #fff; padding: 8px 0 0 15px ; font-size:14px; font-weight:bold;}

#accordion ul.sidemenu li a:hover, ul.sidemenu ul.sidemenu li a:hover { background:url(../images/accordion_bg.jpg) bottom center no-repeat;}

#accordion ul.sidemenu li ul li a, ul.sidemenu ul.sidemenu li ul li a { background: #a6c723; color: #000; padding-left: 10px; font-size:11px; width:200px; margin-left:5px; line-height:18px; height:auto; min-height:25px;  padding-top:5px; font-weight:normal;}

#accordion ul.sidemenu li ul li a:hover, ul.sidemenu ul.sidemenu li ul li a:hover  { background: #fff; border-left: 2px #006600 solid; padding-left: 8px; width:200px; margin-left:5px;  line-height:18px; height:auto; padding-top:5px;}
  
#accordion ul.menu ul.sidemenu li a:hover { border-left: 0; padding-left: 10px;	}

#accordion ul.menu ul.sidemenu {border-left: 5px #f00 solid;}

#accordion ul.sidemenu a.active, ul.sidemenu ul.sidemenu li a.active, ul.sidemenu a.active:hover, ul.sidemenu ul.sidemenu li a.active:hover {text-decoration: none; background:url(../images/accordion_bg.jpg) bottom center no-repeat; font-weight:bold;}

#accordion ul.sidemenu li a.act { background: #fff; border-left: 2px #006600 solid; padding-left: 8px; width:200px; margin-left:5px;  line-height:18px; height:auto; padding-top:5px;}