Project

General

Profile

1 3444 jones
/*** Typography ***/
2
3
body {
4
	font-family: Helvetica, Arial, sans-serif;
5
	line-height: 1.5;
6
	word-spacing: 0.1em;
7
	font-size: 87.5%;
8
/*	color: #35618e; */
9
	color: #333;
10
}
11
12
p, ul, blockquote, code, pre {
13
	margin-bottom: 0.5em;
14
}
15
16
h1, h2, h3 {
17
	font-family: Myriad, "Myriad Pro", Helvetica, Arial, sans-serif;
18
	font-weight: bold;
19
	word-spacing: 0.2em;
20
	color: #000;
21
}
22
23
h1 {
24
	font-size: 1.75em;
25
	text-align: center;
26
/*	text-transform: capitalize;*/
27
}
28
29
h2 {
30
	font-size: 1.25em;
31
	margin-bottom: 0.5em;
32
	line-height: 1em;
33
}
34
35
h3 {
36
	font-size: 1.1em;
37
	margin-bottom: 0.33em;
38
	line-height: 1.33em;
39
}
40
41
ul {
42
	margin-left: 2em;
43
	margin-right: 2em;
44
}
45
46
li {
47
	margin-bottom: 0.5em;
48
	line-height: 1.25;
49 3600 bowdish
	text-align: left;
50 3444 jones
}
51
52
blockquote {
53
	margin-left: 3em;
54
	margin-right: 3em;
55
	padding-left: 0.5em;
56
	/*border-left: 5px solid #6cabaa;*/
57
}
58
59
pre {
60
	margin-left: 3em;
61
	margin-right: 3em;
62
	padding: 0.75em 1em;
63
	font-family: "Vera Sans Mono", Monaco, Courier, "Courier New", monospace;
64
	border: 1px solid #99c;
65
	background-color: #eae9c3;
66
	overflow: auto;
67
}
68
69
code {
70
	background-color: #eae9c3;
71
	font-family: "Vera Sans Mono", Monaco, Courier, "Courier New", monospace;
72
	padding: 0 0.5em;
73
}
74
75
/*** Links ***/
76
77
a {
78
/*	color: #6cabaa; */
79
/*	color: #4f7e7e; */
80
	color: #339;
81
	text-decoration: none;
82
/*	border-bottom: 1px solid #6cabaa;*/
83
	border-bottom: 1px dotted #339;
84
	line-height: 1.4em;
85
}
86
87
a:link {
88
}
89
90
a:visited {
91
	color: #336;
92
	border-color: #336;
93
}
94
95
a:hover {
96
	/*
97
	color: #cc9;
98
	border-bottom: 1px dotted #cc9;
99
	*/
100
	border-bottom: 1px solid #339;
101
}
102
103
a[href ^="mailto:"] {
104
   padding-right: 20px;
105 3469 walbridge
   background: transparent url(images/icon_mailto.gif) no-repeat center right;
106 3444 jones
}
107
108
a[href $='.pdf'] {
109
   padding-right: 18px;
110 3469 walbridge
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
111 3444 jones
}
112
113
a[href $='.doc'] {
114
   padding-right: 18px;
115 3469 walbridge
   background: transparent url(images/icon_doc.gif) no-repeat center right;
116 3444 jones
}
117
118
a[href $='.dot'] {
119
   padding-right: 18px;
120 3469 walbridge
   background: transparent url(images/icon_doc.gif) no-repeat center right;
121 3444 jones
}
122
123
h2.title a, h2.title a:hover {
124
	border-bottom: none;
125
}
126
127
/*** Breadcrumbs ***/
128
129
#breadcrumb {
130
	font-size: 0.85em;
131
}
132
133
#breadcrumb a {
134
	border-bottom: none;
135
}
136
137
#breadcrumb + h1 {
138
	margin-top: 0.5em;
