/*  body and font definitions */
html {
    padding: 0px;
    margin: 0px;
    height: 100%;
}

body {
    font-family: "Open Sand", Tahoma, Arial, SunSans-Regular, Sans-Serif;
    color: #333333;
    padding: 0px;
    margin: 0px;
    height: 100%;
}

h2, pre {
    margin: 0px;
    padding: 5px 20px 5px 20px;
}

a {
    color: #00489E;
    font-size: 11px;
    background-color: transparent;
    text-decoration: none;
}

pre {
    color: #564b47;
    font-size: 11px;
    background-color: transparent;
    font-family: Courier, Monaco, Monospace;
}

.alignright {
    margin-top: 0;
    text-align: right;
    font-size: 10px;
}

h2 {
    font-size: 14px;
    padding-top: 10px;
    color: #564b47;
    background-color: transparent;
}

strong {
    font-size: 13px;
}

/*  3 column positioning-layers static and absolute */
#left {
    position: absolute;
    left: 0px;
    width: 280px;
    margin: 10px 0 0 0;
    padding: 0 0 0 5px;
}

#content {
    margin: 20px 270px 20px 10px;
    padding: 0 0 5em; /* bottom padding for footer */
}

#right {
    position: absolute;
    right: 0px;
    width: 247px;
    margin: 10px 5px 0 0;
    padding: 0px;
}

/*  4 column positioning-layers static and absolute */

#pagetitle {
    padding-top: 0px;
    padding-bottom: 5px;
    background-color: #4BBF6B;
    color: #FFF;
}


a.page-title {
    color: #FFF;
}


#leftcontent {
    width: 100%;
}

#centercontent {
    width: 100%;
}

#rightcontent {
    width: 100%;
}

/*  2 column positioning-layers static and absolute */
#menu {
    position: absolute;
    left: 0px;
    width: 150px;
    margin: 0px;
    padding: 0px 0 0 7px;
}

#contentcolumn {
    margin: 0px 0px 0px 200px;
    padding: 0 0 5em; /* bottom padding for footer */
}

/* full width */
#fullcontentcolumn {
    padding: 0 0 20px; /* bottom padding for footer */
    margin: 5px 10px 0 10px;
}


div#container {
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    /*background:#f0f0f0;*/
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
}

div#footer {
    border-top: 1px solid #CCCCCC;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 90%;
}

    div#footer p {
        font-size: 90%;
        padding-bottom: 4px;
    }

        div#footer p a {
            font-size: 90%;
        }