body {font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; margin-right:auto; margin-left:auto; width:980px; }
#begintophead {height:48px; position:relative; margin-bottom:25px}
* html  #begintophead {height:1px}
#begintophead ul {margin:0; padding:0px; list-style:none; right:15px; top:5px; font-size:10px; position:absolute; width:255px}
#begintophead #searchbox {right:65px; top:35px; font-size:12px; position:absolute}
#begintophead li {display:inline; margin-left:10px}
#begintophead li a {color:#666; text-decoration:none; text-transform:uppercase; font:1.1em "Trebuchet MS"}
#tophead {padding:0; margin-left:5px}
#tophead a {font-size:28px; font-weight:bold}
#tophead a:link, #tophead a:visited, #tophead a:hover, #tophead a:active {color:#000; text-decoration:none}
#tophead img {border:0; margin:0}
.mobilesidemenu { display:none; }
.rightlink {border-right:1px solid #666; padding-right:5px}
#contentWrapper {clear:both; position:relative; width:100%; }
.menu {position:absolute; top:5px; left:5px; width:160px}
.loginad {position:absolute; top:5px; right:0; width:160px}
.upldpic { margin-top:10px; }
.upldpic a:link, .upldpic a:hover, .upldpic a:active, .upldpic a:visited { color:red; font-size:15px; font-weight:bold; }
.content {font-size:12px; margin:10px 178px 0 165px; padding:0 2px 15px 2px; border:1px dotted #666; border-top:none; border-bottom:none; color:#333; max-width:650px;}
.content1 {font-size:12px; margin:10px 178px 0 165px; padding:0 2px 15px 2px; border:1px dotted #666; border-top:none; border-bottom:none; color:#333; max-width:650px;}
.content2 {font-size:12px; margin:10px 178px 0 165px; padding:0 2px 15px 2px; border:1px dotted #666; border-top:none; border-bottom:none; color:#333; max-width:650px;}
.contentsearch {font-size:12px; margin:10px 178px 0 165px; padding:0 2px 15px 2px; border:1px dotted #666; border-top:none; border-bottom:none; color:#333; max-width:650px;}
* html .content {margin-left:171px}
* html .content1 {margin-left:171px}
* html .content2 {margin-left:171px}
* html .contentsearch {margin-left:171px}
#setmarg {padding-left:12px;}
* html #setmarg {padding-left:10px;}
h1.headhome {margin-right:auto; margin-left:auto; font-size:1.3em; background:#F5E8FF; padding:2px 4px; border:solid #280028; border-width:2px 0; width:28em; text-align:center; color:#000}
h2 {margin-right:auto; margin-left:auto; font-size:1.3em; background:#F5E8FF; padding:2px 4px; border:solid #280028; border-width:2px 0; width:28em; text-align:center; color:#000}
p {text-align:left}
.box {background:#F5E8FF; border:1px solid #280028; width:140px; margin-top:2px; font-size:12px}
.box p {text-align:center; padding:3px; font-size:12px}
.box div {text-align:center; padding:3px; font-size:12px}
div.headbox {font-size:12px; font-weight:bold; text-align:center; border:solid #280028; border-width:0px 0px 1px 0; padding:1px 2px; margin:2px 0px}
.box center {padding:3px; font-size:12px}
div#catbox {font-size:12px; font-weight:bold; background:#F5E8FF; padding:4px 4px; border:solid #280028; border-width:2px 0; width:11.2em; text-align:center; margin-top:10px; margin-bottom:10px; }
.linkunit {padding-left:18px}
#navbar {background:#F5E8FF; padding:2px 4px; border:solid #280028; border-width:1px 0 0 0; text-align:center; margin-top:15px}
#navbar a {color:#000080}
.t {background:url(images/dottop.gif) 0 0 repeat-x; width:100%}
.b {background:url(images/dotbottom.gif) 0 100% repeat-x}
.l {background:url(images/dotleft.gif) 0 0 repeat-y}
.r {background:url(images/dotright.gif) 100% 0 repeat-y}
.bl {background:url(images/bl.gif) 0 100% no-repeat}
.bk {background:url(images/br.gif) 100% 100% no-repeat}
.tl {background:url(images/tl.gif) 0 0 no-repeat}
.tr {background:url(images/tr.gif) 100% 0 no-repeat; padding:1px 10px 10px 10px}
.tr p { clear:left; }
#viewbox .tr {padding:10px 10px 10px 60px}
div.gooeads { padding-bottom:50px; margin-bottom:50px }
.t h1 {font-size:20px; color:#000}
input {color:#781351; background:#fee3ad; border:1px solid #781351}
.submit input {color:#000; background:#ffa20f; border:2px outset #d7b9c9}
a {text-decoration:underline}
a:link, a:visited {color:#000080}
a:hover, a:active {color:#ff4a00}
.ads { clear:both; float:right; width:336px; padding-top:5px }
div.topadvs { margin:0; padding:0; }
div.topadvsmain { margin:0; padding:0; }
.inads { padding-bottom: 30px; }
.adsck {margin-top:5px; text-align:center}
#top1st {text-align:center; margin-top:5px}
span.welcomem { font-size: 13px; }
.spaceleft {padding-left:20px}
.bottomspace {padding-left:30px}
.catads { margin-top: 10px; margin-bottom: 10px; }
.navbold {font-size:11px; font-weight:bold}
.textbold {font-size:16px; font-weight:bold}
.catboldmid {font-weight:bold}
.searchwhb {width:25px; height:24px; margin-top:2px; vertical-align: middle; }
.submitlogininfo {width:72px; height:23px}
.regsubmit {width:72px; height:23px}
#container {width:980px}
.allcatlink { background-color:red; padding:5px; width:200px; font-size:15px; margin-bottom:5px; text-align:center; margin-right:auto; margin-left:auto; }
.allcatlink a:link, .allcatlink a:active { color:white; text-align:center; }
.allcatlink a:hover, .allcatlink a:visited { color:yellow; }
div.archivedb { padding:4px; background-color:red; color:#FFF; margin-top:10px; margin-left:5px; width:25%; text-align:center; }
div.archivedb a:link, div.archivedb a:hover, div.archivedb a:active, div.archivedb a:visited { text-decoration:none; color:#FFF; font-size:13px; font-weight:bold; }
div.profileinfo { clear:left; width:400px; margin-right:auto; margin-left:auto; }
div.profileimg img {float:left; width:80px; border:1px solid #CCC; padding:4px; margin-bottom:5px; margin-right:10px; }
div.artimg { float:left; padding-left:10px; }
div.autcount { float:left; margin-left:10px; }
div.authorbio { font-size:13px; font-weight:bold; text-decoration:underline; padding-bottom:5px; }
p span.boldtextd { font-weight:bold; font-size:13px; }
.loginlnk { width:320px; margin-right:auto; margin-left:auto; }
.reglnk { width:430px; margin-right:auto; margin-left:auto; }
div.forgotpass { text-align:center; font-size:13px; font-weight:bold; margin-top:10px; }
#copyright {padding:5px; border-top:1px solid #000; text-align:center; font-size:12px; font-weight:bold; color:#000; clear:both}
.divider {float:right; width:1px}
.min100px {height:70px}
.min480px {height:150px}
.min490px {height:270px}
.min500px {height:280px}
.min510px {height:210px}
.min520px {height:350px}
.ctralign {text-align:center}
#boxlen {height:248px}
.adshm {margin-top:5px; text-align:center}
.rightads {padding-top:1px}
.leftads {padding-top:2px}
.threefield { margin-left:110px; }
.midlink { width:100%; display:inline; margin-bottom:15px; font-size:12px; }
.titlebold {font-weight:bold}
.latestnews {font-size:15px; font-weight:bold; color:red}
img.mapimg { margin-left:5px; margin-right:5px; border:none; }
.hi400px { height:285px; }


@media screen and (max-width: 840px){ /* 1st level responsive layout break point- drop right column down*/
body { -webkit-animation: bugfix infinite 1s; margin:0; width:auto; }
#container { width: 100%; }
#tophead { margin:0; padding:0; }
img { max-width: 400px; }
#searchbox { right:0; top:0; margin:0; padding:0; }
.searchwhb { margin-top:0; }
#navbar {display:none; }
.rightlink { display: none; }
#begintophead ul { display: none; }
#contentwrapper { width:100%; }

@-webkit-keyframes bugfix { 
  from {padding:0;} 
  to {padding:0;} 
}

.mobilesidemenu {
float:right;
margin-top:3px;
margin-right:35px;
display:initial;
    width: 0;
    /* width of main container doesn't need width */
}

.mobilesidemenu, .mobilesidemenu * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mobilesidemenu input[type="checkbox"] {
    /* checkbox used to toggle menu state */
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
}

.mobilesidemenu > label {
    /* Main label icon to toggle menu state */
    z-index: 100;
    display: block;
    position: relative;
    font-size: 10px;
    /* change font size to change label dimensions. Leave width/height below alone */
    width: 3.5em;
    height: 3em;
    top: 0;
    right: 0;
    background: white;
    text-indent: -1000px;
    border: 0.6em solid black;
    /* border color */
    border-width: 0.6em 0;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    /* transition for animating label */
}


.mobilesidemenu > label::before, .mobilesidemenu > label::after {
    /* inner stripes inside label */
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0.6em;
    top: 50%;
    margin-top: -0.3em;
    right: 0;
    background: black;
    /* stripes background color. Change to match border color of parent label above */
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    /* transition for flipping label */
}

.mobilesidemenu nav {
    /* NAV menu inside container */
    margin: 0;
    padding: 5px;
    position: fixed;
    text-transform: uppercase;
    border-right: 1px solid gray;
    font: bold 14px Verdana;
    width: 280px;
    /* width of nav menu */
    height: 100%;
    right: -280px;
    /* set left to -width of menu */
    top: 0;
    z-index: 10000;
		-webkit-transform: translate3d(0, 0, 0); /* trigger hardware acceleration */
		transform: translate3d(0, 0, 0);
    background: rgb(242,242,242);
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%, rgba(219,219,219,1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(219,219,219,1)));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
    /* W3C */
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    /* transition for animating nav in and out */
}


.mobilesidemenu nav h2 {
color: black;
margin-right:0;
margin-bottom: 10px;
margin-left:0;
border-top:0;
border-bottom: 2px solid #73462d;
background:none; 
padding:0;  
width:160px; 
text-align:left;
font-size:15px;
}

.mobilesidemenu ul {
    /* UL menu inside container */
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobilesidemenu li {
}


.mobilesidemenu li a {
    display: block;
    text-decoration: none;
    font-size: 1em;
    /* font size of menu links */
    border-left: 8px solid gray;
    border-bottom: 1px solid #c1c1c1;
    color: #3b3b3b;
    margin: 0;
    padding: 12px;
}

.mobilesidemenu li a:hover {
    background: black;
    color: white;
}


.mobilesidemenu nav label {
    /* label button inside nav to close menu */
    cursor: pointer;
    position: absolute;
    text-transform: lowercase;
    right: 0;
    top: 0;
    -moz-border-radius: 0 0 0 40px;
    -webkit-border-radius: 0 0 0 40px;
    border-radius: 0 0 0 40px;
    width: 40px;
    height: 30px;
    background: black;
    box-shadow: 0 0 5px gray;
    text-align: center;
}


.mobilesidemenu nav label::after {
    /* label button x */
    content: "x";
    color: white;
    display: block;
    font-size: 16px;
    margin-top: 2px;
    margin-left: 6px;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.mobilesidemenu .overlay {
    /* overlay that covers entire page when menu is open */
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: .6;
    background: black;
    z-index: 1001;
    visibility: hidden;
}

.mobilesidemenu .overlay label {
    /* label of overlay that closes menu when clicked on */
    width: 100%;
    height: 100%;
    position: absolute;
}


.mobilesidemenu nav label:hover::after {
    /* state of NAV label::after when mouse moves over */
    -moz-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
    transform: rotatey(180deg);
    /* flip labels vertically onMouseover */
}

.mobilesidemenu input[type="checkbox"]:checked ~ label {
    /* state of main menu label when menu is open  */
    border-color: transparent;
}

.mobilesidemenu input[type="checkbox"]:checked ~ label::before {
    /* state of main menu label::before when menu is open  */
    transform: rotate(-45deg);
}

.mobilesidemenu input[type="checkbox"]:checked ~ label::after {
    /* state of main menu label::after when menu is open  */
    transform: rotate(45deg);
}

.mobilesidemenu input[type="checkbox"]:checked ~ nav {
    /* state of NAV when menu is open  */
    right: 0;
    /* set left to 0 to animate it into view  */
}

.mobilesidemenu input[type="checkbox"]:checked ~ div.overlay {
    /* state of overlay when menu is open  */
    visibility: visible;
}
h1.headhome { text-align:center; width:33em; font-size:15px; }
h2 { width: 33em; font-size:15px; margin-top: 30px; }
#top1st { margin-top: 20px; }
span.welcomem { font-size: 13px; }
.catads { margin-top: 5px; margin-bottom: 5px; }
div.topadvs { margin:0; padding:0; }
div.topadvsmain { margin:0; padding:0; }
.textbold { font-size:16px; }
.content { margin:0; margin-top: 5px; border:none; padding:0; font-size:90%; max-width:840px; }
.content1 { margin:0; margin-top: 25px; border:none; padding:0; font-size:90%; max-width:840px; }
.content2 { margin:0; margin-top: 25px; border:none; padding:0; font-size:90%; max-width:840px; }
.contentsearch { margin:0; margin-top: 25px; border:none; padding:0; font-size:90%; max-width:840px; }
div.gooeads { padding-bottom:55px; margin-bottom:55px }
.tr { padding: 1px 10px 5px 10px; }
.tr p { word-wrap: break-word; }
#viewbox { text-align: left; }
#viewbox .tr { padding: 10px 10px 10px 20px; }
.bottomspace { text-align: left; padding-left: 50px; }
.loginad { display: none; }
.menu { display: none; }
.box { display: none; }
#catbox { display: none; }
.leftads { display: none; }
.hi400px { height:20px; }
<!--[if lte IE 8]>
.mobilesidemenu > label{
	border: 6px solid black;
	background: #eee;
	height: 30px;
}
<![endif]-->	
}

@media screen and (max-width: 480px){ /* 2nd level responsive layout break point- drop left column down */
body { margin:0; padding:0; width:auto; }
#container { width:97%; margin:0; padding:0; }
#tophead img { max-width:200px; }
img { max-width: 260px; }
#tophead { margin:0; padding:0; }
#searchbox { margin-top:15px; margin-left:0; position: static; left: 0; background:#F5E8FF; padding:5px 4px; border:solid #280028; border-width:1px 0 0 0; width: 100%; }
#searchbox div { font-size:12px; font-weight:bold; }
#searchbox input[type="text"] { width:180px; height:22px; }
.searchwhb { margin-top:0; }
#navbar {display:none; }
.rightlink { display: none; }
#begintophead ul { display: none; }
#contentwrapper { width:100%; }
h1.headhome { text-align:center; width:100%; font-size:15px; }
h2 { width: 100%; font-size:15px; margin-top: 30px; }
#top1st { margin-top: 50px; }
.adsck { padding-top:20px; }
span.welcomem { font-size: 11px; }
.catads { margin-top:5px; margin-bottom:5px; }
.textbold { font-size:14px; }
.content { margin:0; margin-top:5px; border:none; padding:0; font-size:90%; width:100%; }
.content1 { margin:0; margin-top:40px; border:none; padding:0; font-size:90%; width:100%; }
.content2 { margin:0; margin-top:60px; border:none; padding:0; font-size:90%; width:100%; }
.contentsearch { margin:0; margin-top:60px; border:none; padding:0; font-size:90%; width:100%; }
.ads { float:none; max-width:260px; padding:0; padding-top:5px; margin:0; }
div.topadvs { margin:0; padding:0; padding-top:20px; }
div.topadvsmain { margin:0; padding:0; padding-top:20px; }
.t { margin-left:5px; }
.tr { padding: 1px 5px 5px 10px; }
div.gooeads { padding-bottom:40px; margin-bottom:40px }
div.profileinfo { width:300px; }
div.profileimg img { margin-right:5px; }
.threefield { margin-left:85px; }
div.archivedb { width:50%; }
div.artimg { padding-left:5px; }
div.artimg img { width:45px; }
div.content img { max-width:280px; }
div.content1 img { max-width:280px; }
div.content2 img { max-width:280px; }
div.contentsearch img { max-width:280px; }
div.autcount { font-size:10px; }
div.autcount img { width:30px; }
div.authorbio { font-size:12px; }
div.linkadz { padding-top:20px; }
.tr p { word-wrap: break-word; }
#viewbox { text-align: left; }
#viewbox .tr { padding: 10px 10px 10px 10px; }
.bottomspace { text-align: left; padding-left: 15px; }
.loginad { display: none; }
.menu { display: none; }
.box { display: none; }
#catbox { display: none; }
.leftads { display: none; }
#copyright { width:100%; }
.hi400px { height:20px; }
}