html,
body {
        margin:0;
        padding:0;
        height:100%;
        background-color: white;
        text-align: left;
}

body {
        font: 80%/150% tahoma, sans-serif;
        color: #555;
}

/* ======== HEADER ======== */

#header {
        height:50px;
        border-bottom: black solid 1px;
        padding-left:20px;
}

.header-table {
        width: 100%;
        position: relative;
        top: 27px;
}

noindex:-o-prefocus, .header-table {
        top:24px;
}

.header-table .right{
        float:right;
}

.header-table td {
        vertical-align: bottom;
}

#header h1{
        font-size:26px;
        font-weight:bold;
        margin:0px;
        padding:0px;
}

.menu {
        border:none;
        border:0px;
        margin:0px;
        padding:0px;
        position:relative;
        top: 5px;
        /*padding-right: 20px;*/
}

.menu .separator {
        padding: 0px 5px 0px 5px;
}

.menu ul{
        list-style:none;
        margin:0;
        padding:0;
}

.menu .mainlevel:hover {
        text-decoration:none;
        border-bottom: 2px solid black;
        color:black;
        font-weight:bold;
}

.menu li{
        float:left;
        padding:0px;
        margin:0px;
}
.menu li a{
        color:#666666;
        font-weight:bold;
        text-align:center;
        text-decoration:none;
}
.menu li a:hover{
        color:#000000;
        text-decoration:none;
}

.menu li .submenu {
        position:absolute;
}

.menu li ul{
        /*border-left:2px solid #0079b2;
        border-right:2px solid #0079b2;
        border-bottom:2px solid #0079b2;*/
        display:none;
        height:auto;
        filter:alpha(opacity=100);
        opacity:1;
        z-index:200;
        font-size: 12px;

        text-align: right;
        position:relative;
        left:-100px;
        top:-2px;
        box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 5px 3px 20px rgba(0, 0, 0, 0.35);

        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 10px;
}
.menu li:hover ul{
        display:block;
}
.menu li li {
        background:#e0e0e0;
        display:block;
        float:none;
        width:155px;

}

.menu li ul a{
        display:block;
        padding:0px 10px 0px 15px;
        text-align:right;
}

.menu li ul .text{
        display:block;
        padding:0px 10px 0px 15px;
        text-align:right;
}


.menu li ul a:hover{
        background:#949494;
        color:#000000;
        opacity:1.0;
        filter:alpha(opacity=100);
}
.menu p{
        clear:left;
}
.menu #current{
        /*color:;*/
}


/* ======== MIDDLE ======== */

#middle {
        padding:0px;
        padding-left:20px;
        padding-bottom:80px;   /* Height of the footer */
}

/* ======== FOOTER ======== */

#footer {
        position:absolute;
        bottom:0;
        width:100%;
        height:80px;   /* Height of the footer */
        background: #F6F6F6;
        border-top: 1px solid #D6D6D6;
}

#footer .content{
        width: 100%;
        margin-top:20px;
        padding:0px;
        text-align:center;
}

#footer div { margin-top: 13px; padding: 0 0 0 5px; text-align: center; word-spacing: 1px; }
#footer a { color: #555; }

.footer-content {

}

#container {
        min-height:100%;
        position: relative;
}

.content {
        min-width: 750px;
        max-width: 1000px;
        padding-right: 40px;
}

.center {
        margin-left:auto;
        margin-right:auto;
}

.strip {
        width: 100%;
        height: 18px;
        padding:0;
        margin-bottom: 10px;
}

.strip a {
        color:#336699;
        text-decoration:none;
}
.strip a:hover {
        color:#336699;
        text-decoration: underline;
}

.quote {
        font-weight: bold;
        font-size: 11px;
}


a {
        text-decoration:none;
        color:#6A6A6A;
        font-weight:bold;
}

a:hover{
        text-decoration:underline;
        /*color:#4C4C4C;*/
        color:black;
        font-weight:bold;
}

.flash {
        display: block;
        padding: 0.5em;
        margin: 0.5em;
}

.flash.info {
        background-color: #729fcf;
        border: 1px solid #204a87;
        color: #000000;
}

.flash.success {
        background-color: #8ae234;
        border: 1px solid #4e9a06;
        color: #000000;
}

.flash.error {
        background-color: #ef2929;
        border: 1px solid #a40000;
        color: #ffffff;
}


/* Navigation button */

#suggestPost
{
        background:transparent url(../images/navigation-button.png) no-repeat scroll -41px 0px;
        height:170px;
        right:0;
        position:fixed;
        top:150px;
        width:37px;
        z-index: 1;
        cursor: pointer;
        color: white;
        font-size: 15px;
        font-weight: bold;
}

div#suggestPost:hover
{
        background-position:0px 0px;
}
#suggestPost a
{
        display:block;
        height:170px;
        width:40px;
}

#sideTree {
        padding-left: 10px;
        position:absolute;
        width: 400px;
        height: 0px;
        right:0px;
        top:51px;
        border-left: 1px solid #D6D6D6;
        background-color: #F6F6F6;
        z-index: 2;
}

#sideTree .tree-navigation {
        padding: 5px;
        padding-left: 17px;
        margin-right: 20px;
        padding-top: 15px;
}

#sideTree .close {
        font-weight: bold;
        font-size: 12px;
        position: absolute;
        right: 25px;
        top: 15px;
}

#sideTree .body {
        overflow: auto;
        height: 100%;
}

.tree-navigation {
        padding:0px;
        margin: 0px;
}

.no-wrap {
        white-space:nowrap;
}