body { 
        background:black; 
    }

    #home_page_container { 
        margin-top:0px;
        margin-bottom:0px;
        margin-left: auto; 
        margin-right: auto; 
        width:770px; 
        text-align:left; 
        background:#475870;
    }

        #home_left_col {
            float:left; 
            background:#3a4664;
        }

        #home_middle_col {
            float:left;
        }

            #home_middle_col    #nav {
                font:8pt verdana;
                height:16px;
                width:438px;
                padding-top:2px; 
                background-image:url(/images/home_nav_back.jpg);
                background-repeat:no-repeat;
                overflow:hidden;
            }
            #home_middle_col    #nav a {
                text-decoration:none;
                color:#A4A877;
                padding-left:7px;
                padding-right:7px;
            }
            #home_middle_col    #nav a:hover {
                color:#D0D87B;
            }
            #home_middle_col    #nav a.active {
                color:#565C2F;
            }
            #home_middle_col    #nav a.visited {
                color:#3A4664;
            }
        
            #home_content_wrap {
                float:left; 
                background:url(/images/home_bg.jpg) no-repeat; 
                height:339px; 
                width:438px;
                color:#cccccc;
            }

            #home_content {
                font:8pt verdana; 
                line-height:150%; 
                margin-top:0px;
            }

        #home_right_col {
            float:left; 
            width:182px;
        }

    #copyright { 
        clear:both;
        font-family:trebuchet;
        font-size:7pt;
        color:#998866;
        padding-top:18px;
        margin-left: auto; 
        margin-right: auto; 
        width:770px; 
        text-align:center; 
        background:black;
    }

    #page_container { 
        margin-top:0px;
        margin-bottom:0px;
        margin-left: auto; 
        margin-right: auto; 
        width:770px; 
        text-align:left; 
        background:#656e85;
    }

    #left_col {
        float:left;
    }
        #left_col #horiz_stripe {
            margin-top:0px;
            margin-bottom:0px;
            padding-top:0px;
            padding-bottom:0px;
            width:100px;
            height:1px;
            background:#909855;
            overflow:hidden; /* This is for the benefit of the wonderful IE6 browser. */
        }

    #right_col {
        background-image:url(/images/int_bg.jpg);
        background-repeat:repeat-y;
        float:left;
    }

        #page_header {
            width:670px;
            height:100px;
        }

            #page_header #nav {
                float:left;
                font:8pt verdana;
                height:18px;
                width:336px;
                background-image:url(/images/nav_back.jpg);
                background-repeat:no-repeat;
                overflow:hidden;
            }
            #page_header #nav a {
                text-decoration:none;
                color:#A4A877;
                padding-left:7px;
                padding-right:7px;
            }
            #page_header #nav a:hover {
                color:#D0D87B;
            }
            #page_header #nav a.active {
                color:#565C2F;
            }
            #page_header #nav a.visited {
                color:#3A4664;
            }
    
            #page_header #homelink {
                height:18px;
                float:left;
                overflow:hidden;
            }
    
            #page_header #topdecor {
            }
    
            #page_header #content_header {
                float:left; 
                width:470px; 
                height:25px; 
                background:white;
                overflow:hidden;
            }

        #right_col #content-wrap {
            min-height:350px;
        }

        #right_col #content {
            margin:auto; 
            width:570px; 
            background:white url(/images/int_watermark.jpg) no-repeat;
            color:#656e85; 
            font:8pt verdana;
            line-height:150%;
        }
    
    #page_footer {
      background:url(/images/bottom_bg.jpg);
    }


    a {
        text-decoration:none;
        color:#A4A877;
    }
    a:hover {
        color:#D0D87B;
    }
    a.active {
        color:#565C2F;
    }
    a.visited {
        color:#3A4664;
    }

    h1 {
        font-family:arial, helvetica;
        font-size:12pt;;
        color:#9c9ccd;
    }
    h2 {
        font-family:arial, helvetica;
        font-size:10pt;;
        color:#616639;
    }

/* For code samples page */

    #exhibits {
    }

        #exhibits tr {
            vertical-align:top;
        }

        #exhibits tr:hover {
            cursor:pointer;
        }

            #exhibits td:first-child {
                color:#ff9900;
                font-weight:bold;
                width:100px;
            }

    #descriptions {
        float:right;
        width:220px;
    }
    #descriptions .desc {
        display:none;
        border:1px solid gray;
        width:100%;
        background:#ffffdd;
        color:#999966;
        font:8pt verdana;
        padding:3px;
    }

/* For book notes pages */

    .javascript_code {
        font-family:courier;
        font-size:8pt;
        white-space:pre-wrap;
        padding:3px;
        border:1px #ccc solid;
    }

    .javascript_inline {
        font-family:courier;
        font-size:8pt;
    }