body	{   font-family:    Verdana, Arial; 
            font-size:      100%;
            margin:         0; 
            background:     none;
            }

th, td	{font-family: Verdana, Arial; font-size: 100%; }
.sm  	{font-family: Verdana, Arial; font-size: 8pt; color: #F00; }
.medred	{font-family: Georgia, Verdana; font-size: 12pt; color: #F00; }
.large  {font-family: Georgia, Arial; font-size: 12pt; }
.big    {font-family: Verdana, Arial; font-size: 12pt; }
.white  {color: #FFF; }
.black  {background-color: #000; color: #FFF; }
.invred {background-color: #F00; color: white; border-radius: 4px; padding: 2px 4px;}

h1      {	font-family: Georgia, Arial, "sans serif"; 
			font-size: 24pt; 
			font-weight: normal;
			}
h2      {	font-family: Georgia, Arial, "sans serif"; 
			font-size: 20pt; 
			font-weight: normal;
			}
h3      {	font-family: Georgia, Arial, "sans serif"; 
			font-size: 17pt; 
			font-weight: normal;
			}
h4      {	font-family: Georgia, Arial, "sans serif"; 
			font-size: 15pt; 
			font-weight: normal;
			}

input	{	padding: 3px; }
textarea {	padding: 3px; }

#Hdr1 {
    margin: 0 auto;
    text-align: center;
    color: #900;
    }

#Hdr1 b {
    font-family: 'Noto Serif', Georgia, Arial;
    font-weight: normal;
    font-size: 400%;
    letter-spacing: 0.05em;
    color: #0DFF00;
    text-shadow: -1px -1px 0 #050, 1px -1px 0 #050,
                 -1px 1px 0 #050, 1px 1px 0 #050;
    }


a.no { text-decoration: none; }
a:hover {color:red; text-decoration: underline;}
.note { background-color: #FF6; padding: 6px;  border-style: solid;
		border-width: 1px; border-color: #000; font-size: x-small; }
.spec { background-color: #F00; color: #FFF; }
.menu { background-color: #0F0;
		border-width: 1px; border-color: black; border-style: solid; 
		padding: 5px;
		}

.leftcell {
    border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
    border-radius: 6px 0 0 6px;
    background-color: #0F0;
    }

.rightcell {
    border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
    border-radius: 0 6px 6px 0;
    background-color: #0F0;
    }

.hdr {		font-weight:		bold;
			text-decoration:	underline;
			}
.year    {	font-family: Georgia, Arial, "sans serif"; 
			font-size: 20pt; 
			font-weight: normal;
            padding: 3px 15px;
            text-decoration: none;
			}
.boldred {  font-weight: bold; color: #900; }
.boldgreen {font-weight: bold; color: #060; }
.boldblue {font-weight: bold; color: #006; }
.red {      color:              red; }
.myred {    color:              #900; }
.blue { color: blue; }
.bgreen { background-color: #0F0; }
.wsu {      text-align: left; }
.st { text-decoration: line-through; color: #AAA; }
.alt { font-size: 70%; font-style: italic; color: #AAA; }
            
.indent {   margin-left:        0.5em;
            margin-right:       0.5em;
            }

.who {      color:              #060;
            font-weight:        bold;
            font-style:         normal;
            }
.center {   text-align:         center; }
.left {     text-align:         left; }
.right {    text-align:         right; }
.top {      vertical-align:     top; }
.middle {   vertical-align:     middle; }
.bottom {   vertical-align:     bottom; }
.border1 {  border:             1px solid black; }
.border1r { border:             1px solid black;
            border-radius:      12px; }
.norm {     font-family:        Verdana, Arial; 
            font-size:          100%;
            font-weight:        normal;
            }
.n {        border: none;
            text-align: left;
            }
.nr {       border: none;
            text-align: right;
            }
.bold {     font-weight: bold; }
.button {   font-weight:        bold;
            background-color:   #125D62;
            background-color:   #43C6D2;
            background-color:   #0F0;
            color:              white;
            color:              #00F;
            padding:            3px 5px;
            border:             1px solid black;
            border:             2px solid #72DEE9;
            border:             1px solid blue;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius:      6px;
            -webkit-box-shadow: 3px 3px 3px 0px #8C8C8C;
            -moz-box-shadow: 3px 3px 3px 0px #8C8C8C;
            box-shadow: 3px 3px 3px 0px #8C8C8C;
            }
.sheet {
    margin: 0 4em;
    border: 1px solid black;
    background-color: white;
    border-radius: 8px;
    padding: 1em;
    -webkit-box-shadow: 6px 6px 12px 0px rgba(50, 50, 50, 0.77);
    -moz-box-shadow:    6px 6px 12px 0px rgba(50, 50, 50, 0.77);
    box-shadow:         6px 6px 12px 0px rgba(50, 50, 50, 0.77);
    }

#Beth { display: none; }

#notice {
    margin: auto;
    padding: 0 0.5em 0.5em 0.5em;
    }

.phoneNumbers {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size: 100%;
    }
.phTD {
    margin: 0;
    padding: 3px 6px;
    border: 1px solid black;
    border-collapse: collapse;
    }

table.t-btable {
    margin: 0 auto;
    border-collapse: collapse;
    background-color: #BCFFC0;
    }
table.t-btable th {
    margin: 0;
    padding: 5px;
    color: #00A;
    font-weight: bold;
    font-family: Georgia, Verdana, 'sans serif';
    font-size: 120%;
    text-align: center;
    border: 1px solid black;
    }
table.t-btable td {
    margin: 0;
    text-align: center;
    padding: 5px;
    border: 1px solid black;
    }
.t-btable .tl { text-align: left; }
.t-btable .tc { text-align: center; }
.t-btable .tr { text-align: right; }
.t-btable .tt { vertical-align: top; }
.t-btable .tm { vertical-align: middle; }
.t-btable .tb { vertical-align: bottom; }

.p600 { width: 90%; }
.p1000 { width: 90%; }
#GPNDG { width: 90%;  }
.plrc { color: #555; margin: 0 1em; }

@media only screen and (min-width: 620px) {
    .p600 { width: 80%; }
    .p1000 { width: 80%; }
    #notice { padding: 0 1em 1em 1em; }
    #Hdr1 b { font-size: 500%; }
    .indent { margin-left: 1em; margin-right: 1em; }
    }

@media only screen and (min-width: 720px) {
    #Beth { display: inline;
            padding: 0 2em 2em 2em; }
    .p600 { width: 600px; }
    .p1000 { width: 1000px; }
    #GPNDG { width: 500px; height: 200px; }
    #Hdr1 b { font-size: 600%; }
    .indent { margin-left: 2em; margin-right: 2em; }
    }
@media only screen and (min-width: 1000px) {
    body { margin: 2em; background: green url(green-grad.gif) repeat-x; }
    #notice { border: 1px solid black;
              background-color: white;
              border-radius: 8px;
              width: 800px;
              padding: 0 2em 2em 2em;
              -webkit-box-shadow: 6px 6px 15px 10px #000000;
              box-shadow: 3px 3px 8px 5px #666666;
              }
    #GPNDG { width: 500px; height: 200px; }
    .plrc { color: white; margin: 0 auto; }
}