139
}
140
141
/*** Images ***/
142
143
img {
144
	/*border: 1px solid #99c;*/
145
	padding: 5px;
146
	/*float: right;*/
147
	margin: 0 10px 10px 10px;
148
}
149
150
img.center {
151
	float: none;
152
	display: block;
153
	margin: 10px auto;
154
}
155
156
img.left {
157
	float: left;
158
	margin: 0 10px 10px 0;
159
}
160
161
.image {
162
	border: 1px solid #99c;
163
	padding: 10px;
164
	margin: 0 0 10px 10px;
165
	float: right;
166
	text-align: center;
167
	font-size: 0.8em;
168
	color: #99c;
169
}
170
171
.image img {
172
	border: none;
173
	padding: 0;
174
	margin: 5px auto;
175
	float: none;
176
	display: block;
177
}
178
179
div.center {
180
	float: none;
181
	display: block;
182
	margin: 10px auto;
183
	border: none;
184
}
185
186
div.left {
187
	margin: 0 10px 10px 0;
188
	float: left;
189
}
190
191
/*** Structure ***/
192
193
* {
194
	margin: 0;
195
	padding: 0;
196
}
197
198
body {
199
	text-align: center;
200
	background-color: #1e293c;
201
}
202
203
#main_wrapper {
204 3600 bowdish
	margin:  auto;
205 3444 jones
	width: 888px;
206
	position: relative;
207
	background-color: #fff;
208
}
209
210
#header {
211
	width: 888px;
212
}
213
214
#content_wrapper {
215
	width: 878px;
216 3600 bowdish
	margin: 0 auto;
217 3444 jones
	clear: both;
218 3469 walbridge
	background: #fff url(images/content_background.jpg) repeat-y;
219 3600 bowdish
	text-align: center;
220 3444 jones
}
221
222
#main_content {
223
	padding-right: 64px;
224
	float: right;
225
	width: 635px;
226
}
227
228
#secondary_content {
229
	float: left;
230
	display: inline;
231
	width: 158px;
232
	padding-top: 5em;
233
	padding-left: 1px;
234
}
235
236
#footer {
237
	clear: both;
238
	width: 878px;
239 5861 leinfelder
	position: inherit;
240 3444 jones
}
241
242
#header p, #navigation p {
243
	position: absolute;
244
	left: -999em;
245
	width: 99em;
246
	margin: 0;
247
}
248
249
/*** Navigation ***/
250
251
#navigation {
252
	font-size: 0.8em;
253
	word-spacing: 0;
254
	float:left;
255
	text-align: center;
256 3469 walbridge
	background: #254462 url(images/navigation_background.jpg) bottom no-repeat;
257 3600 bowdish
	padding: 1px  0px 25px;
258 3444 jones
	width: 878px;
259
	line-height: 1.0;
260 3469 walbridge
  margin: 0px 0px 0px 5px;
261 3444 jones
}
262
263
#navigation ul {
264
	list-style-type: none;
265
	float: left;
266
	margin: 0;
267
	z-index: 20;
268
}
269
270
#navigation #main_nav {
271
	margin: 0 auto;
272
	display: table;
273
	float: none;
274
	border-left: 1px solid #99c;
275
}
276
277
#main_nav a {
278
	display: block;
279
	color: #fff;
280
	border-bottom: none;
281
	padding: 4px 6px;
282
}
283
284
#main_nav a:hover {
285
	background-color: #cc9;
286
	color: #336;
287
}
288
289
#main_nav li {
290
	float: left;
291
	width: 145px;
292
	height: 1.9em;
293
	background-color: #336;
294
	border: 1px solid #99c;
295
	border-left: none;
296
	border-top: none;
297
	margin: 0;
298
	letter-spacing: 0.05em;
299
	z-index: 50;
300
}
301
302
#main_nav li.expanded {
303 3469 walbridge
	background: #336 url(images/nav_downarrow.png) right center no-repeat;
304 3444 jones
	text-align: left;
305
}
306
307
#main_nav li li.expanded, #main_nav li li.expanded a:hover {
308
	background-image: none;
309
}
310
311
#main_nav li.expanded a:hover {
312 3469 walbridge
	background: #cc9 url(images/nav_downarrow_hover.png) right center no-repeat;
313 3444 jones
}
314
315
#main_nav li.expanded ul a:hover {
316
	background-image: none;
317
}
318
319
#main_nav li.expanded li.expanded ul {
320
	display: none;
321
	visibility: hidden;
322
}
323
324
#main_nav li ul {
325
	position: absolute;
326
	width: 145px;
327
	left: -999em;
328
	border: 1px solid #99c;
329
	border-top: none;
330
}
331
332
#main_nav li ul li {
333
	text-align: left;
334
	border-left: none;
335
	border-right: none;
336
	border-bottom: none;
337
	height: auto;
