#caption_container {position: absolute; left: 20px; bottom: 110px; width: 200px; padding: 0 0 0 00px; border-width: 0 0 0 0px; border-style: solid; border-color: 000000; display: none; } #content_container {width: 1000px; height: 610px; background-color: #FFFFFF; position: relative; text-align: left; } #controls_container {position: absolute; left: 20px; bottom: 0px; width: 200px; padding: 0 0 0 00px; border-width: 0 0 0 0px; border-style: solid; border-color: 000000; } #controls_container_hub {position: absolute; bottom: 40px; left: 400px; width: 200px; text-align: center; } #details_container {position: absolute; left: 20px; top: 80px; width: 200px; padding: 0 0 0 00px; border-width: 0 0 0 0px; border-style: solid; border-color: 000000; } #extra_container {width: 100%; position: relative; margin: 10 0 0 0px; font-family: "Lucida Grande",Arial,sans; font-size: 10px; padding: 10 0 0 0px; border-width: 1 0 0 0px; border-style: dotted; border-color: #666666; } #footer_branding_container {position: absolute; top: 40px; left: 0px; cursor: pointer; cursor: hand; font-family: "Lucida Grande",Helvetica,Arial,sans; font-size: xx-small; color: #666666; } #footer_container {position: absolute; left: 0px; bottom: -20px; padding: 10 0 0 0px; border-width: 1 0 0 0px; border-style: solid; border-color: #000000; width: 100%; height: 30px; } #footer_logo_container {position: absolute; bottom: 0px; left: 0px; cursor: pointer; cursor: hand; } #footer_menu_container {position: absolute; left: 340px; bottom: 0px; } #gallery_image {border-style: solid; border-width: 0px; border-color: ffffff; position: relative; display: none; } #header_container {position: absolute; left: 0px; top: -20px; width: 100%; padding: 0 0 10 0px; border-width: 0 0 1 0px; border-style: solid; border-color: 000000; } #home_additional_news_container {margin: 10 0 0 0px; display: none; } #home_controls_container {position: absolute; right: 0px; bottom: -20px; padding: 0 0 0 20px; border-width: 0 0 0 1px; border-style: solid; border-color: 000000; } #home_news_container {position: absolute; bottom: 30px; left: 0px; width: 928px; border-style: dotted; border-color: #f09000; border-width: 1 0 0 0px; padding: 5 10 0 62px; background-repeat: no-repeat; background-position: 0 -1; background-image:url(../wt_img/15upload.gif); } #home_news_hotspot {position: absolute; width: 50px; height: 15px; cursor: pointer; cursor; hand; top: 0px; left: 0px; } #home_news_more_container {position: absolute; bottom: 0px; right: 0px; } #hub_container {display: block; position: absolute; top: 20px; height: 550px; width: 1000px; } #hub_title_container {background-color: #ffffff; text-align: center; font-size: 18px; white-space: nowrap; padding: 5 10 5 10px; } #image_container {width: 720px; height: 610px; bottom: 0px; left: 0px; position: absolute; background-image:url(../wt_img/9upload.gif); background-repeat: no-repeat; background-position: center; } #image_container_hub {width: 800px; height: 500px; bottom: 70px; left: 100px; position: absolute; background-image:url(../wt_img/9upload.gif); background-repeat: no-repeat; background-position: center; } #index_image_container {position: absolute; height: 420px; top: 60px; left: 140px; width: 720px; border-style: solid; border-width: 0px; border-color: #000000; } #index_image_wrapper {position: relative; } #index_intro_container {position: absolute; top: 50px; right: 0px; width: 220px; } #index_links_container {position: absolute; bottom: 140px; right: 0px; width: 140px; } #index_rollover_container {position: absolute; bottom: 120px; left: 0px; text-align: center; width: 720px; font-family: Lucida Grande, Helvetica Neue, Arial, Sans; font-size: 10px; } #info_container {height: 650px; width: 220px; position: absolute; top: -20px; left: 760px; border-color: 000000; border-style: solid; border-width: 0 0 0 1px; } #logo_container {position: absolute; left: 20px; top: 20px; cursor: pointer; cursor: hand; } #logo_small {display: inline-block; float: left; cursor: pointer; cursor: hand; background-image:url(); } #menu_buttons {position: absolute; bottom: 15px; right: 10px; width: 400px; line-height: 1; text-align: right; } #menu_container {position: relative; display: block; width: 720px; border-style: dotted; border-color: 000000; border-width: 0 0 1 0px; background-color: f0f0ff; height: 95px; } #page_links_container {position: absolute; bottom: 40px; left: 0px; } #popup_menu_button_container {position: absolute; left: 20px; bottom: 20px; display: block; cursor: pointer; cursor: hand; } #popup_menu_container {position: absolute; left: 0px; width: 100%; bottom: 10px; padding: 20 0 20 0px; border-width: 1 0 1 0px; border-style: solid; border-color: #000000; background-color: #ffffff; } #popup_menu_mask {position: absolute; bottom: 60px; padding: 10 0 10 0px; left: 19px; width: 100%; height: 520px; background-color: #Ffffff; display: none; } #proj_img_link_container {position: absolute; bottom: 40px; right: 0px; } #slideshow_container {display: block; position: relative; } #thumbnails_container {width: 720px; height: 510px; left: 0px; top: 20px; /*set top in js.scrollPane too */ position: absolute; overflow: auto; } #thumbnails_controls_container {position: absolute; left: 760px; bottom: -20px; padding: 0 20 0 20px; width: 200px; border-width: 0 0 0 1px; border-style: none; border-color: 000000; } #thumbnail_rollover_container {position: absolute; left: 20px; bottom: 20px; } .atom_container {position: absolute; text-align: center; cursor: pointer; cursor: hand; background-color: #ffffff; padding: 5px; border-width: 1px; border-color: #666666; border-style: solid; } .atom_link, a.atom_link, a.atom_link:link, a.atom_link:visited, a.atom_link:active, a.atom_link:hover {border-width: 0px; text-decoration: none; } .atom_thumbnail { } .atom_title_container {position: absolute; text-align: center; width: 200px; } .atom_title_text {background-color: #ffffff; padding: 1px; } .attribution {margin: 5 0 0 0px; text-transform: uppercase; display: block; } .break {clear: both; } .button, a.button, a.button_over {padding: 0 0 0 0px; text-decoration: none; border-width: 0px; float: left; margin: 0 10 0 0px; cursor: pointer; cursor: hand; } .button_container {cursor: pointer; cursor: hand; } .button_over,a.button:hover, a.button_over, a.button_current {padding: 0 0 0 0px; text-decoration: none; color: #000000; border-width: 0px; float: left; margin: 0 10 0 0px; cursor: pointer; cursor: hand; font-weight: bold; } .caption {font-family: "Lucida Grande", "Helvetica Neue", "Arial", Sans; font-size: 10px; } .column {display: block; position: relative; float: left; margin: 0 10 0 0px; } .controls_row {display: block; position: relative; height: 15px; margin:5 0 0 0px; clear: both; } .crosshead {text-transform: uppercase; letter-spacing: 5px; font-weight: bold; } .float {float: left; } .highlight {color: #f09000; font-weight: bold; } .hub_line {position: absolute; } .index_image {position: absolute; top: 0px; left: 0px; background-position: center; background-repeat: no-repeat; display: none; } .index_link, a.index_link, a.index_link:link, a.index_link:active, a.index_link:visited {line-height: 1; border-width: 0px; white-space: nowrap; } .index_link_over {line-height: 1; border-width: 0px; white-space: nowrap; font-weight: bold; color: #000000; } .left_half {width: 50%; height: 100%; position: absolute; left: 0px; top: 0px; cursor: pointer; cursor: hand; background-color: transparent; } .menu_option_button {float: left; background-color: #ffffff; border-style:solid; border-color: #666666; border-width: 1px; font-size: 1px; cursor: pointer; cursor: hand; } .parent_proj_title {margin: 0 0 5 0px; } .portal_thumbnail {position: relative; border-style: solid; border-width: 0 0 1 0px; border-color: transparent; padding:0 0 0 0px; margin: 5 5 0 0px; cursor: pointer; cursor: hand; float: left; } .portal_thumbnail_over {position: relative; border-style: solid; border-width: 0 0 1 0px; border-color: #000000; padding:0 0 0 0px; margin: 5 5 0 0px; float: left; cursor: pointer; cursor: hand; } .project_title {font-size: 13pt; line-height: 1; border-width: 0px; letter-spacing: 0.75px; } .proj_intro {font-weight: bold; } .quote {font-size: medium; font-style: italic; letter-spacing: 2px; } .resource {position: relative; display: block; } .resourcehidden {position: relative; display: none; visibility: hidden; } .resourcevisible {position: relative; display: block; visibility: visible; } .resource_hover {position: relative; cursor: pointer; cursor: hand; } .right_half {height: 100%; position: absolute; right: 0px; top: 0px; cursor: pointer; cursor: hand; background-color: transparent; width: 100%; right: 0px; } .rule {display: block; width: 100%; height: 1px; margin: 10 0 10 0px; border-width: 1 0 0 0px; border-style: solid; border-color: #999999; clear: both; } .rule_thin {display: block; width: 100%; height: 1px; border-width: 1 0 0 0px; border-color: 000000; margin: 2 0 2 0px; border-style: dotted; } .s1 {font-family: "Lucida Grande", "Helvetica Neue", "Arial", Sans; font-size: 10px; } .s1a {font-family: "Lucida Grande", "Helvetica Neue", "Arial", Sans; font-size: 10px; font-weight: bold; } .s2 {font-family: Georgia, serif; font-size: 13px; } .s2a {font-family: Georgia, serif; font-size: 13pt; } .s3 {font-size: 10px; font-family: "Lucida Grande", sans; text-transform: uppercase; margin: 0 0 20 0px; } .s4 {font-family: Georgia, sans; color: #7f7e68; font-weight: bold; font-size: 14px; line-height: 1.1; } .s5 {letter-spacing: 3px; font-weight: bold; } .s6 {color: #000000; font-weight: bold; } .s7 {font-style: italic; font-size: 14px; letter-spacing: 0.5px; display: block; margin: 0 0 5 0px; } .slideshow_image {width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; } .small {font-size: x-small; line-height: 1; letter-spacing: 1px; } .space {position: relative; display: block; clear: both; height: 10px; } .subhead {font-weight: bold; font-size: 16px; } .thumbnail {position: relative; border-style: solid; border-width: 0 0 1 0px; border-color: transparent; padding:0 0 0 0px; margin: 12 25 13 0px; float: left; cursor: pointer; cursor: hand; } .thumbnail_caption {position: absolute; top: 105px; width: 100%; text-align: center; display: none; } .thumbnail_over {position: relative; border-style: solid; border-width: 0 0 1 0px; border-color: #000000; padding:0 0 0 0px; margin: 12 25 13 0px; float: left; cursor: pointer; cursor: hand; } .xpad {width: 10px; height:1px; position: relative; float: left; } .xspace {display: block; width: 10px; } .yspace {display: block; height: 10px; } a, a:link, a:visited, a:active {cursor: pointer; cursor: hand; text-decoration: none; border-width: 0 0 1 0px; border-style: dotted; border-color: #000000; color: #000000; } a.controls, .controls, .controls_over {font-family: "Lucida Grande", "Helvetica Neue", "Arial", Sans; font-size: 10px; padding: 2 0 0 0px; float: left; color: #666666; } a.controls:hover, a.controls_over, .controls_over {border-style: solid; color: #000000; font-weight: normal; } a:hover, a.controls:hover {font-weight: bold; } body {-moz-user-select: none; margin: 20 20 20 20px; background-color: ffffff; background-image:url(../wt_img/24upload.gif); background-repeat: repeat-x; background-position: center; width: auto; } body,table, td {font-family: Georgia, serif; font-size: 12px; font-weight: normal; color: 666666; line-height: 1.25; } img {border: 0px; } input, textarea, select {padding: 0px; margin: 0px; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Sans; font-size: 10px; font-weight: normal; color: 666666; line-height: 1.25; } p {margin: 0px; padding: 0px; } .arrow_left_btn, .arrow_right_btn, .arrow_left_btn_over, .arrow_right_btn_over, .menu_btn, .menu_btn_over, .plus_btn, .plus_btn_over, .thumbnails_btn, .thumbnails_btn_over, .slideshow_btn, .slideshow_btn_over, .images_btn, .images_btn_over { position: relative; float: left; width: 20px; height: 15px; cursor: pointer; cursor: hand; background-repeat: no-repeat; background-position: 0 0px; } .arrow_left_btn { background-image:url(../wt_img/4upload.gif); } .arrow_left_btn_over { background-image:url(../wt_img/3upload.gif); } .arrow_right_btn { background-image:url(../wt_img/6upload.gif); } .arrow_right_btn_over { background-image:url(../wt_img/5upload.gif); } .menu_btn { background-image:url(../wt_img/14upload.gif); } .menu_btn_over { background-image:url(../wt_img/13upload.gif); } .plus_btn { background-image:url(../wt_img/17upload.gif); } .plus_btn_over { background-image:url(../wt_img/16upload.gif); } .thumbnails_btn { /*width: 35px;*/ background-image:url(../wt_img/23upload.gif); } .thumbnails_btn_over { /*width: 35px;*/ background-image:url(../wt_img/22upload.gif); } .slideshow_btn { /*width: 35px;*/ background-image:url(../wt_img/21upload.gif); } .slideshow_btn_over { /*width: 35px;*/ background-image:url(../wt_img/20upload.gif); } .images_btn { /*width: 35px;*/ background-image:url(../wt_img/11upload.gif); } .images_btn_over { /*width: 35px;*/ background-image:url(../wt_img/10upload.gif); }.jScrollPaneContainer { position: absolute; overflow: hidden; z-index: 1; top: 40px; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #f5f5f5; } .jScrollPaneDrag { position: absolute; background: #cccccc; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 15px; background-image:url(../wt_img/8upload.gif); background-repeat: no-repeat; background-position: top; text-decoration: none; border-width: 0px; } a.jScrollArrowUp:hover { background-image:url(../wt_img/7upload.gif); } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 15px; background-image:url(../wt_img/2upload.gif); background-repeat: no-repeat; background-position: bottom; text-decoration: none; border-width: 0px; } a.jScrollArrowDown:hover { background-image:url(../wt_img/1upload.gif); } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }