/*
GENERAL HTML ELEMENTS 
*********************/

    body {
            font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
            font-size: small;
            line-height: 100%;
            color: #443122;
            background: #000 url(/_ui/images/body_bg.jpg) center top no-repeat fixed;
            padding: 63px 0 40px 0;
            margin: 0;
            }
    
    img {
            border: 0 none;
            margin: 0;
            padding: 0;
            }
    
    a {
            text-decoration: none;
            color: #1f3d74;
            color: #5783d2;
            }
              
    h2 a, strong a, #main-menu li a, dt a, h3 a, #bottom-menu a {
            color: #34435f;
            }
    
    .thumbnail a {
            color: #5783d2;
            }

    a:hover, #main-menu li a:hover {
            color: #5783d2;
            text-decoration: underline;
            }
    
    div, ul, h1, h2, h3, p, dl, dt, dd, h4 {
            margin: 0;
            padding: 0;
            }
    
    h1, h2 {
            font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
            color: #5a412e;
            }

    h3 {
            font-family: Georgia, "Times New Roman", Times, serif;
            font-weight: normal;
            font-style: italic;
            font-size: 150%;
            line-height: 125%;
            padding-bottom: 20px;
            color: #5a412e;
            }

    h4 {
            font-family: Georgia, "Times New Roman", Times, serif;
            font-weight: normal;
            font-style: italic;
            font-size: 133%;
            padding-bottom: 5px;
            padding-top: 15px;
            color: #5a412e;
            }

    h1 em, h2 em {
            font-style: normal;
            color: #926521;
            }
    
    h3 em, h4 em {
            font-style: normal;
            }
    
    p, dl {
            line-height: 150%;
            }
    
    dt {
            color: #5a412e;
            font-weight: bold;
            border-top: 1px solid #e1e1e1;
            margin-top: 8px;
            padding-top: 8px;
            }
    
    p {
            padding-bottom: 10px;
            }

    p strong {
            color: #5a412e;
            }



/* 
HEADER and MAIN MENU 
********************/

    #header {
            width: 960px;
            margin: 0 auto;
            background: white url(/_ui/images/header_bg.gif) no-repeat;
            border-bottom: 1px solid #444;
            }

    .clearer {
            clear: both;
            }           

    #logo {
            float: left;
            position: relative;
            width:350px;
            height:46px;
            left:22px;
            background: white;
            }
            
    #main-menu {
            float: right;
            display: inline;
            width: 315px;
            list-style: none;
            font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
            }
    
    #main-menu.de {
            width: 317px;
            }


    #main-menu li {
            height: 23px;
            float: left;
            padding: 23px 6px 0 6px;
            border-left: 1px dotted #333;
            }
    
/*    #main-menu li:hover {
            background: #fff;
            background-image: none;
            }*/

    #home .home, #portfolio .portfolio, #articles .articles, #faq .faq, #contact .contact {
            background: #f8f8f8;
            background-image: none;
            }
    
    #main-menu li.last {
            height: 25px;
            padding-top: 21px;
            border-right: 1px dotted #333;
            }



/* 
BANNER, SLIDESHOW, HEADLINE
***************************/

    #banner {
            width: 960px;
            margin: 0 auto;
            padding-bottom: 7px;
            background: white url(/_ui/images/banner_shadow.gif) bottom no-repeat;
            }
            
    #banner h2{
            font-size: 220%;
            position: absolute;
            line-height: 150%;
            display: inline;
            }       
    
    #banner .line {
            background: white url(/_ui/images/bannertext_bg.gif);
            padding: 0 5px;
            }
         
    #banner-graphic {
            position:relative;
            width: 960px;
            height: 128px;
            background: url(/_ui/images/bannergraphics/6.jpg);
            border-bottom: 1px solid #555;
            }

    #slideshow {
            position:relative;
            width: 960px;
            height: 320px;
            }
    
    #slideshow IMG {
            position:absolute;
            top:0;
            left:0;
            z-index:8;
            opacity:0.0;
            border-bottom: 1px solid #555;
            }
    
    #slideshow IMG.active {
            z-index:10;
            opacity:1.0;
            }
    
    #slideshow IMG.last-active {z-index:9;}
    
    #headline {
            top: 75px;
            left: 23px;
            z-index: 15;
            }
            
    #slideshow-link {
            top: 250px;
            left: 667px;
            z-index: 16;
            }

    #portfolio #slideshow-link {
            top: 250px;
            left: 23px;
            z-index: 16;
            }



