body {
    background: #A8BDC9;
    color: #38557F;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 80%;
    margin: 0;
    padding: 0; }

    body a {
        color: #38557F;
        text-decoration: none; }

    body a:hover {
        text-decoration: underline; }
        
    body div.clear {
        clear: both;
        height: 0;
        margin: 0;
        padding:0; }
        
    body h1 {        
        font-family: Arial, Helvetica, sans-serif;
        font-size: 2em;
        font-weight: bold;
        margin: 0 0 0 0;
        padding: 0 0 0 0; }

        body h1 .caption {
            color: #79A2BE;
            display: block;
            font-size: 0.6em;
            font-style: italic;
            font-weight: bold;
            margin: 5px 0 0 30px; }

    body h2 {
        font-size: 1.4em;
        font-weight: normal;
        margin: 0 0 5px 0;
        padding: 0; }
        
    body h3 {
        font-size: 1.2em;
        font-weight: normal;
        margin: 0 0 5px 0;
        padding: 0; 
        text-decoration: underline; }

    body h4 {
        font-size: 1.2em;
        font-style: italic;
        font-weight: bold;
        margin: 5px 0 0 30px; }
        
    body hr {
        background: #38557F;
        border:0;
        border-top: 1px solid #38557F;
        height: 0;
        margin: 10px 0 10px 0;
        margin-left: auto;
        margin-right: auto;
        width: 50% }
        
    body img  { 
        behavior: url(../css/iepngfix.htc) }

    body blockquote {
        margin: 10px 10px 20px 10px;
        padding: 0; }

        body blockquote .author {
            font-style: italic;
            text-align: right; }
            
    body p {
        color: black;
        line-height: 1.3em; 
        margin: 10px 0 10px 0;
        padding: 0 0 0 0; }
        
        body p img {
            border: 1px solid black;
            margin: 0 5px 5px 5px; }

.gradient-layer-tl {
    background: url(../images/gradient-top-left.jpg) top left no-repeat; 
    height: 100%; }

.gradient-layer-tr {
    background: url(../images/gradient-top-right.jpg) top right no-repeat; 
    height: 100%; }
    
.gradient-layer-bl {
    background: url(../images/gradient-bottom-left.jpg) bottom left no-repeat; 
    height: 100%; }
    
.gradient-layer-br {
    background: url(../images/gradient-bottom-right.jpg) bottom right no-repeat; 
    height: 100%; }
    
.gradient-layer-right {
    background: url(../images/gradient-right.jpg) right repeat-y;
    height: 100%; }
    
.gradient-layer-bottom {
    background: url(../images/gradient-bottom.jpg) bottom repeat-x;
    height: 100%; }
    
.gradient-layer-back {
    background: white url(../images/gradient-back.jpg) bottom repeat-x;
    height: 100%; }

#content {
    margin: auto;
    width: 860px;}

#logo {    
    float: left;
    height: 90px;
    width: 225px; }
    
    #logo .logo-layer-left {
        background: url(../images/logo-top-left.gif) top left no-repeat; 
        height: 100%; }
    
    #logo .logo-layer-right {
        background: url(../images/logo-top-right.gif) top right no-repeat; 
        height: 100%; }
        
    #logo .logo-layer-back {
        background: url(../images/logo-back.gif) top left repeat-x;
        height: 100%; }
        
    #logo .content {
        padding: 22px 0 0 15px; }

#nav {
    float: right;
    height: 90px;
    text-align: right;
    width: 625px; }

    #nav a {
        color: #26373F; }

    #nav ul {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0; }

        #nav ul li {
            background: url(../images/nav-bullet.gif) no-repeat;
            float: left;
            padding: 50px 25px 0 7px; }

#main {
    float: left;
    height: 500px;
    width: 590px; }
    
    #main .gradient-layer-tl {
        background: none; }
    
    #main .content {
        padding: 15px 18px 15px 18px; }
        
    #main .content ul {
        color: black; }

#sidebar {
    background: white;
    float: right;
    height: 500px;
    width: 265px; }
    
    #sidebar .content {
        padding: 15px 18px 15px 18px; }
        
    #sidebar .content ul {        
        list-style: none;
        margin: 10px 0 10px 10px;
        padding: 0; }

        #sidebar .content ul li {            
            margin: 0 0 3px 0; }

#footer {
    color: #26373F; }

#version {
    color: #97ACB8;
    float: right; }