@import "coex_default_v1.css";

@import "main-content.css";

.page {
    width: 100%;
    background: #d4d4d4 url('page_bg.png') top left repeat-y;
}

.top {
    background: #000000 url('header.png') top left no-repeat;
    width: 100%;
    height: 120px;
}

.logo {
    display: block;
    width: 930px;
    height: 120px;
}

.top-line {
    background: #334c00 url('top_line.png') top left repeat-y;
    width: 100%;
    height: 6px;
}

.top-menu {
    background: #000000;
    font-size: 18px;
    width: 100%;
    height: 46px;
}

.top-menu ul {
    padding: 15px 0 0 0;
    font-weight: 400;
}

.top-menu ul li{
    display: inline;
    padding: 0 0 0 33px;
}
.top-menu ul li a {
    text-decoration: none;
    color: #e6ff00;
}

.top-menu ul .active a {
    color: #d8d8d8;
}

.left-col {
    width: 157px;
    height: 800px;
/*    background: #818181 url('submenu_bg.png') top left repeat-y;*/
    float: left;
}

.left-col ul {
    padding: 22px 0 0 33px;
    font-weight: 400;
    margin: 0;
}

.left-col ul li {
    padding: 0 0 5px 0;
}

.left-col ul ul {
    padding: 0 0 0 10px;
    font-weight: 400;
}

.left-col ul ul .last {
    padding: 0 0 0 0;
}

.left-col ul li a {
    text-decoration: none;
    color: #eeeeee;
}

.left-col ul .active a{
    color: #b4ff00;
}

.left-col ul .active ul a{
    color: #eeeeee;
}

.left-col ul ul{
    display: none;
    visibility: hidden;
}

.left-col ul .active ul{
    display: block;
    visibility: visible;
}


.left-col ul ul .active a{
    color: #b4ff00;
}

.left-col h2 {
    color: #b4ff00;
    background: none;
    font-size: 14px;
    padding: 20px 0 10px 10px;
    margin: 0;
    height: auto;
}

.left-col p {
    padding: 10px;
}

.left-col p, .left-col strong, .left-col b {
    color: #eeeeee;
}


.right-col {
    width: 793px;
    float: left;
}

.content {
    padding: 0 0 0 30px;
}

.breadcrumbs {
    font-size: 9px;
    padding: 10px 0 10px 30px;
}