/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  html { margin: 0pt;
    padding: 0pt;
    font-size: 1rem;  /* 1rem = 12 px | 2.1rem = 25px | .8rem = 10px | 1.2rem = 14px | 3.75rem = 45px |20.8rem =250px*/
    }

/* smart phone width 321px */
@media only screen and (min-width : 320px) and (max-width : 479px) {

  #mainbox { border-left: 0px none;
    border-right: 1px solid rgb(0, 0, 0);
    margin: 0rem .2rem 0rem .2rem;
    padding: .2rem;
    width: 69%;
    }
	
  div#rightbox { padding: .1rem .1rem .3rem;
    position: absolute;
    right: .1rem;
    color: black;
    background-color: rgb(242, 242, 242);
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 1.3rem;
    width: 25%;
	overflow: hidden;
    }
	
.menu_1 { height: 2rem;
    font-size: 1.2rem;
    }
	
 .menu_2 { height:9.75rem;
    font-size: 1.5rem;
    line-height: 1.53rem;
    }
	
  .center500 { margin: 0px auto;
    padding: 0px;
    width: 26rem;
    text-align: center;
    }
	
 #weavers_sm { border-style: solid;
    border-width: 1px;
    position: absolute;
    right: .1rem;
    top: 7.1rem;
    height: 3.75rem;
    width: 10rem;
    background-color: rgb(204, 204, 204);
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    }

  #weavers_sm_left { border-style: solid;
    border-width: 1px;
    position: absolute;
    left: 0px;
    top: 7.1rem;
    height: 3.75rem;
    width: 10rem;
    background-color: rgb(204, 204, 204);
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    }
	
 .wide { background-color: rgb(242, 242, 242);
    text-align: center;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    }

  .menu { background-color: rgb(242, 242, 242);
    color: rgb(0, 64, 128);
    text-decoration: none;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 26rem;
    }
}

@media only screen and (min-width : 480px) and (max-width : 629px) {

  #mainbox { border-left: 0px none;
    border-right: 1px solid rgb(0, 0, 0);
    margin: 0rem .2rem 0rem .2rem;
    padding: .2rem;
    width: 69%;
    }
	
  div#rightbox { padding: .1rem .1rem .3rem;
    position: absolute;
    right: .1rem;
    color: black;
    background-color: rgb(242, 242, 242);
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 1.3rem;
    width: 25%;
    }
	
.menu_1 { height: 2rem;
    font-size: 1.2rem;
    }
	
 .menu_2 { height:6.7rem;
    font-size: 1.5rem;
    line-height: 1.6rem;
    }
	
  .center500 { margin: 0px auto;
    padding: 0px;
    width: 26rem;
    text-align: center;
    }
	
 #weavers_sm { border-style: solid;
    border-width: 1px;
    position: absolute;
    right: .1rem;
    top: 4.1rem;
    height: 3.75rem;
    width: 10rem;
    background-color: rgb(204, 204, 204);
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    }

  #weavers_sm_left { border-style: solid;
    border-width: 1px;
    position: absolute;
    left: 0px;
    top: 4.1rem;
    height: 3.75rem;
    width: 10rem;
    background-color: rgb(204, 204, 204);
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    }
	
 .wide { background-color: rgb(242, 242, 242);
    text-align: center;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    }

  .menu { background-color: rgb(242, 242, 242);
    color: rgb(0, 64, 128);
    text-decoration: none;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 26rem;
    }
}


@media only screen and (min-width : 630px) {
 div#rightbox { padding: 5px 5px 10px;
    position: absolute;
    right: 16px;
    color: black;
    background-color: rgb(242, 242, 242);
    margin-top: 5px;
    font-size: .8rem;
    line-height: .8rem;
    width: 200px;
    }

  #mainbox { border-left: 0px none;
    border-right: 1px solid rgb(0, 0, 0);
    margin: 0pt 225px 0pt 6px;
    padding: 10px;
    }
	
.menu_1 { height: 25px;
    font-size: 1.1em;
    }

