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.3em; font-size:1.2em; border-bottom:dotted 1px grey;}
h3 {margin-top:0.3em; margin-bottom:0.4em; 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;}
ul li {Xmargin-bottom:0.3em;}
xsub {margin-left:-0.1em; margin-right:-0.1em;}
xsup {margin-left:-0.1em; margin-right:-0.1em;}

.center {text-align:center;}
.hide {visibility: hidden;}3
.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;}
.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;}
.XsmallHide {display:none;}

body {margin:0.5em; font-family:"bitstream vera sans",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:63px; 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-collapse:collapse; border-color:#C0C0C0; 
                border-width:2px;}
            #content table caption {background:#FFFFCC; font-weight: bold; border-top:solid; border-left:solid; border-right:solid; border-color:#CCCCCC; padding:0.5em;}
            #content table thead {background:#FFFFCC;}
            #content table thead th{border: solid #C0C0C0 1px; padding:2px; }
            #content table tr:hover {background:#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;}
            #content .result {font-size: 1em;color:darkred;font-weight: bold;text-align:center;}

            #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 div blockquote{width:80%; margin:0 auto; margin-top:-10px; margin-bottom:10px; padding:10px; background-color:#ffffcc;}
                #convert div blockquote p{text-align:left; padding-left:10%;}
                #convert input[type="number"] {width: 80%;}            
        #tstamp {font-size:0.7em;}
        #adSlotStickyLeft {}
    
    #right {eft: 1190px; 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;}
       #adSlotStickyRight {} 




.adSlotDoc1 {background-color: ;}
.adSlotDoc1 {width:99%; height:100px; min-height:100px;}
.adSlotDoc1 {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

.adSlotDoc2 {background-color: ;}
.adSlotDoc2 {width:99%; height:300px; min-height:300px;}
.adSlotDoc2 {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

.adSlotTop1 {background-color: ;}
.adSlotTop1 {width:99%; height:100px; min-height:100px;}
.adSlotTop1 {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

.adSlotTop2 {background-color: ;}
.adSlotTop2 {width:99%; height:300px; min-height:300px;}
.adSlotTop2 {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

.adSlotStickyRight {background-color: ;}
.adSlotStickyRight {width:95%; height:300px; min-height:300px;}
.adSlotStickyRight {margin:0 auto; margin-top:1em; margin-bottom:1em; text-align:center;}

.adSlotStickyLeft {background-color: ;}
.adSlotStickyLeft {width:99%; height:300px; min-height:300px;}
.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: 750px){
    .adSlotTop1 {height:200px; min-height:200px;}
    .adSlotDoc1 {height:300px; min-height:300px;}
}

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

    #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;}

    .adSlotDoc1 {height:200px; min-height:200px;}
    .adSlotStickyLeft {width:150px;height:600px; min-height:600px;}
    #adSlotStickyRight {position:fixed; top:140px; left:950px; width:300px; height:600px; min-height:600px;}
    .adSlotStickyRight {width:300px; height:600px; min-height:600px;}

}