/* GENRAL */ * { margin: 0; padding:0;} body { background-color: #999; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0; text-align: center; } p { margin: 0 0 1em 0; } .hidden { display: none; } img { border: 0; } img.withborder { border: 1px solid #333; } div { background-color: transparent; color: #fff; } .skipnav { background-color: transparent; color: #fff; font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; } .accesskeys { background-color: transparent; color: #fff; font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; } .grey_out { background-color: transparent; color: #999; } .border { border: solid 1px #000; } #PRINT_HEADER, #PRINT_FOOTER { display: none; } div.PRINT_FORM_instructions { display: none; } /* Format Button */ blockquote { margin:15px 20px 15px 20px; padding: 15px; font-weight: bold; } q { background-color: transparent; color: #fff; font-weight: bold; } q:before, q:after { content: "";} strong { font-weight: bold; } .abbr { border-bottom: 1px dotted #999; cursor: help; } acronym { border-bottom: 1px dashed #999; cursor: help; } hr { border: none; border-top: 1px solid #999; width: 100%; height: 1px; margin: 0; text-align: center; } .caption { background-color: transparent; color: #ccc; font-weight: bold; font-size: 90%; margin: 2px; } .center { text-align: center; margin: 0 auto 0 auto; } .tdHeaderLeft { background-color:transparent; color: #000; font-weight: bold; padding: 0; font-size:110%; text-align: left; } .tdHeaderCenter{ background-color:transparent; color: #000; font-weight: bold; padding: 0; font-size:110%; text-align: center; } table { border-collapse: collapse; margin: 10px; width: 90%; background-color: #ccc; color:#000; } td { padding: 3px; font-size: 0.81em; border: 1px solid #666; empty-cells: show; text-align: left; } .twisties table { border: none; } .twisties td { border: none; } sup { line-height: 2em; } sub { line-height: 1.2em; } a, a:link, a:active { background-color: transparent; color: #fff; } a:visited { background-color: transparent; color: #ccc; } a:hover { background-color: transparent; color: #09f; } /* HEADINGS */ h1, h2, h3, h4 { margin: 0; padding: 0; background-color: transparent; color: #fff; font-size: 100%; } h1 { font-size: 150%; padding-bottom: 10px; } h2 { font-size: 120%; } h3 { font-size: 100%; } h4 { font-size: 100%; } /* LAYOUT DIVs */ #wrapper { margin: 0 auto 5px auto; padding: 4px; width: 670px; text-align: left; min-width:670px; line-height: 1em; border: 1px solid #000; background-color: #666; } *html #wrapper { width: 670px; margin: 0 auto; } #headerHome { height: 170px; width: 670px; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/header_Home.gif"); background-repeat: no-repeat; background-position: center; } #headerAbout { height: 170px; width: 670px; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/header_About.gif"); background-repeat: no-repeat; background-position: center; } #headerNews { height: 170px; width: 670px; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/header_News.gif"); background-repeat: no-repeat; background-position: center; } #headerPublications { height: 170px; width: 670px; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/header_Publications.gif"); background-repeat: no-repeat; background-position: center; } #headerEvents { height: 170px; width: 670px; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/header_Events.gif"); background-repeat: no-repeat; background-position: center; } #headerContact { height: 170px; width: 670px; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/header_Contact.gif"); background-repeat: no-repeat; background-position: center; } #headerLinks { height: 170px; width: 670px; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/header_Links.gif"); background-repeat: no-repeat; background-position: center; } #headerHelp { height: 170px; width: 670px; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/header_Help.gif"); background-repeat: no-repeat; background-position: center; } #headerLegal { height: 170px; width: 670px; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/header_Legal.gif"); background-repeat: no-repeat; background-position: center; } #topnav { width: 670px; height: 30px; text-align: right; } #topnav ul { padding: 0; margin: 0 10px 0 auto; list-style-type: none; } #topnav ul li { display: inline; line-height: 30px; } #topnav ul li a { background-color:inherit; color: #fff; font-weight: bold; font-size: 70%; padding-left: 2em; text-decoration: none; } #topnav ul li a:hover { background-color:inherit; color: #09f; } #leftside { width: 180px; float: left; border-top: solid 1px #999; padding-top: 10px; } #nav { width: 180px; } #nav ul { padding: 0; margin: 0; list-style-type: none; } #nav ul li { margin: 5px 0 5px 0; } #nav ul li a { text-decoration: none; display: block; height: 35px; width: 180px; font-size: 90%; padding: 10px 0 0 10px; } #nav ul li a:hover { background-color:inherit; color: #09f; } #nav ul li a.selected { text-decoration: none; display: block; height: 35px; width: 180px; font-size: 90%; padding: 10px 0 0 10px; background-color:inherit; color: #09f; font-weight: bold; } #nav ul li a.selected:hover { background-color:inherit; color: #09f; font-weight: bold;} .button { background-image: url("/esp/usp.nsf/Lookup/template_images/$file/buttonhover.gif"); background-repeat: no-repeat; background-position: left top; height: 35px; width: 180px; } .button a { background-image: url("/esp/usp.nsf/Lookup/template_images/$file/button.gif"); background-repeat: no-repeat; background-position: left top; } .button a:hover { background-image: none; } .button_selected { background-image: url("/esp/usp.nsf/Lookup/template_images/$file/buttonselected.gif"); background-repeat: no-repeat; background-position: left top; height: 35px; width: 180px; } .button_selected a { background-image: url("/esp/usp.nsf/Lookup/template_images/$file/butonselected.gif"); background-repeat: no-repeat; background-position: left top; } .button_selected a:hover { background-image: none; } #nav li.drop { margin: 0; padding: 0 0 0 10px; } #nav li.drop a { margin: 0; padding: 0 0 0 10px; height: 20px; text-decoration: none; display: block; font-size: 65%; background-image: url("/esp/usp.nsf/Lookup/template_images/$file//arrow.gif"); background-repeat: no-repeat; background-position: 0 3px; } #nav li.drop a:hover { margin: 0; padding: 0 0 0 10px; height: 20px; background-color:inherit; color: #09f; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/arrowhover.gif"); background-repeat: no-repeat; background-position: 0 3px; } /* SEARCH BOX */ #search_box { margin: 3px; } #search_box input { display: inline; } #search_box input:focus { background-color: #d5ecff; color:#000 ; } .SearchField { width: 110px; height: 18px; font-size: 0.8em; text-indent: 5px; } *.SearchField { width: 100px; height: 18px; font-size: 0.8em; text-indent: 5px; } .searchButton { background: url("/esp/usp.nsf/Lookup/template_images/$file/searchButton.gif"); background-repeat: no-repeat; width:60px; height:21px; font-size: 0.8em; line-height: 0.8em; background-color: #ccc; color: #fff; border: none; cursor: pointer; } #content { padding: 0; margin-left: 190px; font-size: 80%; border-top: solid 1px #999; padding-top: 15px; } #content #intro { font-weight: bold; padding-bottom: 1em; font-size: 110%; } #content .img { float: right; margin: 5px; border: 1px solid #333; } #content ul { margin: 15px 0 15px 10px; padding: 0; list-style-type: none; } #content ul li { margin: 0; background: url("/esp/usp.nsf/Lookup/template_images/$file/bullet.gif"); background-repeat: no-repeat; background-position: 0 4px; padding-left: 8px; } #content ol { margin-left: 25px; padding: 0; margin-top: 5px; margin-bottom: 10px; font-weight: normal; } #content ol li { margin: 7px 0 0 0; padding: 0; line-height: 1em; } .StartHome { float: right; } .homeRSS { padding: 5px 0 0 15px; } .news_item { width: 95%; border-top: solid 1px #999; margin-top: 15px; padding-top: 5px; } .news_date { background-color: transparent; color: #999; font-weight: bold; } .news_title a { background-color: transparent; color: #ccc; font-weight: bold; font-size: 1.4em; text-decoration: none; } .news_title a:hover { background-color: transparent; color: #09f; } .news_picture { float: right; border: 1px solid #333; } .news_item_end { clear: both; } .publication { width: 95%; border-top: solid 1px #999; margin-top: 15px; padding-top: 10px; } .publication_date { background-color: transparent; color: #999; font-weight: bold; } .publication_title a { background-color: transparent; color: #ccc; font-weight: bold; font-size: 1.4em; text-decoration: none; } .publication_title a:hover { background-color: transparent; color: #09f; } .publication_picture { float: left; border: solid 1px #333; margin-right: 10px; } .publication_end { clear: both; } .event { width: 95%; border-top: solid 1px #999; margin-top: 15px; padding-top: 10px; } .event_date { background-color: transparent; color: #999; font-weight: bold; } .event_title a { background-color: transparent; color: #ccc; font-weight: bold; font-size: 1.4em; text-decoration: none; } .event_title a:hover { background-color: transparent; color: #09f; } .event_picture { float: left; border: solid 1px #333; margin-right: 10px; } .event_end { clear: both; } .eventdetail { width: 90%; height: 50px; border-top: 0px solid #999; padding-top: 10px; } .eventdetail_icon { float: left; padding-right: 5px; height: 60px; } .eventdetail_title { background-color: transparent; color: #ccc; font-weight: bold; font-size: 1.5em; } .eventdetail_date { background-color: transparent; color: #999; font-weight: bold; margin-top: 2px; } .eventdetail_end { clear: both; } #footer { height: 45px; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/FooterBG.gif"); background-repeat: no-repeat; background-position: center; text-align: right; font-size: 90%; clear: both; } #footer ul { display: inline; margin: 0; padding-right: 20px; list-style-type: none; } #footer li { display: inline; background-image: url("/esp/usp.nsf/Lookup/template_images/$file/footerbullet.gif"); background-repeat: no-repeat; background-position: 0 7px; padding-left: 8px; padding-right: 12px; line-height: 45px;} #footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover { background-color: inherit; color: #fff; text-decoration: none; font-size: 70%; } #footer a:hover { background-color:inherit; color: #09f; } #footer_lastmod { background-color: transparent; color:#000; font-size: 65%; text-align: center; clear: both; margin-bottom: 5px; } #footer_lastmod a:link, #footer_lastmod a:visited, #footer_lastmod a:active { text-decoration: underline; background-color: inherit; color: #000; } #footer_lastmod a:hover { background-color: inherit; color: #666; } /* FORMS */ #form { margin: 0; padding: 0; } #form p { margin: 0; padding: 0 5px 10px 5px; } #form fieldset { border: solid 1px #ccc; padding: 5px; margin: 5px;} #form fieldset legend { line-height: 130%; font-size: 1.1em; font-weight:bold; color: #fff; margin: 0; padding: 0 5px; } #form fieldset label { vertical-align: top; font-weight: bold; width: 135px; float: left; text-align: right; padding-top: 2px; padding-right: 5px; } #form fieldset textarea { width: 300px; height: 100px; background-color: #f3f3f3; color: #000; font-family: inherit; border: solid 1px #000; margin: 2px; padding: 2px; overflow: auto; } #form fieldset input { width: 300px; background-color: #f3f3f3; color: #f82; border: solid 1px #000; margin: 2px; padding: 2px; } #form fieldset textarea:focus, #form fieldset input:focus { background-color: #d5ecff; color:#000 ; } #form .mandatory { background-color: inherit; color: #fff; } #form .indent { margin: 1px 1px 1px 150px; } #form .indent label { font-weight: normal; float: none; text-align: left; padding-top: 5px; padding-right: 5px; } #form .indent input { border: 0; width: 12px; } #form .indent input.button { background-image: none; width: 90px; height: 20px; margin-left: 4px; font-weight: bold; font-size: 90%; background-color: #ccc; color: #333; border: solid 1px #333; cursor: pointer; }