1body { /* background-image: url('../graphics/back3i.png'); */ background-color: __background__;
2
3font-family:  'Calisto MT', 'Garamond', 'Times New Roman', serif;
4/*color: #2a2a2a;*/  letter-spacing: 0.02em; }
5header { padding: 16px; }
6article { line-height: 1.85em; }
7.white { background-color: white; /*color: #111111; */}
8/*.row { background-color: teal; }*/
9.footer { margin-top: 2em !important; padding: 1em;
10	box-sizing: border-box; clear: both; display: block !important;
11	float: none !important; }
12p { margin-top: 1.15em; margin-bottom: 1.15em; }
13hr { color: #C5BB49; height: 3px; border: 0px; background-color: #C5BB49; }
14
15header h1 { margin: 0px; }
16header a:link, header a:visited { color: black; text-decoration: none; }
17header a:hover { color: #cc0000; text-decoration: underline; font-weight: bold; }
18.contenthere { padding: 16px; }
19.contenthere img { max-width: 95%; height: inherit; margin: 16px 0px; }
20
21h1 {
22	font-size: 2em;
23}
24	h1 a {
25		text-decoration: none;
26	}
27h2 {
28	font-size: 1.5em;
29	color: #666;
30	background-color: __background_alt__;
31	text-align: center;
32}
33blockquote { border-left: 5px solid #C5BB49; background-color: #F4F2DC; padding: 9px; }
34ul#boxes li {
35	font-family: Georgia;
36	font-size: 1.33em;
37	padding: 2.5em 0;
38	color: #999;
39	background-color: #e5e5e5;
40	text-align: center;
41}
42
43.subheader{
44background-color: #92C549; color: white; padding: 3px;
45}
46
47.menonart {
48	background-color: #99ccff; min-width: 30px;
49	margin-right: 16px;  margin-bottom: 12px; padding: 8px;
50	display: inline-block;
51}
52
53/* ----- forms ----- */
54select {
55 font-family: Verdana, Arial, Helvetica, sans-serif;
56 font-size: 16px;
57 margin-right: 6px;
58 background-color: #CCCCCC;
59 border: 1px solid #666666;
60 color: black;
61}
62
63input, input[type='text'], input[type='password'], textarea {
64 font-family: Verdana, Arial, Helvetica, sans-serif;
65 font-size: 16px;
66 margin-right: 6px;
67 background-color: #CCCCCC;
68 border: 1px solid #666666;
69 color: black;
70}
71
72button, button[type='submit']{
73 font-family: Verdana, Arial, Helvetica, sans-serif;
74 font-size: 16px;
75 margin-right: 6px;
76 background-color: #CCCCCC;
77 border: 3px ridge #666666;
78 color: black;
79}
80
81/* ----- menu ----- */
82
83#navcontainer { min-width: 100px; }
84
85#navcontainer ul
86{
87margin-left: 0;
88padding-left: 0;
89list-style-type: none;
90margin: 0px;
91margin-bottom: 1em;
92}
93
94#navcontainer li {  }
95
96#navcontainer a
97{
98display: block;
99padding: 16px;
100background-color: #D4CC77;
101border-bottom: 1px solid #eee;
102}
103
104#navcontainer a:link, #navlist a:visited
105{
106color: #2a2a2a;
107text-decoration: none;
108}
109
110#navcontainer a:hover
111{
112background-color: #C5BB49;
113font-weight: bold;
114padding-left: 16px;
115color: #fff;
116}/*/*
117
118/* toggle menu on mobile */
119/* https://uglyduck.ca/menu-toggle-css/ */
120/* https://stackoverflow.com/q/10782054/337306 */
121
122/* Set the input position to absolute, send it off screen with zero opacity */
123.hide, .menutoggle {
124    /*left: -9999px; opacity: 0; position: absolute;*/
125    display: none;
126}
127
128/* Minor visual styling to make the label more button-y */
129label.menutoggle {
130    border: 0px solid currentColor;
131    background-color: #D4CC77;
132    border-radius: 0px;
133    cursor: pointer;
134    padding: 10px;
135    margin: 1em 0px;
136	font-size: 1.15em;
137}
138