1
2body { margin: 0px; padding: 0px;
3    /*background-image: url('images/back2.png'); */
4    background-image: url('images/bg-texture-dark.jpg'); /* or light */
5    /*background-color: black;*/
6font-family: Tahoma; color: black; }
7
8.container { margin-left: 150px; margin-top: 30px; width: 990px;  }
9.contentbox { border: 10px solid #3c3c3c; background-color: white;
10					padding: 1em; color: black; min-height: 400px;
11					line-height: 1.35em; margin-bottom: 1.35em; }
12.contentbox:last-child { border-left: 0px; }
13
14div.pagename{
15
16background-color: #fcfcfc;
17border-color: #3c3c3c;
18border-style: solid;
19border-width: 15px;
20color: black;
21
22width: 500px; max-width: 100%;
23box-sizing: border-box;
24min-height : 80px;
25padding: 8px;
26
27/*float: left;*/
28clear: both;
29margin-bottom: 2.35em;
30}
31
32.showbreak {
33  padding: 12px 12px;
34  position: relative;
35  left: -10px;
36  width: 100%;
37  box-sizing: content-box;
38}
39
40    /* make the footer stick to the bottom of the parent div */
41    /* https://stackoverflow.com/a/5106210/337306 */
42    .showbreak:not(:first-child) { position: absolute; bottom: 0px; }
43    .contentbox { position: relative; }
44
45.showbreak:not(:first-child){
46  border-top: 10px solid #3c3c3c;
47  padding: 12px 18px;
48  padding-right: 0px;
49}
50.showbreak:first-child{
51    border-bottom: 10px solid #3c3c3c;
52    top: -8px;
53    /*padding-right: unset;*/
54}
55
56div.column{
57    /* ie inline-block: fix
58    http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/
59    http://www.quirksmode.org/css/display.html
60    */
61    display: inline-block;
62    box-sizing: border-box;
63    /*float: left;*/
64    padding-left: 8px;
65    padding-right: 8px;
66    padding-top: 8px;
67    font-size: 14px;
68    /*border: solid #000000 0px;*/
69    vertical-align: middle;
70}
71
72div.row{
73    /* ie inline-block: fix
74    http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/
75    http://www.quirksmode.org/css/display.html
76    */
77    display: block;
78    font-size: 14px;
79    /*border: solid #000000 0px;*/
80
81    vertical-align: middle;
82    min-width: 100px;
83
84    clear: both;
85}
86
87.pagename a:link, .pagename a:visited { color: unset; }
88
89/*Credits: Dynamic Drive CSS Library */
90/*URL: http://www.dynamicdrive.com/style/ */
91#ddblueblockmenu{
92border: 0px solid black;
93border-bottom-width: 0;
94width: 100%;
95/*font-size: 0.8em;*/
96}
97
98#ddblueblockmenu ul{
99margin: 0;
100padding: 0px;
101list-style-type: none;
102}
103
104#ddblueblockmenu li a{
105display: block;
106padding: 6px 0px;
107padding-left: 9px;
108width: 169px; /*185px minus all left/right paddings and margins*/
109text-decoration: none;
110/*color: #dcdcdc;*/
111/*background-color: #595959;*/
112border-bottom: 0px solid #4d4d4d;
113border-left: 0px solid #484848;
114}
115
116* html #ddblueblockmenu li a{ /*IE only */
117width: 187px; /*IE 5*/
118width: 169px; /*185px minus all left/right paddings and margins*/
119}
120
121#ddblueblockmenu li a:hover {
122background-color: #000080;
123border-left-color: #484848;
124color: white;
125}
126
127#ddblueblockmenu li .active {
128background-color: #484848;
129border-left-color: #484848;
130cursor: pointer;
131}
132
133#ddblueblockmenu div.menutitle{
134color: black;
135border-bottom: 3px solid #4d4d4d;
136padding: 1px 0;
137padding-left: 5px;
138/* background-color: #3c3c3c; */ padding-top: 12px;
139/*font: bold 90%;*/
140font-weight: bold;
141font-size: 1em;
142}
143
144/* ----- forms ----- */
145select {
146 font-family: Verdana, Arial, Helvetica, sans-serif;
147 font-size: 16px;
148 margin-right: 6px;
149 background-color: #CCCCCC;
150 border: 1px solid #666666;
151 color: black;
152}
153
154input, input[type='text'], input[type='password'], textarea {
155 font-family: Verdana, Arial, Helvetica, sans-serif;
156 font-size: 16px;
157 margin-right: 6px;
158 background-color: #CCCCCC;
159 border: 1px solid #666666;
160 color: black;
161}
162
163button, button[type='submit']{
164 font-family: Verdana, Arial, Helvetica, sans-serif;
165 font-size: 16px;
166 margin-right: 6px;
167 background-color: #CCCCCC;
168 border: 3px ridge #666666;
169 color: black;
170}
171
172
173/* ------ */
174.flex { display: flex !important; }
175.sparewidth { flex-grow: 100; }
176/* make column fill spare remaining width of container
177        https://stackoverflow.com/a/40447261/337306 */
178
179        .makehigh{ display: table; }
180        .makehigh .column { display: table-cell; float: none; }
181        /* all columns same height */
182        /* https://www.w3schools.com/howto/howto_css_equal_height.asp */
183
184
185/* ----------------- listamatic menu -----------------  */
186#navcontainer ul
187{
188padding: 1.15em;
189margin-top: 0;
190/* cancels gap caused by top padding in Opera 7.54 */
191margin-left: 0px;
192padding-left: 3.15em;
193/*background-color: #EE5D3F;*/
194background-color: rgba(0, 0, 255, 0.25);
195color: white;
196max-width: 100%;
197line-height: 18px; /* fixes Firefox 0.9.3 */
198
199}
200
201#navcontainer ul li
202{
203display: inline-block;
204margin: 0.85em 0;
205/*padding-left: 0;*/
206/*padding-right: 0;*/
207/*padding-bottom: 5px;*/
208text-align: center;
209/* matches link padding except for left and right */
210/*padding-top: 5px;*/
211}
212
213#navcontainer ul li a
214{
215padding: 1.15em;
216color: white;
217/*background-color: #D44326;*/
218
219text-decoration: none;
220}
221
222#navcontainer  #current
223{
224padding-left: 20px;
225padding-right: 20px;
226padding-bottom: 5px;
227padding-top: 5px;
228color: white;
229background-color: #0066cc;
230text-decoration: none;
231}
232
233#navcontainer ul li a:hover
234{
235background-color: #0066cc;
236color: white;
237}
238
239#navcontainer2 ul
240{
241padding: 0em;
242margin-top: 0;
243/* cancels gap caused by top padding in Opera 7.54 */
244margin-left: 0px;
245padding-left: 0em;
246margin-bottom: 0px;
247/*background-color: #EE5D3F;*/
248background-color: transparent;
249color: white;
250max-width: 100%;
251line-height: 18px; /* fixes Firefox 0.9.3 */
252
253font-size: 0px;
254
255}
256
257#navcontainer2 ul li {
258    border-top: 10px solid #3c3c3c;
259    border-left: 10px solid #3c3c3c;
260    border-right: 10px solid #3c3c3c;
261    border-bottom: 0px;
262    /*padding:0.85em; */
263    display: inline-block;
264    background-color: white;
265     /*padding-left: 0;*/
266    /*padding-right: 0;*/ /*padding-bottom: 5px;*/
267    text-align: center; /* matches
268    link padding except for left and right */ /*padding-top: 5px;*/
269    position: relative; top: 3px;
270
271    font-size: 16px;
272    margin-right: 8px;
273}
274
275#navcontainer2 ul li a
276{
277padding: 0.85em 2em;
278color: black;
279box-sizing: border-box;
280/*background-color: #D44326;*/
281width: 100%;
282text-decoration: none;
283display: inline-block;
284}
285
286#navcontainer2  #current
287{
288padding-left: 20px;
289padding-right: 20px;
290padding-bottom: 5px;
291padding-top: 5px;
292color: white;
293background-color: #0066cc;
294text-decoration: none;
295}
296
297#navcontainer2 ul li a:hover
298{
299background-color: #0066cc;
300color: white;
301}