@import url("design.css");
@import url("mainMenu.css");
@import url("ditto.css");

* {
    margin: 0;
    padding: 0;
    border: none;
    z-index: 0;
}

html, body {
    height: 100%;
}

body {
    font-family: Verdana, Tahoma, arial, sans-serif;
    font-size: 8pt;
    background-color: #dadde4;
    color: #3c3b74;
}

a, a:link, a:visited, a:hover {
    color: #3c3b74;
    text-decoration: none;
}

#header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    background-color: #19216a;
    color: #514a7f;
    border-bottom: solid 5px #ffffff;
    z-index: 200;
}

#clearheader {
    height: 118px;
}

#logo-bg {
    position: absolute;
    top: 0px;
    left: 30px;
    height: 100px;
    width: 652px;
    text-align: right;
    background-image: url('images/header.jpg');
    background-repeat: no-repeat;
    background-position: 0px 9px;
    z-index: 300;
}

#logo-bg img {
    vertical-align: top;
    width: 179px;
    height: 100px;
}

#logo-fg, #header-title {
    position: absolute;
    top: 53px;
    left: 0px;
    width: 100%;
    height: 45px;
    background-image: url('images/header-line.gif');
    background-repeat: repeat-x;
    background-position: 0px 1px;
    z-index: 150;
}

#header-title {
    left: 165px;
    color: #ffffff;
    line-height: 39px;
    height: 39px;
    vertical-align: middle;
    background: transparent;
    width: auto;
    z-index: 350;
}

#header-title img {
    vertical-align: middle;
    width: 373px;
    height: 13px;
}

#hyphens {
    position: absolute;
    height: 39px;
    top: 55px;
    left: 600px;
    right: 0px;
    width: auto;
    background-image: url('images/hyphens.gif');
    background-repeat: repeat-x;
    background-position: center left;
    z-index: 400;
}

#header-middle {
    position: absolute;
    top: 0px;
    left: 682px;
    right: 0px;
    height: 100px;
    width: 294px;
    text-align: right;
    background-image: url('images/header-middle.jpg');
    background-repeat: repeat-x;
    background-position: top left;
    z-index: 310;
    overflow: hidden;
}

#header-neon {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100px;
    width: 480px;
    text-align: right;
    background-image: url('images/header-end.gif');
    background-repeat: repeat-x;
    background-position: top right;
    z-index: 200;
    overflow: hidden;
}

#outer {
    min-height: 100%;
    margin-left: 149px;
    margin-right: 150px;
    margin-bottom: -25px;
    background-color: #efeef3;
    border-left: solid 1px #b8bbc8;
    border-right: solid 1px #b8bbc8;
}

#left, #right {
    position: relative;
    width: 150px;
    height: 100%;
}

#left {
    float: left;
    z-index: 100;
    margin-left: -150px;
    background-color: #dadde4;
}

#right {
    float: right;
    z-index: 100;
    margin-right: -151px;
    background-color: #dadde4;
    border-left: solid 1px #b8bbc8;
    padding-top: 10px;
}

#middle {
    width: 100%;
    float: left;
    position: relative;
    z-index: 300;
    margin: 0px -1px;
}


p {
    padding: 2px; 
}

div {
    margin: 0px;
    padding: 0px;
}

#content {
    margin: 5px;
    padding: 5px;
    z-index: 500;
    padding-top: 10px;
}

#clearfooter {
    clear: both;
    height: 35px;
    margin-top: 0px;
}

#footer {
    width: 100%;
    height: 20px;
    line-height: 20px;
    background-color: #19216a;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-top: solid 5px #ffffff;
    clear: both;
}

#counters {
    position: relative;
    top: 10px;
    left: 31px;
    height: 220px;
    width: 88px;
    overflow: hidden;
    z-index: 500;
    text-align: center;
}

/*
* html #outer 
    height: 100%;
}

* html #left 
    margin-right: -3px;
}

* html #right 
    margin-left: -3px;
}
*/


#left .menu {
    background-color: #efeef3;
}

.leftItem, .leftItemActive {
    text-align: center;
    font-family: Verdana, Tahoma, arial, sans-serif;
    font-size: 7pt;
    font-weight: bold;
    color: #534e84;
    text-transform: uppercase;
    padding: 5px 0px 5px 0px;
    list-style-type: none;
    border-right: solid 1px #b8bbc8;
    cursor: hand;
    background-color: #dadde4;
}

.leftItem:hover {
    background-color: #efeef3;
}


.leftItemActive {
    border-right: solid 1px #efeef3;
    background-color: #efeef3;
}

.folder {
    background-color: #efeef3;
}

.subItem, .subItemFirst, .subItemLast, .subItemActive, .subItemActiveFirst, .subItemActiveLast {
    padding: 5px 5px 5px 10px;
    font-family: Verdana, Tahoma, arial, sans-serif;
    font-size: 7pt;
    margin: 0px 5px 0px 5px;
    cursor: hand;
    border-left: solid 5px #b8bbc8;
}

.subItem, .subItemFirst, .subItemLast {
    border-right: solid 1px #b8bbc8;
    background-color: #e7e6e8;
}

.subItem:hover, .subItemActive, .subItemActiveFirst, .subItemActiveLast, .subItemFirst:hover, .subItemLast:hover {
    border-left: solid 5px #19216a;
    border-right: solid 1px #b8bbc8;
}

.subItemActive, .subItemActiveFirst, .subItemActiveLast {
    background-color: #dadde4;
}

.subItemFirst, .subItemActiveFirst {
    border-top: solid 1px #b8bbc8;
}

.subItemLast, .subItemActiveLast {
    border-bottom: solid 1px #b8bbc8;
    margin-bottom: 10px;
}

.leftSeparator {
    height: 1px;
    overflow: hidden;
    background-image: url('images/left-separator.gif');
    background-repeat: no-repeat;
    background-position: top left;
    border-right: solid 1px #b8bbc8;
    margin: 0px;
    padding: 0px;
}

#left .AD {
    padding: 20px 0px 10px 0px;
    border-right: solid 1px #b8bbc8;
    background-color: #dadde4;
    text-align: center;
}

#right .AD {
    padding: 20px 0px 10px 0px;
    border: 0px;
    background-color: #dadde4;
    text-align: center;
}

#left .AD .leftSeparator, #right .AD .rightMenuSeparator {
    margin: 20px 0px 20px 0px;
}

.rightItem {
    text-align: left;
    font-family: Verdana, Tahoma, arial, sans-serif;
    font-size: 7pt;
    color: #534e84;
    list-style-type: none;
    padding-bottom: 10px;
    min-height: 50px;
    height: auto;
}

.rightItem .date {
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
    background-image: url('images/news-date.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

.rightItem .summary {
    padding: 0px 10px 0px 10px;
}

.rightMenuSeparator {
    height: 1px;
    background-image: url('images/right-separator.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
    margin: 0px;
}