.menu_2 { height: 48px;
    font-size: 1rem;
    line-height: 1rem;
    }

  .center500 { margin: 0px auto;
    padding: 0px;
    width: 500px;
    text-align: center;
    }
	
 #weavers_sm { border-style: solid;
    border-width: 1px;
    position: absolute;
    right: 5px;
    top: 24px;
    height: 45px;
    width: 120px;
    background-color: rgb(204, 204, 204);
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    }

  #weavers_sm_left { border-style: solid;
    border-width: 1px;
    position: absolute;
    left: 5px;
    top: 24px;
    height: 45px;
    width: 120px;
    background-color: rgb(204, 204, 204);
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    }
	
 .wide { background-color: rgb(242, 242, 242);
    text-align: center;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    }

  .menu { background-color: rgb(242, 242, 242);
    color: rgb(0, 64, 128);
    text-decoration: none;
    font-size: .8rem;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    }
	
}

  body { background-color: rgb(255, 255, 255);
    font-family: arial,helvetica,sans-serif;
    color: black;
    margin-left: 1px;
    margin-right: 3px;
    margin-top: 0pt;
    }

  table { font-size: .9rem;
    }

  td { font-size: .9rem;
    }

  th { font-size: 1rem;
    }

  tr { font-size: .9rem;
    }

  div { font-family: arial,helvetica,sans-serif;
    }

  p, br { font-family: arial,helvetica,sans-serif;
    }

  dd { font-family: arial,helvetica,sans-serif;
    font-size: .8rem;
    }

  big { font-size: 1.1rem;
    }

  big b, b big { font-size: 1.1rem;
    color: rgb(0, 0, 160);
    }

  small { font-size: .8rem;
    }

  a:link { color: rgb(0, 0, 160);
    }

  a:visited { color: rgb(0, 128, 192);
    }

  a:active { color: lime;
    }

  a:hover { color: rgb(0, 128, 64);
	background-color:#dfdfdf;
    }

  fieldset { background-color: #d1e2ff;
    }

  .big { font-size: 1.1rem;
    }

  .indent { margin-left: 100px;
    margin-right: 100px;
    }
	
 .div_indent {    margin-left: 10px;
    margin-right: 3px;
	}

  .outspace { margin-left: 1px;
    }

  .widediv { background-color: rgb(0, 64, 128);
    text-align: center;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    }


  .menu a { color: rgb(0, 0, 0);
    text-decoration: none;
    }

  .menu a:visited { color: rgb(0, 0, 0);
    font-weight: bold;
    text-decoration: none;
    }

  .menu a:hover { color: rgb(0, 0, 187);
    font-weight: bold;
    text-decoration: underline;
    background-color: rgb(223, 223, 223);
    }

  .menu_1 { background-color: rgb(0, 64, 128);
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    }

  .menu_2 { margin: 0px auto;
    padding: 0px;
    background-color: rgb(209, 226, 255);
    color: rgb(0, 0, 0);
    text-decoration: none;
     font-weight: bold;
    text-align: center;
    }

  .menu_3 { margin: 0px;
    padding: 0px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    width: 100%;
    height: 65px;
    }

 
  #update { position: absolute;
    right: 5px;
    top: 3px;
    font-size: .7rem;
    color: white;
    }



  #truevine { border-style: solid;
    border-width: 1px;
    padding: 0px;
    position: absolute;
    left: 5px;
    top: 25px;
    height: 45px;
    width: 120px;
    }

 
	
  .col_left { border-style: none;
    border-width: 1px;
    padding: 5px 5px 10px;
    float: left;
    color: black;
    margin-top: 5px;
    font-size: 1.3rem;
    line-height: 2.3rem;
    background-color: white;
    width: 45%;
    margin-left: 10px;
    }

  .gray_background_map { font-weight: bold;
    background-color: rgb(233, 233, 233);
    }

  .col_right { border: 2px none blue;
    padding: 5px 5px 10px;
    top: 0px;
    color: black;
    margin-top: 5px;
    font-size: 1.3rem;
    line-height: 1.9rem;
    background-color: white;
    margin-left: 52%;
    width: 45%;
    }

  .col_left dt, .col_right dt { position: relative;
    margin-left: 0px;
    font-size: 1rem;
    width: 100%;
    }

  .col_left dd, .col_right dd { position: relative;
    margin-left: 10px;
    font-size: 1rem;
    }

  .col_left a:hover, .col_right a:hover { color: rgb(0, 0, 187);
    font-weight: normal;
    text-decoration: none;
    background-color: rgb(223, 223, 223);
    }
#counter {
    height:20px;
    width:90px;
    background-image: url("/cgi-sys/Count.cgi?df=mayberry.dat|display=Counter|ft=1|md=6|frgb=100;139;216|dd=C");
    background-repeat: no-repeat;
}
 .col_right dt { position: relative;
    margin-left: 0px;
    font-size: 1rem;
    width: 100%;
    }

  .col_left dd, .col_right dd { position: relative;
    margin-left: 10px;
    font-size: 1rem;
    }

  .col_left a:hover, .col_right a:hover { color: rgb(0, 0, 187);
    font-weight: normal;
    text-decoration: none;
    background-color: rgb(223, 223, 223);
    }

  .dropcontent, .staticcontent {
	/* height: 200px;*/
	border: 1px solid black;
	background-color: #d1e2ff; /* was #c5d3eb*/
	padding: 3px;
	display:block;
	font-size: 1rem;
}
 
.staticcontent_special {
	/* height: 200px;*/
	border: 2px solid black;
	background-color: #ffffcc;
	padding: 3px;
	display:block;
}

div.feedBurnerFeedBlock  {
     line-height: 10pt; 
}
 
div.feedBurnerFeedBlock ul, div.feedBurnerFeedBlock li {
	padding: 0;
	margin-left: 1em;
	margin-bottom: 12pt;
	line-height: 10pt; 
}