1/*
2designed by desbest --> http://desbest.com
3
4== this stylesheet has internet explorer and
5	opera specific tags specified by
6	#IERoot
7*/
8
9body {
10	background: __background__;
11	/* background-color: #0B0B0B; */
12	font-family: Tahoma, 'Apple SD Gothic Neo', serif;
13	font-size: 13px;
14	text-align: center;
15	margin:0px;
16	/*color: #000000;*/
17
18	height: 100%; /* fix height to 100% for IE */
19	max-height: 100%; /* fix height for other browsers */
20	padding: 0px ; /*remove padding */
21	margin: 0px; /* remove margins */
22	border: 0px; /* remove borders */
23
24	/*	 http://www.cssplay.co.uk/layouts/basics2.html
25	 fixed header and footer css fix
26	 */
27
28}
29
30img{
31border: 0px;
32}
33
34.header a:link, .header a:visited { color: white; }
35/*a:link, a:visited    { color: #00666cc; text-decoration: none; }*/
36a:hover   { color: #99ccff; text-decoration: underline; }
37a:active  { color: #cc0000; text-decoration: none; }
38
39.header{
40	background-image: url('images/header.jpg');
41	width: 100%;
42	height: 106px;
43	max-width: 100%;
44	text-align: center;
45	margin: 0px;
46	padding: 0px;
47
48position: relative;
49z-index: 2;
50
51}
52
53
54
55.headerbridge{
56	background-image: url('images/headerbridge.jpg');
57	height: 15px;
58	width: 100%;
59	margin: 0px;
60	padding: 0px;
61
62	position: relative;
63z-index: 2;
64
65}
66
67.headerpadding{
68	width: 990px;
69	margin-left: auto;
70	margin-right: auto;
71	margin-top: 0px;
72	padding-top: 56px;
73	color: #ffffff;
74	text-align: left;
75	font-size: 24px;
76
77position: relative;
78z-index: 2;
79
80
81}
82
83
84#IERoot .headerpadding{
85	width: 990px;
86	margin-left: auto;
87	margin-right: auto;
88	margin-top: 0px;
89	padding-top: 36px;
90	color: #ffffff;
91	text-align: left;
92	font-size: 24px;
93
94position: relative;
95z-index: 2;
96
97
98}
99
100.headercontainer{
101z-index: 2;
102/*position: fixed;*/
103width: 100%;
104}
105
106
107.three{
108z-index: 3;
109position: fixed;
110}
111
112.container{
113width: __site_width__;
114max-width: 990px;
115min-height: ~"calc(100vh - 121px)";
116margin-left: auto;
117margin-right: auto;
118text-align: left;
119padding-left: 12px;
120padding-right: 12px;
121background-image: url('images/wood.jpg');
122
123clear: both;
124
125position: relative;
126top: 121px;/*top: 121px;*/ /* for when .headercontainer is fixed */
127
128overflow: auto;
129
130box-sizing: content-box;
131}
132
133/* fixed header */
134/*.headercontainer { position: fixed; } .container { top: 121px; }*/
135
136/* IEroot declarations only appear in
137internet explorer and opera */
138
139#IEroot .container{
140width: 990px;
141max-width: 990px;
142height: 100%;
143max-height: 100%;
144margin-left: auto;
145margin-right: auto;
146text-align: left;
147padding-left: 12px;
148padding-right: 12px;
149background-image: url('images/wood.jpg');
150
151clear: both;
152
153top: 0px;
154
155overflow: auto;
156
157}
158
159.left{
160float: left;
161width: __sidebar_width__;
162/*desbest edit*/
163
164}
165
166.middle{
167float: left;
168margin-left: 10px;
169margin-right: 10px;
170/*width: 750px;*/
171/*desbest edit */
172width: ~"calc(100% - "__sidebar_width__~" - 20px)";
173}
174
175
176.right{
177float: left;
178width: 250px;
179}
180
181
182.sideheader {
183	background-color: #021717;
184	border-style: solid;
185	border-width: 1px;
186	border-color: __border__;
187	color: white;
188	padding: 12px;
189	text-align: center;
190}
191
192.sidebox {
193	/* width: 200px; */
194	background-color: #c3cdcd;
195
196	border-top-width: 0px;
197	border-bottom-width: 1px;
198	border-left-width: 1px;
199	border-right-width: 1px;
200	border-style: solid;
201	border-color: __border__;
202
203	padding: 12px;
204
205	margin-bottom: 40px;
206}
207
208.middleheader {
209	/* width: 492px; */
210	background-color: #021717;
211	border-style: solid;
212	border-width: 1px;
213	border-color: __border__;
214	color: white;
215	padding: 12px;
216	text-align: center;
217}
218
219.middlebox {
220	/* width: 492px; */
221	background-color: #c3cdcd;
222
223	border-top-width: 0px;
224	border-bottom-width: 1px;
225	border-left-width: 1px;
226	border-right-width: 1px;
227	border-style: solid;
228	border-color: __border__;
229
230	padding: 12px;
231}
232
233.middlebox2light{
234	background-color: #c3cdcd;
235	/* width: 492px; */
236	border-top-width: 0px;
237	border-bottom-width: 1px;
238	border-left-width: 1px;
239	border-right-width: 1px;
240	border-style: solid;
241	border-color: __border__;
242}
243
244
245.middlebox2dark{
246	background-color: #8B9191;
247	/* xwidth: 492px; */
248	border-top-width: 0px;
249	border-bottom-width: 1px;
250	border-left-width: 1px;
251	border-right-width: 1px;
252	border-style: solid;
253	border-color: __border__;
254}
255
256.middlebox2gradlight{
257        background-repeat: repeat-x;
258        background-image: url('images/holderlight.jpg');
259	background-color: #8B9191;
260	/* xwidth: 492px; */
261	border-top-width: 0px;
262	border-bottom-width: 1px;
263	border-left-width: 1px;
264	border-right-width: 1px;
265	border-style: solid;
266	border-color: __border__;
267}
268
269.middlebox2graddark{
270        background-repeat: repeat-x;
271	background-image: url('images/holderdark.jpg');
272	background-color: #646A6A;
273	/* xwidth: 492px; */
274	border-top-width: 0px;
275	border-bottom-width: 1px;
276	border-left-width: 1px;
277	border-right-width: 1px;
278	border-style: solid;
279	border-color: __border__;
280}
281
282.iconshere{
283text-align: right;
284z-index: 1;
285position: absolute;
286right: 325px;
287}
288
289
290#IEroot .iconshere{
291text-align: right;
292z-index: 1;
293position: absolute;
294right: 300px;
295}
296
297.footer{
298border-top: 3px solid #064645;
299background-color: #C3CDCD;
300width: 75%;
301padding: 12px;
302border-bottom: 3px solid #064645;
303margin-left: auto; margin-right: auto;
304
305clear: both;
306}
307
308.middleboxpadding{
309padding: 12px;
310}
311
312.allboxessameheight{
313	margin: 0;
314	padding: 0;
315	width: 100%;
316	/* background-color: #ffcc00; */
317	max-height: 100%;
318
319	display: table;
320}
321
322font.subheader{
323	font-style:italic;
324}
325
326font.subtext{
327font-size: 12px;
328}
329
330/* ----- forms ----- */
331select {
332 font-family: Verdana, Arial, Helvetica, sans-serif;
333 font-size: 16px;
334 margin-right: 6px;
335 background-color: #CCCCCC;
336 border: 1px solid #666666;
337}
338
339input, input[type='text'], input[type='password'], textarea {
340 font-family: Verdana, Arial, Helvetica, sans-serif;
341 font-size: 16px;
342 margin-right: 6px;
343 background-color: #CCCCCC;
344 border: 1px solid #666666;
345}
346
347button, button[type='submit']{
348 font-family: Verdana, Arial, Helvetica, sans-serif;
349 font-size: 16px;
350 margin-right: 6px;
351 background-color: #CCCCCC;
352 border: 3px ridge #666666;
353}
354
355/* menu */
356
357#navcontainer { min-width: 100px; }
358
359#navcontainer ul
360{
361margin-left: 0;
362padding-left: 0;
363list-style-type: none;
364margin: 0px;
365}
366
367#navcontainer li {  }
368
369#navcontainer #navlist li:first-child a { border-top: 2px groove #021717; }
370
371#navcontainer a
372{
373display: block;
374padding: 16px;
375/*background-color: #D4CC77;*/
376border-bottom: 2px groove #021717;
377font-style: italic;
378}
379
380#navcontainer a:link, #navlist a:visited
381{
382color: #2a2a2a;
383text-decoration: none;
384}
385
386#navcontainer a:hover
387{
388background-color: #141414;
389font-weight: bold;
390padding-left: 16px;
391color: white;
392}
393