body	{background: #AED673;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666600}
                 
div.watch {padding:15px; padding-bottom:20px}
h1,h2	{margin:0; color:#FFFFFF}

h1 {font-size: 35px}
p	{margin-top:0; line-height:1.2; margin-bottom:12px; text-align:justify;font-size: 20px}

p.smalltimepieces {text-align: center;
		border-style: none;}

p.banner {text-align: center;
		border-style: none;}

div.nav_bar {color: #CC0033; margin-left: auto; margin-right: auto; width: 20em}

 /*a:link, a:visited {color: #666600}*/
a:link  {color: #0000FF}
a:visited {color: #666600}
a:focus, a:hover, a:active {color: #008080; text-decoration: none;}
img.odd {display: block;  margin: auto;  max-width: 60%; height: auto; background:#AED673}


@media only screen and (min-width: 630px) {
  /* only for screens wider or equal to 630 pixels */
  /* code from https://www.thesitewizard.com/css/design-2-column-layout.shtml */
p	{margin-top:0; margin-bottom:12px; line-height:1.2; text-align:justify;font-size: 17px}  
div.main {
    float: right ;
    width: 77% ;
  }
  div.nav_bar {
    float: right;
    width: 23%;
  }
}