/* SITE SPECIFIC LAYOUT */

* {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    font-size: 80%;
    font-family: Arial, sans-serif;
    background: transparent url(../images/bkg.gif) repeat top left;
}

img {
    border: none;
}

#page {
    text-align: left;
    clear: both;
    margin: 0.5em auto;
    width: 1024px;
    background: none;
}

#language {
    float: left;
    width: 100%;
    clear: both;
    background: #DED9CA;
    color: white;
    border-bottom: 1px solid #CAC7B4;
    border-right: 1px solid #d1d1c0;
}

#header {
    clear: both;
    width: 100%;
    height: 40px;
    padding: 0;
    margin-bottom: -2px;
    border-left: 1px solid #d1d1c0;
    border-top: 1px solid #6F7271;
    background: #E77918;
    font-family: Times New Roman, serif;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

#menu {
    float: left;
    clear: both;
    width: 100%;
    padding: 0;
}

.menu-info-text {
    margin: 10px 0 0 15px;
}

#menu-text {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    height: 1.7em;
    background: url(../images/menu-text-bkg.png) repeat-x top left;
    border-left: 1px solid #d1d1c0;
    border-top: 1px solid #6F7271;
    border-bottom: 1px solid #6F7271;
}

#menu-info-left {
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
    width: 74%;
    height: 40px;
    background-color: #DDDBCF;
    color: #A7A283;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 110%;
    border-bottom: 1px solid #A7A283;
}

#menu-info-right {
    margin: 0;
    padding: 0;
    float: left;
    width: 26%;
    height: 40px;
    background-color: #F0EFEA;
    color: black;
    font-family: Verdana, sans-serif;
    font-size: 80%;
    border-bottom: 1px solid #A7A283;
}

#content {
    width: 100%;
    padding: 0 2px 0 0;
    margin: 0;
    clear: both;
    overflow: hidden;
}

#content-pane {
    width: 75%;
    padding: 0 2px 0 0;
    margin: 1em 0 0;
    float: left;
    overflow: hidden;
}

#content-nav {
    width: 24%;
    padding: 0;
    margin: 1em 0 0;
    float: right;
    display: inline;
    vertical-align: top;
    font-family: Tahoma, sans-serif;
}

#nav-top {
    padding: 0;
    margin: 0;
}

#nav-bottom {
    padding: 0;
    margin: 0;
}

#advertisement {
    padding: 0;
    margin: 10px 0;
    float: left;
    clear: both;
    width: 100%;
}

#footer {
    clear: both;
    padding: 8px;
    background-color: #E77918;
    font-size: 90%;
    text-align: center;
    color: #FCEADB;
}

/* language menu */

#language ul {
    list-style: none;
}

#language li {
    float: right;
    margin: 0;
    padding: 0;
    background-image: none;
    line-height: normal;
    text-indent: 0;
}

#language a, #language strong {
    display: block;
    padding: 4px 10px 4px;
    color: #6F7271;
    font-family: Arial, sans-serif;
    font-size: 85%;
    text-decoration: none;
}

/* Following rule allows entire region of link to to be
clickable in IE/Win. Holly Hack explained here:
http://www.positioniseverything.net/explorer/escape-floats.html */
* html #language a {
    width: 1%;
}

#language #lcurrent strong, #language #lcurrent a {
    background-repeat: no-repeat;
}

#language a:hover, #language #lcurrent a:hover strong, #language #lcurrent strong {
    color: white;
    background-color: #CDC6B2;
}

#language a:hover {
    background-repeat: no-repeat;
}

#language a strong, #language #lcurrent a strong {
    background: none;
    border: none;
}

/* main menu */

#menu ul {
    margin: 0;
    padding: 0 12px;
    list-style: none;
}

#menu li {
    float: left;
    margin: 0;
    padding: 0;
    background-image: none;
    line-height: normal;
    text-indent: 0;
}

/* Following rule allows entire region of link to to be
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #menu a {
    width: 1%;
}

#menu #current strong, #menu #current a {
    background-repeat: no-repeat;
}

#menu a, #menu strong {
    display: block;
    padding: 4px 10px 4px;
    color: #6F7271;
    font-family: Tahoma, sans-serif;
    margin: 0 1px -1px 4px;
    text-decoration: none;
}

#menu a:hover, #menu #current a:hover strong, #menu #current strong {
    color: #6F7271;
    background-color: #D4F3FF;
    border: 1px solid #6F7271;
    margin: -1px 0 -1px 3px;
}

#menu a:hover {
    background-repeat: no-repeat;
    margin: -1px 0 -1px 3px;
}

#menu a strong, #menu #current a strong {
    background: none;
    border: none;
    margin: 0 1px -1px 4px;
}

.hdr-cell1 {
    background: url(../images/logo.jpg) no-repeat top left;
    width: 47px;
    height: 40px;
    float: left;
    cursor: pointer;
}

.hdr-cell2 {
    background: url(../images/header.png) no-repeat top left;
    height: 40px;
    display: inline;
}

.st-title {
    height: 1.5em;
    padding: 0;
    text-align: center;
    line-height: 1.3em;
    background-color: #e77918;
    color: white;
}