a {text-decoration:none;}
a:hover {color:red; text-decoration:underline;}
h1 {margin-top:0.3em; margin-bottom:0.2em; font-size:1.4em;}  
h2 {margin-top:0.3em; margin-bottom:0.5em; font-size:1.2em; border-bottom:dotted 1px grey;}
h3 {margin-top:0.3em; margin-bottom:0.2em; font-size:1.1em;}
h4 {margin-top:0.3em; margin-bottom:0.3em; font-size:1.0em;}
img {border:none;}
input[type="number"], input[type="text"], input[type="Xbutton"], input[type="submit"] {width:15%;font-weight: bold;text-align:center;border: solid 1px grey;background-color:white;-moz-border-radius: 3px;border-radius: 3px;} 
input[type="number"]:focus, input[type="text"]:focus, input[type="number"]:hover, input[type="text"]:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="radio"]:hover,textarea:hover, textarea:focus {background-color: yellow;font-weight: bold;cursor:pointer;}  
p {line-height: 1.3em;}
blockquote {margin-left:1em;}

.center {text-align:center;}
.hide {visibility: hidden;}
.red {color:red;}
.right {text-align:right;} 
.it {font-style: italic;}
.small {font-size:0.9em;}
.xsmall {font-size:0.7em;}
.xxsmall {font-size:0.5em;}
.result {font-size: 1em;color:darkred;font-weight: bold;text-align:center;}
.adblo { padding:1em;width: 95%;margin: 1em; background-color:red;}
.adblo p {color: #fff;}
.adblo h3 span {color: #000; font-size: 1.2em;}
.adblo a:hover {color: #fff;}

.smallView {display: none;}

body {margin:0.5em; font-family:Arial,sans-serif; font-size:1em;}
    #top {}
        #logo {}
            #logo img {max-width:350px; width:100%; height:100%;}
        #intro {}
            
    #center {width:100%; margin:0 auto;}
        #gooSearch {width:100%; height:33px; padding:2px;}
        #content {clear:left;}
            #content blockquote {margin-left: 3%;}
            #content li{}
            #content img {height: auto; max-width:100%;}
            #content input[type="text"]{width:5em;}
            #content table{font-size:0.8em; margin-right:auto; margin-left:auto; margin-top:15px; 
                margin-bottom:10px;border:solid; border-color:#C0C0C0; border-width:1px; border-spacing:1px;}
            #content table thead {top:0; position: sticky;}
            #content table thead th {border: solid #C0C0C0 1px;  padding:2px; text-align:center; background-color:#FFFFCC;}
            #content table tr:hover {background-color:#FFFFCC;}
            #content td:hover {background-color:#FFFFCC;}
            #content table td {border:solid; border-color:#CCCCCC; border-width:1px;  padding:2px; text-align:center; }
            #content table td input[type="number"]{width:80%;}
            #content table.x-large {width: 99%;}
            #content table.large {width: 95%;}
            #content table.medium {width: 85%;}
            #content table.small {width: 65%;}
            #content table.x-small {width: 50%;}
            #content ul li {margin-left:-1em;}
            #content .tabButton {background-color:white;color:blue;border:solid 1px grey; padding-top:0.3em; padding-left:0.3em; 
                padding-right:0.3em;margin-bottom:0.1em;border-radius: 0.2em;font-size: 0.9em;font-weight: normal;}
            #content .tabButton:hover {cursor: pointer;}
            .htmlContentAd {text-align:center;}

            #content .tablesorter-header {background-position: top right;}

            #content .subDocument {margin-top:0px; margin-bottom:10px;}
            #content .subDocument span {vertical-align: top;}
            #content .subDocument img {height:50px; width:50px; margin-left:5px; padding:5px;}

            .docTable {display: flex;}
            .docColumnImage {}
            .docColumnDescription {width: 100%; margin-bottom: 0.8em;}

            .docRowImage {margin-right: 0.5em; text-align:center; width: 60px; height: 60px;}
            .docRowDescription {margin: auto; width: 100%;}

            #adSlotDoc1 {}
            #adSlotDoc2 {}
            #adSlotTop1 {}
            #adSlotTop2 {}           
     
            #below {content-visibility: auto; contain-intrinsic-size: auto 1000px;}
                #sketchup {}
                    #sketchup img {width: 100%;height:100%;max-width: 700px;margin-top: 5px;}                
                #translate {}
                #aboutus {}
                #privacy {}
                #advertise {}
                #citation {}
                #msg {display: none;position: fixed;top:20%;height:60%; width:70%;left:15%;padding:10px; border:2px solid;overflow: auto;background-color:white;z-index:3;}
                    #msgClose {color:blue;font-size: larger;text-align:right;text-decoration: underline;}
                    #msgClose:hover{color:red;cursor: pointer;}
                    #msgContent {}
    
    
    #left {margin:0 auto; text-align:center; content-visibility: auto; contain-intrinsic-size: auto 1000px;}
        #apps{text-decoration: none}
            #apps img {width: 50px; height: 17px;}        
        #menu {width:90%; font-size: 0.9em;}
            #menu > ul {padding-top:0.5em; text-align:left; margin-left: -20px;}
            #menu ul li{margin-top:0.5em; margin-bottom:0.2em; margin-left:0.3em;}
        #convert {margin-top:1em; width:150px; font-size: 0.9em; margin:0 auto; clear:both;}
            #convert blockquote {width:80%; margin:0 auto; margin-top:-10px; margin-bottom:10px; padding:10px; background-color:#ffffcc; text-align:left;}
                #convert input[type="number"] {width: 80%;}
                #convert input { margin:5px;}            
        #tstamp {font-size:0.7em;}
        #xuserlist {width:90%; font-size: 0.9em; margin-left: -20px;}
            #xuserlist > ul {padding-top:0.1em; text-align:left; margin-left: -40px;}
            #xuserlist li{text-overflow: clip; overflow: hidden;color:green;}

        
    
    #right {text-align: center; content-visibility: auto; contain-intrinsic-size: auto 1000px;}
       #share {background-color:#ffffcc; width:90%;margin:0 auto;padding:0.3em;margin-bottom:0.5em;}
       


#adSlotDoc1 {width:99%; min-height:336px; min-width:280px;}
#adSlotDoc1 {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

#adSlotDoc2 {width:99%; min-height:336px; min-width:280px;}
#adSlotDoc2 {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

#adInContent1 {width:99%; min-height:336px; min-width:280px;}
#adInContent1 {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

#adInContent2 {width:99%; min-height:336px; min-width:280px;}
#adInContent2 {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

#adSlotTop1 {width:99%; min-height:336px; min-width:280px;}
#adSlotTop1 {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

#adSlotTop2 {width:99%; min-height:336px; min-width:280px;}
#adSlotTop2 {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

#adSlotStickyRight {width:99%; min-height:336px; min-width:280px;}
#adSlotStickyRight {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

#adSlotStickyLeft {width:99%; min-height:336px; min-width:280px;}
#adSlotStickyLeft {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}


@media all and (max-width: 749px){
    canvas {width:95%;}

    .adblo {font-size:0.8em;}
    .smallView {display: inline;}
    .smallHide {display:none;}
}

@media all and (min-width: 1200px){

    #center {position:absolute; left:180px; width:740px; }
    #left {position:absolute; left:0px; width:160px; padding:0.4em; margin-top:1em; border-right: dotted 2px grey;}
    #right {position: fixed; top: 10px; left: 950px; width:300px; margin-right:1em;}

    #adSlotTop1 {min-height:280px; min-width:728px;}
    #adSlotTop2 {min-height:280px; min-width:728px;}
    #adSlotDoc1 {min-height:280px; min-width:728px;}
    #adSlotDoc2 {min-height:280px; min-width:728px;}
    #adInContent1 {min-height:280px; min-width:728px;}
    #adInContent2 {min-height:280px; min-width:728px;}
    #adSlotStickyLeft {width:160px; height:600px; min-height:600px; min-width:160px;}
    #adSlotStickyRight {position:fixed; top:110px; left:950px; width:300px; height:600px; min-height:600px; min-width:300px;}

}