338
}
339
340
#main_nav li:hover ul, #main_nav li.sfhover ul {
341
	left: auto;
342
	margin-left: -1px;
343
	text-align: left;
344
}
345
346
347
/*** Banner ***/
348
349
#header {
350
	background-color: #254462;
351
}
352
353
#header h1 {
354
	width: 888px;
355
	height: 163px;
356
	position: relative;
357
	border-bottom: 1px solid #99c;
358
	text-align: left;
359
	padding: 0;
360
}
361
362
#header h1 span {
363 3469 walbridge
	background: url(images/banner_background.jpg) no-repeat;
364 3444 jones
	position: absolute;
365
	top: 0;
366
	left: 0;
367
	width: 888px;
368
	height: 163px;
369
}
370
371
/*** Footer ***/
372
373
#footer {
374
	text-align: center;
375 3469 walbridge
	background: #fff url(images/footer_background.jpg) top center no-repeat;
376 3444 jones
	padding: 10px 0 5px;
377
	margin: 0;
378
}
379
380
#footer_logos img {
381
	border: 0;
382
	margin: 0;
383
	padding: 0;
384
	float: none;
385
}
386
387
#footer_logos a {
388
	border-bottom: 0px;
389
}
390
391
#footer_logos a:hover {
392
  border: 0;
393
}
394
395
#footer_contact {
396
	font-size: 0.8em;
397
}
398
399
#footer_contact span {
400
	padding: 0 5px;
401
	display: block;
402
}
403
404
#footer_contact .contact_name {
405
	color: #8eafb8;
406
	text-transform: uppercase;
407
	letter-spacing: 0.28em;
408
}
409
410
#footer_contact .contact_address {
411
	color: #8eafb8;
412
	letter-spacing: 0.1em;
413
}
414
415
#footer_contact .copyright {
416
	color: #999;
417
	letter-spacing: 0.1em;
418
}
419
420
#footer_contact .copyright a {
421
	color: #999;
422
	letter-spacing: 0.1em;
423
	border-bottom: 0px;
424
}
425
426
#footer_contact .copyright a:hover {
427
	color: #999;
428
	letter-spacing: 0.1em;
429
	border-bottom: 1px solid;
430
}
431
432
/*** Sidebar ***/
433
434
#secondary_content {
435
	line-height: 1.67;
436
	text-align: center;
437
	color: #777;
438
	/*background: url(midnight_images/boy_on_hill.jpg) center top no-repeat;
439
	padding-top: 48px;*/
440
	font-size: 0.9em;
441
}
442
443
#secondary_content h2 {
444
	background-color: #cc9;
445
	color: #fff;
446
	font-size: 1.1em;
447
	text-align: right;
448
	padding: 6px 8px;
449
	margin: 0.5em 0 0.5em;
450
}
451
452
#secondary_content ul, #secondary_content p {
453
	margin: 0 8px 1.5em;
454
	text-align: left;
455
}
456
457
#secondary_content ul {
458
	list-style-type: none;
459
}
460
461
#secondary_content li {
462
	margin: 0 0 0.5em;
463
}
464
465
#secondary_content ul.linklist {
466
	text-align: right;
467
}
468
469
#secondary_content ul.linklist li {
470
	padding-right: 8px;
471
}
472
473
#secondary_content ul.linklist a {
474
	border-bottom: none;
475
}
476
477
/*
478
#secondary_content ul.linklist a:visited {
479
	color: #6cabaa;
480
}
481
*/
482
483
#secondary_content ul.linklist li.current {
484
	background: url(right_arrow.gif) center right no-repeat;
485
}
486
487
#secondary_content img {
488
	margin: 0 auto 1em;
489
	border: none;
490
	padding: 5px;
491
	/*float: none;*/
492
}
493
494
/*** Search ***/
495
496
 #search_box {
497
	position: absolute;
498
	top: 0px;
499
	right: 0px;
500
	width: 229px;
501
	height: 17px;
502
	background: #000;
503
	font-size: 0.8em;
504
}
505
506
#search_box input {
507
/*	display: inline; */
508
	height: 17px;
509
	float: left;
510
}
511
512
#search_box #edit-keys {
513
	width: 163px;
514
	float: right;
515
	border: none;
516
	font-size: 11px;
517
}
518
519
#search_box #search_button {
520
	width: 60px;
