body { background-image:url('bg.png'); font-family: arial, verdana;}
#box { margin-top:94px; margin-left:200px; background:white;max-width:850px; padding:30px 15px 0 40px; border:2px solid #838383;}
#title { position:absolute; top:30px; left:28px; width:220px; }
#nav {position:absolute; top:125px; left:105px; width:125px; height:160px; color:white; border: 0px solid red;}
.dotpad { padding:5px; }
.dotpad1 { padding-left:15px;}
#navspace { text-align:right; padding-right: 4px; line-height:200%;}
img {max-width: 100%;height: auto; border:0; }
.bigimg {margin:4px; padding:4px; border:3px solid #808080; }

a:link {color:#1E90FF; text-decoration:none; }
a:visited {color: #1E90FF; text-decoration:none;}
a:active {color: #1E90FF; text-decoration:none; }
a:hover {color: #FFB643; text-decoration:none; }

a.lside:link {color:#1E90FF; text-decoration:none; }
a.lside:active {color:#1E90FF; text-decoration:none; }
a.lside:visited {color:#1E90FF; text-decoration:none;}
a.lside:hover {color:#FFB643; text-decoration:none; }

a.urhere:link {color:#FFB643; text-decoration:none; font-weight:bold;}
a.urhere:active {color:#FFB643; text-decoration:none; font-weight:bold;}
a.urhere:visited {color:#FFB643; text-decoration:none; font-weight:bold;}
a.urhere:hover {color:#1E90FF; text-decoration:none; font-weight:bold;}
.pictect {float:left;display:block;width:43%;padding-left:40px;}

.mob {display:none;}

@media screen and (max-width:768px) {
.mob {display:block; }
#nav {display:none;}
#navspace {display:none;}
.dotpad1 { padding-left:20px; }

#box { margin-top:94px; margin-left:5px; background:white; padding-top:3px; padding-left:15px;padding-right:15px; border:2px solid #838383;}

.pictext {float:left;padding-left:0px;}
}