*{margin: 0; padding: 0; outline: 0;}

html,body {
    height:100%; /* needed for container min-height */
}

body{
    padding-top: 25px; 
    background: #fff url('../images/interface/background.png') repeat-x;
    font: normal normal normal 9.5pt/100% 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    color: #444;
}

p, h1, h2, h3{
    line-height: 160%;
    margin-bottom: 15px;
}

h1{
    font: normal normal bold 16pt/100% 'Trebuchet MS', 'Helvetica', sans-serif;
    color: #009999;
    margin-left: 50px;
}

img{border: 0;}

a{
    text-decoration: none;
    color: inherit;
}

hr{height: .1em; border: 0; background: #eee; margin: 40px 0;}

blockquote{padding: 20px 0 40px 40px;}

.clear{
    clear: both;
    height: .1em;
    overflow: hidden;
}

.center{
    text-align: center;
}

.left{
    float: left;
    text-align: left;
}
.right{
    float: right;  
}

.inline{display: inline;}
.note{padding: 0 10px; font-style: italic; font-size: 8pt;}

div#container {
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width:802px;
    background: #fff url('../images/interface/content_background.png') repeat-y top center;
    
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/

    min-height:100%; /* real browsers */
}

div#header {
    height: 91px;
    background: url('../images/interface/header_background.png') no-repeat top center;
}
    #logo{
        float: right;
        margin: 15px 10px 0 10px;
    }
    #page-title{
        position: absolute;
        margin: 35px 0 0 15px;
    }

div#content {
    padding-bottom: 20px;
}

    div#divider{
        height: 2px;
        background: url('../images/interface/content_divider_background.png') repeat-x;
        margin: 0 1px;
    }

div#footer {
    position:absolute;
    width: 100%;
    bottom: 0; /* stick to bottom */
    padding: 0 20px;
    font-size: 80%;
}

/* mini navigation */
div#mini-navigation-display{
    position: relative;
    top: 49px;
    float: right;
    text-align: center;
    width: 352px;
    height: 26px;
    background: url('../images/interface/mini_navigation_background.png') no-repeat top center;
}
ul#mini-navigation{
    list-style: none;
    font: normal normal normal 12px/160% 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    color: #666;
    margin: 0 auto;
    margin-left: 24px;
    white-space: nowrap;
    
}

ul#mini-navigation li{
    float: left;
    text-align: center;
    padding: 4px 12px 1px 12px;
}

ul#mini-navigation a:link, ul#mini-navigation a:visited{color: #666;}
ul#mini-navigation a:hover{color: #337b99;}

/* navigation */
div#navigation-display{
    position: relative;
    margin-top: -1px;
}
ul#navigation{
    list-style: none;
    display: block;
    margin: 0 auto;
    width: 633px;
    
    background: url('../images/interface/navigation_background.png') repeat-x;
    font: normal normal normal 9pt/180% 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    color: #337b99;
}
ul#navigation li.column{
    width: 210px;
    height: 125px;
    float: left;
    padding: 5px 0; 
    border-left: 1px solid #fff;

}
ul#navigation li.column ul{
    list-style: none;
}

ul#navigation li.column ul li a{
    display: block;
    padding: 0 10px;
}

ul#navigation a:link, ul#navigation a:visited{color: #337b99;}
ul#navigation a:hover{color: #111; background-color: #e5f7f7;}

/* text surround */

.text-body{
    background: #fff url('../images/interface/text_body_background.png') no-repeat top right;
    margin: 10px 30px;
    text-align: justify;
}
    .text-body a{
        color: #009999;
    }
    .text-body h1{
        margin-left: 0;
        font: normal normal bold 14pt/100% 'Trebuchet MS', 'Helvetica', sans-serif;
        color: #009999;
    }
    
    .text-body h2{
        font: normal normal bold 13pt/100% 'Trebuchet MS', 'Helvetica', sans-serif;
        color: #999;
        padding-top: 20px;
    }
    
    .text-body h3{
        font: normal normal bold 12pt/100% 'Trebuchet MS', 'Helvetica', sans-serif;
        color: #333;
    }
    
        .text-body h1 span{
            font-style: italic;
            color: #ffcc33;
        }
    .text-body ul, .text-body ol{
        margin: 0 30px 20px 30px;
    }
    
    .text-body ul li, .text-body ol li{line-height: 160%;}
    
    .text-body-span{
        display: block;
        background: #fff url('../images/interface/text_body_background_span.png') no-repeat top left;
        padding: 30px 0 30px 30px;  
        margin-right: 30px;
    }
    
/* tables */
table.datasheet{
    margin: 0 auto;
    width: 500px;
    padding: 20px;
    border: 1px solid #ddd;
}

table.datasheet th, table.datasheet td{
    text-align: center; 
    font: inherit;
    font-size: 8pt;
    padding: 4px 5px;
}

table.datasheet th{
    font-weight: bold;
}

table.datasheet td p{
    line-height: 100%;
    padding: 0;
    margin: 0;
}

table.datasheet tr.odd{
    background: #f5f5f5;
}

/* table of contents */
div.table-content-display{
    float: right;
    border: 1px solid #009999;
    padding: 10px 20px;
    margin-left: 20px;
}

ul.table-content{
    font-size: 90%;
    margin: 0;
    margin-left: 10px;
    color: #009999;
}