* {
         margin: 0;
         padding: 0;
}

body {
         background-image: url(../pic/bg.png);
         background-position: top center;
         background-repeat:repeat-y;
         background-color: #f5f5f5;
         font-family: Arial, Helvetica, Geneva, sans-serif;
         color: #818181;
         font-size: 10pt;
}

a:link {
        text-decoration: none;
        color: #818181;
}

a:visited {
        text-decoration: none;
        color: #818181;
}

a:hover {
        text-decoration: none;
        color: #cf3202;
}

a:active {
        text-decoration: none;
        color: #cf3202;
}

#container {
         position: relative;
         left: 0px;
         top: 0px;
         width: 965px;
         height: 100%;
         margin: 0 auto;
         padding: 0px;
         background-color: #ffffff;
}

/*  ##### header #####  */

#header {
         position: relative;
         left: 0px;
         top: 0px;
         width: 965px;
         height: 236px;
         background-color: #ffffff;
         z-index: 2;
}

#line {
         position: absolute;
         width: 965px;
         margin: auto;
         top: 220px;
         left: 0px;
         border-bottom: 1px solid #c2c2c2;
}

.imp {
         position: relative;
         text-align: right;
         top: 10px;
         width: 200px;
         left: 700px;
         font-size: 7pt;
         letter-spacing: 1px;
}

.logo {
         position: absolute;
         top: 30px;
         left: 65px;
         z-index: 3;
}

.title {
         position: absolute;
         top: 60px;
         right: 65px;
}

#mainnav {
         position: relative;
         text-align: right;
         top: 175px;
         width: 615px;
         left: 300px;
         font-weight: bold;
         font-size: 10pt;
         color: #818181;
}

#nav1 {
         float: right;
         margin: 15px;
         color: #818181;
         display: inline;
}

#nav2 {
         float: right;
         margin: 15px;
         display: inline;
}

#nav3 {
         float: right;
         margin: 15px;
         display: inline;
}

#nav4 {
         float: right;
         margin: 15px;
         display: inline;
}

/*  ##### contents #####  */

#contents {
         margin-left: 65px;
         margin-top: 65px;
         width: 835px;
         height: 100%;
         background-color: #ffffff;
}

#txt1 {
         text-align:justify;
         line-height: 1.5;
         font-size: 10pt;
}

#txt1 h3 {
         font-size: 16pt;
         font-weight: normal;
}

#txt1 h4 {
         font-size: 12pt;
         font-weight: bold;
}

#ksam {
         margin-left: 120px;
         margin-right: 15px;
         float: right;
         width: 115px;
}

.ksam_txt {
         margin-top: 10px;
         font-size: 8pt;
}

.ksam_pic {
         border: 10px solid #e6e6e6;
         height: 110px;
         background-color: #e6e6e6;
}

#introtxt {
         margin-left: 15px;
         line-height: 1.5;
         font-size: 10pt;
}

#introtxt h3 {
         font-size: 16pt;
         font-weight: normal;
}


.onlineSAM_left {
         float: left;
         width: 400px;
}

.onlineSAM_right {
         float: right;
         width: 400px;
}

.no_onlineSAM {
         float: left;
         width: 690px;
}

.onlineSAM_pic {
         float: left;
         background-image: url(../pic/_not_available.gif);
         width: 400px;
         height: 250px;
}

.onlineSAM_txt {
         border-left: 1px gray dotted;
         padding-left: 1.2em;
         float: left;
         margin: 65px 0 20px 46px;
         display: inline;
}

.onlineSAM_globe {
         float:right;
         margin: 65px 20px 0 20px;
         display: inline;
}

.downloads {
         position: relative;
         width: 835px;
         text-align: left;
         top: 0px;
         height: 50px;
         left: 0px;
         background-color: #ffffff;
}

.dltxt {
         font-weight: bold;
         font-size: 11pt;
}

.dltxt_remark {
         font-weight: bold;
         font-size: 9pt;
         color: #cf3202;
}

.dltxt_s {
         line-height: 1.5;
         font-weight: normal;
         font-size: 8pt;

}

/*  ##### footer #####  */

#footer {
         clear: both;
         left: 0px;
         width: 965px;
         height: 75px;
         background-color: #ffffff;
}

/*  ##### map #####  */

#map {
         width: 965px;
         height: 650px;
         border: 0px solid white;
         margin: auto;
         z-index: 1;
         background-color: #99B3CC;
}

#map_contents {
         margin-left: 65px;
         margin-top: 65px;
         width: 835px;
         height: 100%;
         background-color: #ffffff;
}

#infowindow_txt1 {
         margin-top: 0px;
         font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
         color : #111111;
         font-size : 8pt;
         font-weight : bold;
         line-height : 13pt;
         text-align: left;
}

#infowindow_txt2 {
         margin-top: 0px;
         font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
         color : #111111;
         font-size : 8pt;
         font-weight : normal;
         line-height : 12pt;
         text-align: left;
}

#noscript {
         padding: 25px 35px 35px 35px;
         margin: 0px 250px 0px 250px;
         background-color: #ffffff;
         line-height: 1.5;
}

/*  ##### lightbox #####  */

#lightbox  {
        background-color:#eee;
        padding: 10px;
        border-bottom: 2px solid #666;
        border-right: 2px solid #666;
}

#lightboxDetails  {
        font-size: 0.8em;
        padding-top: 0.4em;
}

#lightboxCaption  {
        loat: left;
}

#keyboardMsg  {
        float: right;
}

#closeButton {
        top: 5px;
        right: 5px;
}

#lightbox img  {
        border: none;
        clear: both;
}

#overlay img  {
        border: none;
}

#overlay  {
        background-image: url(../pic/overlay.png);
}

* html #overlay{
        background-color: #333;
        back\ground-color: transparent;
        background-image: url(../pic/blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://sam-magnetometer.net/pic/overlay.png", sizingMethod="scale");
}