html,body{
height:100%;
margin:0px;
padding:0px
}
body{font-family:verdana,arial,tahoma,sans-serif;background:url('images/bg.gif');text-align: justify}
#header{background:url('images/top_bg.gif') top left repeat-x}
#header img{display:block}
#topMenu,#footer{background:#99cccc}
#topMenu td{padding-left:5px;}
#topMenu a{
    display:block;
    padding:2px 2px 2px 6px;
    width:100%;
    font:bold 8pt verdana,arial,tahoma,sans-serif;
    color:#000000;
    text-decoration:none
}
#topMenu a:hover{color:#ffffff;background:#000000}
#topMenu a.active{color: #ff0000}
#layout{width:100%;height:70%;background:#D9E6F0}

#sidebar-left{width:10%;background:#E6F0FB;}
#sidebar-left .title{
    font-size:11px;
    font-weight:normal;
    padding:5px;
    border-style:solid;
    border-width:2px 2px 0px 2px;
    border-color:#CCCCFF
    }
#sidebar-left .title img{margin-right:10px}
#sidebar-left .title a{color:#333333;text-decoration:underline}
#sidebar-left .content{
    background:#ffffff;
    padding:5px;
    border-style:solid;
    border-width:0px 2px 2px 2px;
    border-color:#CCCCFF
    }


#sidebar-right .title{
    background:#99CCCC;
    font-size:10px;
    font-weight:bold;
    padding:5px;
    border-style:solid;
    border-width:1px 2px 1px 2px;
    border-color:#CCCCFF
   }
#sidebar-right .title a{color:#333333;text-decoration:none}
#sidebar-right .content{
    background:#D9F4F2;
    padding:5px;
    border-style:solid;
    border-width:1px 2px 1px 2px;
    border-color:#CCCCFF
  }






.headimg{
    border-style:solid;
    border-width:2px 2px 0px 2px;
    border-color:#CCCCFF
}

.breadcrumb{font-size:10px;margin-top:10px}
.breadcrumb .active{font-weight:bold}
.line{border-top:2px solid #CCCCFF}
#layout #content{background:#F5F9FC;width:80%;padding:5px 10px 10px 10px}
#layout #sidebar-right{width:10%;background:#F5F9FC;}
#layout #content p,ul,td{font-size:12px}
#footer td{font-size:9px;margin:0}

h1{font-size:18px;font-weight:normal;color:#267526;font-family:"Trebuchet MS",Tahoma,verdana,sans-serif}
h2{font-size:12px;background:#66CC66;color:#333333;padding:5px 12px}
h3{font-size:12px}
a{color:#333333}
#layout #content ul{list-style-type:none}
#layout #content li{background-image: url('images/point.gif');background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 20px;margin: 0;}
#layout #content li a{color:#333333}
#bottomMenu{text-align:center;font-size:10px}
#bottomMenu a{color:#666666}
#bottomMenu a.active{font-weight:bold}

.yb{background:#FFFFCC;border:1px solid #003366}

table.menu {width:200px;margin-top:10px}
#menu td div{padding:0px 0px 5px 0px;font-size:11px}
#menu .leaf{margin-left:20px;padding-left:20px;background: url(images/tree-doc.png) top left no-repeat}
#menu .collapsed{padding-left:35px;background: url(images/tree-folder.png) top left no-repeat}
#menu .expanded{padding-left:35px;background: url(images/tree-folder-open.png) top left no-repeat}
#menu td div a{color:#000000;text-decoration:none}
#menu td div a:hover{text-decoration:underline}
#menu td div a.active{text-decoration:underline}