521
}
522
523
#search_results {
524
	list-style-type: none;
525
}
526
527
#search_results p {
528
	margin-bottom: 0.5em;
529
}
530
531
#search_results li {
532
	margin-bottom: 1.5em;
533
}
534
535
#search_results p.search_info {
536
	font-size: 0.8em;
537
}
538
539
/*** Drupal admin tabs ***/
540
541
#tabs_primary, #tabs_secondary {
542
	list-style-type: none;
543
	border-bottom: 1px solid #336;
544
	padding-left: 10px;
545
	margin: 0 0 1.5em;
546
}
547
548
#tabs_primary li, #tabs_secondary li {
549
	display: inline;
550
	padding: 3px 2em;
551
	border: 1px solid #336;
552
	background-color: #eee;
553
}
554
555
#tabs_primary li.active, #tabs_secondary li.active {
556
	border-bottom: 1px solid #fff;
557
	background-color: #fff;
558
}
559
560
#tabs_primary a, #tabs_secondary a {
561
	border-bottom: none;
562
}
563
564
565
/*** Drupal admin menus ***/
566
567
#secondary_content ul.menu {
568
	list-style-type: none;
569
	text-align:left;
570
}
571
#secondary_content ul.menu li {
572
	margin-left: 1.5em;
573
}
574
575
#secondary_content ul.menu li.expanded {
576
	list-style-type: circle;
577
}
578
#secondary_content ul.menu li.collapsed {
579
	list-style-type: disc;
580
}
581
#secondary_content ul.menu li.leaf {
582
	list-style-type: square;
583
}
584
#secondary_content ul.menu li a.active {
585
	color: #000;
586
}
587
#secondary_content .menu-disabled {
588
	background-color: #ccc;
589
}
590
591
/*** Tables ***/
592
593
table {
594
	margin-top: 1em;
595
	margin-bottom: 1em;
596
}
597
598
td, th {
599
	padding: 0.25em 0.5em;
600
}
601
602
thead tr, tr.even {
603
	background-color: #eee;
604
}
605
606
/*** Forms ***/
607
608
fieldset {
609
	padding: 1em;
610
	margin-bottom: 1.5em;
611
	border: 1px solid #99c;
612
}
613
614
/*** Drupal miscellaneous ***/
615
616
.help {
617
	margin-bottom: 1.5em;
618
}
619
620
.node {
621
	margin-bottom: 3em;
622
}
623
624
.title {
625
	padding-bottom: 0.25em;
626
	border-bottom: 1px solid #99c;
627
}
628
629
#secondary_content .title {
630
	border-bottom: none;
631
}
632
633
.title a {
634
	border-bottom: none;
635
}
636
637
div.messages {
638
	border: 1px solid #933;
639
	background-color: #ffb4b4;
640
	padding: 0.25em 0.5em;
641
	margin: 1em 0;
642
}
643
644
thead img, .watchdog-error img {
645
	border: none;
646
	padding: 0;
647
}
648
649
#pager a, #pager strong {
650
	margin-right: 0.5em;
651
}
652
653
div.metadata {
654
	font-size: 0.8em;
655
}
656
657
/*** Drupal admin forms ***/
658
659
.form-item {
660
	margin: 1em 0;
661
}
662
663
.form-item .form-item {
664
	margin: 0 1em;
665
	display: inline;
666
}
667
668
.form-item .form-item label {
669
	display: inline;
670
}
671
672
.form-item label {
673
	display: block;
674
	font-weight: bold;
675
}
676
677
.form-item img {
678
/*	border: 1px solid #99c;*/
679
	padding: 0px;
680
	/*float: right;*/
681
	margin: 0 0 0px 0px;
682
}
683
684
dl.multiselect .form-item {
685
	display: inline;
686
	margin: 0 1em 0 0;
687
}
688
689
dl.multiselect .form-item label {
690
	display: inline;
691
}
692
693
dl.multiselect dt {
694
	margin: 0.5em 0;
695
}
696
697
#node-admin-buttons {
698
	margin: 0.5em 0;
699
}
700
701
fieldset {
702
	margin: 1em 0;
703
	padding: 0.5em;
704
}
705
706
fieldset ul {
707
	margin-bottom: 0;
708
}
709
710
.form-text, .form-textarea {
711
width: 95%;
712
}
713
714
.resizable-textarea {
715
width: 100%;
716
}