body{ margin: 0px; background-color: #FAFAFA; padding:0 0px 0 0px; height:100%; /*overflow-y: auto;*/ overflow: -moz-scrollbars-vertical; } table { border: none; table-layout: fixed; border-collapse: collapse; border-spacing: 0px; float: left; text-align: left; } #mastHead{ display:block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100px; z-index: 2; background-color: #40609A; background-image: url("Instruments_bg_100.jpg"); background-position: 0px 0px; background-repeat: no-repeat; border-right: 1px solid #CCC; border-bottom: 2px solid #EE0000; text-align: right; } #mastHead>h1{ padding: 0 1em 0em 0; text-align: left; margin: 32px 0 0 215px; font-size: xx-large; } #mastLogo{ width: 150px; height: 100px; background-image: url("atio_mastlogo.jpg"); background-repeat: no-repeat; text-align: left; float: left; padding: 1em 0 0 70px; font-size: 12px; font-family: "Arial CE", "Helvetica", sans-serif; } #mastLogoText{ top: 0px; left: 100px; text-align: left; margin: 0px 0px 0px 0px;
padding: 0 0 0 70px; font-family: "Arial CE", "Helvetica", sans-serif; } #linkIndex{ display:block; position: fixed; left: 0px; top: 102px; width: 125px; height: 100%; z-index: 2; background-color: #EEE; background-repeat: no-repeat; border-right: 1px solid #CCC; padding: 48px 12px 11em 12px; } #linkIndex>a{ color: #000070; display: block; text-align: left; border-color: #DEDEDE; border-style: solid; border-width: 0px 0px 0px 5px; padding: 2px 0px 4px 10px; font-size: 15px; font-family: "Arial CE", "Helvetica", sans-serif; } #linkIndex>a,#linkIndex>a:link{ text-decoration:none; } #linkIndex #current{ color: #000070; font-weight: bold; } #linkIndex a:hover#current { font-weight: bold; } #linkIndex a:hover { color: #0000F0; } #linkIndex>a:hover{ background-color: #DEDEDE; color: #0000F0; font-weight: normal; text-decoration: underline; border-color: #EE0000; padding: 2px 0px 4px 12px; } #linkIndex>h5{color: #666; text-align: left; font-weight: normal; font-size: x-small; line-height: 120%;
font-family: "Arial CE", "Helvetica", sans-serif; background-color: #EEE; background-image: url("ATIO_logo_Small_85.png"); background-position: 16px 13px; background-repeat: no-repeat; border-right: 0px; border-bottom: 0px; text-align: left; padding: 118px 0px 6px 16px; } #linkIndex>hr{ height: 1px; color: #CCC; background-color: #CCC; border: 0px solid #CCC; margin-top: 23px; margin-bottom: 0px; } #contentsBox a {color: #0000F0; } #contentsBox a:visited {color: #551A8B; } #navlist { border-bottom: 1px solid #45529B; margin: 18px 0 0 0; padding-bottom: 21px; padding-left: 5px; font-style: normal; font-weight: normal; letter-spacing: .2px; font-size: small; font-family: "Arial CE", "Helvetica", sans-serif; overflow: visible; } #navlist ul, #navlist li { display: inline; list-style-type: none; margin: 0; padding: 0; } #navlist a:link, #navlist a:visited { background: #EEE; border: 1px solid #45529b; color: #000070; float: left; font-size: small; font-weight: normal; line-height: 14px; margin-right: 7px;
padding: 3px 10px 3px 10px; text-decoration: none; } #navlist a:link#currentli, #navlist a:visited#currentli { background: #FAFAFA; border-bottom: 1px solid #FAFAFA; color: #000070; padding: 3px 10px 3px 10px; font-weight: bold; letter-spacing: .2px; } #navlist a:hover { color: #0000f0; text-decoration: underline; } body.section-1 #navlist li#nav-1 a, body.section-2 #navlist li#nav-2 a, body.section-3 #navlist li#nav-3 a, body.section-4 #navlist li#nav-4 a { background: #fff; border-bottom: 1px solid #fff; color: #000; } #navlist #subnav-1, #navlist #subnav-2, #navlist #subnav-3, #navlist #subnav-4 { display: none; width: 90%; } body.section-1 #navlist ul#subnav-1, body.section-2 #navlist ul#subnav-2, body.section-3 #navlist ul#subnav-3, body.section-4 #navlist ul#subnav-4 { display: inline; left: 10px; position: absolute; top: 95px; } body.section-1 #navlist ul#subnav-1 a, body.section-2 #navlist ul#subnav-2 a, body.section-3 #navlist ul#subnav-3 a, body.section-4 #navlist ul#subnav-4 a { background: #fff;
border: none; border-left: 1px solid #ccc; color: #999; font-size: smaller; font-weight: bold; line-height: 10px; margin-right: 4px; padding: 2px 10px 2px 10px; text-decoration: none; } #navlist ul a:hover { color: #f00 !important; } #contents { background: #fff; border: 1px solid #ccc; border-top: none; clear: both; margin: 0px; padding: 15px; } #contentsBox{ position: relative; z-index: 1; margin-top: 100px; margin-left: 150px; border-right: 1px solid #CCC; background-color: #FAFAFA; color: #000070; padding: 30px 5em 30px 5em; font-style: normal; font-weight: normal; font-size: 13px; font-family: "Arial CE", "Helvetica", sans-serif; text-align: justify; } #contentsBox h1 { font-style: normal; font-weight: bold; font-size: large; letter-spacing: .3px; line-height: 150%; font-family: "Arial CE", "Helvetica", sans-serif; } #contentsBox h2 { font-style: normal; font-weight: normal; font-size: 145%; letter-spacing: .2px; line-height: 130%; font-family: "Arial CE", "Helvetica", sans-serif; } #contentsBox h3 {
font-style: normal; font-weight: normal; font-size: 110%; letter-spacing: .2px; line-height: 130%; } #contentsBox h4 { font-style: normal; font-weight: normal; font-size: 100%; letter-spacing: .2px; line-height: 130%; } #contentsBox tt { color: navy; padding: 4px 4px 4px 4px; } #contentsBox ul { list-style-position: outside; list-style-type: disc; } #contentsBox table { border: 3px; border-style: ridge; border-color: #DEDEDE; table-layout: auto; border-collapse: collapse; border-spacing: 0px; float: none; text-align: left; margin: 0px 0px 30px 1px; padding: 0px 0px 0px 0px; line-height: 100%; } #contentsBox td { font-family: "Arial CE", "Helvetica CE", sans-serif; font-weight: normal; text-decoration: none; margin: 10px; padding: 4px 18px 3px 18px; vertical-align: middle; border-color: #DEDEDE; } #contentsBox td img { } #contentsBox td.head { color: #FAFAFA; background-color: #CC0000; line-height: 150%; } #contentsBox td.smpad { padding: 4px 4px 3px 4px; } #contentsBox td.smpadl { padding: 4px 4px 3px 12px; }
#contentsBox td.oddsmpad { padding: 4px 4px 3px 4px; background-color: #F5F5F5; } #contentsBox td.odd { background-color: #F5F5F5; } #contentsBox td.minh { line-height: 10%; font-size: 1px; } #contentsBox img.flag { text-decoration: none; width: 21px; height: 14px; border: 0; padding: 0 0 2px 0; vertical-align: bottom; clear: both; } #contentsBox img.ds2 { width: 21px; height: 14px; border: 0px; padding: 0 0 2px 0; vertical-align: bottom; clear: none; } #contentsBox a.flag { text-decoration: none; } #contentsBox td small { font-size: 90%; } #contentsBox td textarea { font-size: 90%; font-family: "Arial CE", "Helvetica CE", sans-serif; font-weight: normal; text-decoration: none; font-style: normal; letter-spacing: .3px; line-height: 120%; padding: 2px 0 0 3px; vertical-align: text-bottom; } #contentsBox td input { font-size: 90%; font-family: "Arial CE", "Helvetica CE", sans-serif; font-weight: normal; text-decoration: none; font-style: normal; letter-spacing: .3px; line-height: 120%; padding-left: 3px;
height: 17px; vertical-align: middle; } #contentsBox td checkbox { font-size: 90%; font-family: "Arial CE", "Helvetica CE", sans-serif; font-weight: normal; text-decoration: none; font-style: normal; letter-spacing: .3px; line-height: 120%; padding-left: 3px; } #contentsBox td select { font-size: 90%; font-family: "Arial CE", "Helvetica CE", sans-serif; font-weight: normal; text-decoration: none; font-style: normal; letter-spacing: .3px; line-height: 120%; height: 17px; } textarea.flat { font-size: 90%; font-family: "Arial CE", "Helvetica CE", sans-serif; font-weight: normal; text-decoration: none; font-style: normal; letter-spacing: .3px; line-height: 120%; padding: 2px 0 0 3px; vertical-align: text-bottom; } input:focus.noreq,textarea:focus.noreq { background-color: #FDFFFD; } input:focus.req,textarea:focus.req { background-color: #FFFDFD; } select:focus.req { background-color: #FFFDFD; } #contentsBox>hr{ height: 1px; color: #CCC; background-color: #CCC; border: 0px solid #CCC; margin-top: 18px;
padding: 0 0 0 0; margin-bottom: 0px; clear: both; } #foot{ font-family: monospace; margin: 3px 0 0 0; font-size: 80%; color: #000000; background-color: #EEE; text-align: center; } pre.code{ margin: 5px 25px; border: 2px dashed #ddd; padding: 3px 8px; background-color: #f8f8ff; } dt { margin-top: 1em; color: #DD0000; background-color: #f8f8ff; } * html #header {position:absolute;} * html #navigation {position:absolute;} div.zoom { margin: 0px 0px 0px 0px; } div.zoom img { height: 45px; border:0; } div.zoom span.caption { display: none; } div.zoom a:hover { padding: 0px; overflow: visible; /*cursor: default;*/ background: none; text-decoration: none; } div.zoom a:hover img { width: 85px; height: auto; overflow: hidden; margin-bottom: 0px; } div.zoom a:hover span.caption { width:100%-1px; height: auto; display: block; overflow:hidden; background: #cce5ff; border: 0; font-family: "Arial CE", sans-serif; text-decoration: none; text-align: center; font-size: 8pt; color: #000040; margin: 2px 1px 1px 1px; }
div.zoom a:hover span.inner { display: block; overflow: hidden; padding: 2px 0px 0px 0px; } #news img { padding: 15px 0px 5px 25px; border: 0; float: left; } #news p { margin: 30px 0px 0px 0px; border-top: 2px solid #000070; padding: 0px 0px 0px 0px; } #news div { margin: 0px 0px 0px 0px; padding: 0px 50px 0px 285px; } p.news img { padding: 0px 30px 0px 0px; border: 0; float: left; } img.news { padding: 0px 30px 0px 0px; border: 0; float: left; } p.news { margin: 0px 0px 0px 0px; border-top: 1px solid #000070; } span.news { margin: 50px 90px 15px 50px; padding: 25px 50px 50px 25px; /*vertical-align: middle;*/ } div.news { margin: 55px 0px 0px 0px; padding: 25px 50px 50px 25px; /*border-top: 1px solid #000070;*/ vertical-align: middle; } h4.news {margin: 30px 0px 15px 0px;} #gallery1 { width: 100%; overflow: hidden; } #gallery1 a { position: relative; float: left; margin: 0px; } #gallery1 a span { display: none; background-image: url("zoom.gif"); background-repeat: no-repeat; width: 64px; height: 64px;
position: absolute; left: 10px; top: 10px; } #gallery1 img { border: solid 1px #999; padding: 5px; } #gallery1 a:hover span { display: block; }