/*
CONTENT LAYOUTS
***************/

    #content {
            width: 960px;
            margin: 0 auto;
            }       
    
    #content h2 {
            color: #926521;
            font-size: 165%;
            padding-bottom: 4px;
            }
            
    .column {
            width: 260px;
            float: left;
            padding: 30px 30px 5px 30px;
    }
    
    #contact .column {
            _width: 255px;
            }
    
    #home .column {
            _width: 251px;
            }
    
    #edge {
            width: 960px;
            height: 22px;
            margin: 0 auto;
            clear: both;
            }
    
    /* Single-Column Layout */
    
        .single-column {
                background: white url(/_ui/images/content3_bg.gif) repeat-y;
                }
        
        .single-column #edge {
                background: url(/_ui/images/content3_edge.gif) bottom no-repeat;
                }
    
    /* Two-Column Layout */
    
        .two-columns {
                background: white url(/_ui/images/content2_bg.gif) repeat-y;
                }
        
        .two-columns #edge {
                background: url(/_ui/images/content2_edge.gif) bottom no-repeat;
                }
        
        .two-columns .first-column {
                width: 580px;
                padding-top: 24px;
                }

        #faq .column {
                float: right;
                }

        #faq .two-columns .first-column {
                float: left;
                padding-top: 14px;
                }

        #portfolio .two-columns .first-column {
                _width: 575px;
                }
                
    /* Three-Column Layout */
    
        .three-columns {
                background: white url(/_ui/images/content3_bg.gif) repeat-y;
                }
        
        .three-columns #edge {
                background: url(/_ui/images/content3_edge.gif) bottom no-repeat;
                }

    /* Portfolio Index */

        #cover {
                width: 960px;
                height: 1px;
                z-index: 20;
                position: relative;
                top: 1px;
                background: #f8f8f8;
                _background: white;
                }
    
        .portfolio-item {
                float: left;
                width: 260px;
                height: 280px;
                margin: 0 30px;
                _margin: 0 25px 0 15px;
                padding: 15px 0;
                border-top: 1px solid #e1e1e1;
                }
        
        .portfolio-item h3 {
                font-size: 141%;
                padding-bottom: 10px;
                }

        .portfolio-item p {
                padding-bottom: 5px;
                }
        
        .ie6-clearer {
                _float: left;
                _width: 250px;
                _height: 1px;
                _margin: 0 25px 0 15px;
                _padding: 15px 0;
                _border-top: none;
                }

        .thumbnail {
                width: 270px;
                height: 155px;
                position: relative;
                left: -5px;
                padding-left: 5px;
                background: url(/_ui/images/image169_shadow.gif) no-repeat;
                }
        
        .thumbnail span {
                display: block;
                width: 105px;
                position: relative;
                top: -35px;
                left: 145px; 
                padding: 0 5px;
                background: black url(/_ui/images/bannertext_bgi.gif);
                }

         .short-info {
                font-size: smaller;
                }
        
    /* Home */

        .testimonial-quote {
                color: #5a412e;
                font-family: Georgia, "Times New Roman", Times, serif;
                padding-top: 8px;
                margin-top: 8px;
                border-top: 1px solid #ccc;
                padding-bottom: 0;
                font-size: 141%;
                font-style: italic;
                }
                
        .testimonial-person {
                font-size: smaller; 
                text-align: right;
                padding-bottom: 8px;
                margin-bottom: 12px;
                border-bottom: 1px solid #ccc;
                }
                
    /* Articles & FAQ & Contact */
                
        .first-column p {
                font-size: 112.5%;
                }
        
        .first-column h4 {
                padding-top: 6px;
                padding-bottom: 6px;
                }

        .first-paragraph {
                margin-top: 8px;
                border-top: 1px solid #e1e1e1;
                padding-top: 8px;
                }

        .list .first-paragraph, #faq .first-column .first-paragraph {
                margin-top: 1px;
                }

        .list h3, #faq h3 {
                color: #926521; 
                padding-bottom: 7px;
                font-weight: bold;
                }

        #faq h3 {
                padding-top: 10px;
                }

        .list p {
                padding-bottom: 25px;
                }
                      
        p.toplink {
                text-align: right;
                }
        
        a.toplink {
                font-size: smaller;
                }

        #portrait {
                position: relative;
                left: -5px;
                float: left;
                margin: 0 5px 0 0;
                }

        #web2 {
                font-size: smaller;
                }
        
        #web2 img {
                padding-top: 12px;
                }

    /* Portfolio Detail */

        .portfolio-detail {
                background: url(/_ui/images/content2_bg.gif) repeat-y;
                }
        
        .portfolio-detail #edge {
                background: url(/_ui/images/content2_edge.gif) bottom no-repeat;
                }
                
        .first-column .thumbnail {
                float: right;
                clear: right;
                margin: 5px 0 15px 25px;
                position: relative;
                left: 5px;
                height: 155px;
                background: url(/_ui/images/image169_shadow.gif) no-repeat;
                }

        .first-column .thumbnail span {
                font-size: 88.75%;
                }

    /* Contact form */      

        textarea, input {
                color: #666;
                width: 246px;
                font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
                border: 1px solid #ccc;
                padding: 5px;
                margin-bottom: 15px;
                }
                
        label {
                display: block;
                font-weight: bold;
                padding-bottom: 5px;
                }
               
        label img {margin-top:5px;}    
                
        .submit-button {
                color: #666;
                width: auto;
                position: relative;
                left: -3px;
                font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
                border: none;
                padding: 5px 0;
                margin-bottom: 15px;
                }

        .addthis_button {
                display: block; 
                margin-top: 8px;
                border-top: 1px solid #e1e1e1;
                padding-top: 24px;
                }

 
/* 
FOOTER 
******/

    #footer {
            width: 960px;
            height: 67px;
            margin: 15px auto;
            background: white url(/_ui/images/footer_bg.gif) no-repeat;
            }

    #footer .column {
            padding: 6px 30px;
            }
            
    #footer dl {
            float: left;
            width: 130px;
            line-height: 125%;
            font-size: 82.5%;
            }
            
    #footer dt {
            border: none;
            padding: 0;
            margin: 0;
            }
            
    .academic-title {
            font-size: smaller;
            }
        
    #footer .button {
            float: left;
            width: 260px;
            margin: 0;
            padding: 20px 0px 0px 27px;
            }
           
/* 
BOTTOM MENU 
***********/

    #bottom-menu {
            width: 960px;
            margin: 0 auto;
            font-size: smaller;
            text-align: center;
            color: #666;
            }