body, html{margin: 0; padding: 0;}

        body {
            background-image: url(../images/bg.jpg);
            background-attachment: fixed;
            background-position: left bottom;
            background-color: #f9f9f9;
            background-repeat: no-repeat;
            padding-bottom: 40px;
            
        }
        .thumbContainer {float: left; width: 300px; margin: 15px 4px 15px 2px; }
        .thumbContainer .image{border: 1px solid white;}
        .focusArea {float: left; width: 700px; margin: 19px 3px 45px 0px; height: 700px; font: 14px normal Helvetica, sans-serif; line-height: 18px;}
        .focusArea .image {width: 100%; border: 1px solid #dddddd; display: block; margin: 0 auto;}
        .images {margin: 5px 5px 0 0; padding-bottom: 40px; padding-top: 7px; height: auto; clear: both; border-top: 3px solid black; width: 200px; float: right; height: 400px; overflow: auto; padding-right: 8px;}
        .images img {width: 100%; }
        .images .thumbnail {height: 45px; overflow: hidden; float: right; width: 45px; margin-left: 8px; margin-bottom: 8px; border: 1px solid white; border: 1px solid white; }
        a img {border: none;}

        .focusArea .title {font-size: 18px; font-weight: bold; margin: 5px 0 0px 0px; width: 100%; padding: 0 10px;}
        .focusArea .title a {color: white;}
        .focusArea .title a:hover {color: yellow;}
        .focusArea .info {padding:0 10px; line-height: 18px;}
        .focusArea .info a {color: orange;}
        .thumbContainer div.main_thumbnail {width: 60px; border: 1px solid #eeeeee; background-color: white; margin: 3px; height: 60px; float: right; overflow: hidden;}
        .thumbContainer div.main_thumbnail .image {height: 60px; }
        .focusThumb {}
        .imgDL {margin-left: 60px; color: #ddd;}
        .overlayTrigger {height: 700px; overflow: hidden;}
        .imageOverlay {
            position: relative;
            top: -30px;
            overflow: hidden;
            height: 28px;
            background-image: url(../images/imageOverlay.png);
            color: #ffffff;
            
            }
        #loading{position: fixed; top: 0px; left: 0; background-color: white; width: 100%; font: 12px normal sans-serif; border-bottom: 1px solid #eeeeee; padding: 8px; text-align: center;}
        #wrapper {width: 1024px; margin: 0 auto;}
        
        #menu {position: fixed; width: 100%;  top: 100%;}
        #menu div#menuContent {border-top: 1px solid #999999; background-color: #dddddd; position: relative; top: -24px;height: 24px; padding-top: 2px;}
        #menu ul {margin: 0 auto; display: block; text-align: center; list-style-type: none; padding: 0;}
        #menu ul li {display: inline; padding: 5px 0; font-size: 12px; color: #666666; font-family: Helvetica, Arial, sans-serif;}
        
        #menu ul li a {color: #666666; text-decoration: none; padding: 5px 8px;}
        #menu ul li:hover a {color: #ffffff; background-color: #666666;}

        
        #menu ul li ul {visibility: hidden; display: block; position: absolute; width: 100%; margin: 1px 0px 0 0; padding: 0; color: #ffffff; background-color: #666666;}
        #menu ul li:hover ul {visibility: visible; padding: 5px 0}
        #menu ul li ul li a{color: #ffffff;}
        
        #menu ul li ul li a:hover{color: #666666; background-color: #ffffff;}