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
}
240
241
#header p, #navigation p {
242
	position: absolute;
243
	left: -999em;
244
	width: 99em;
245
	margin: 0;
246
}
247
248
/*** Navigation ***/
249
250
#navigation {
251
	font-size: 0.8em;
252
	word-spacing: 0;
253
	float:left;
254
	text-align: center;
255 3469 walbridge
	background: #254462 url(images/navigation_background.jpg) bottom no-repeat;
256 3600 bowdish
	padding: 1px  0px 25px;
257 3444 jones
	width: 878px;
258
	line-height: 1.0;
259 3469 walbridge
  margin: 0px 0px 0px 5px;
260 3444 jones
}
261
262
#navigation ul {
263
	list-style-type: none;
264
	float: left;
265
	margin: 0;
266
	z-index: 20;
267
}
268
269
#navigation #main_nav {
270
	margin: 0 auto;
271
	display: table;
272
	float: none;
273
	border-left: 1px solid #99c;
274
}
275
276
#main_nav a {
277
	display: block;
278
	color: #fff;
279
	border-bottom: none;
280
	padding: 4px 6px;
281
}
282
283
#main_nav a:hover {
284
	background-color: #cc9;
285
	color: #336;
286
}
287
288
#main_nav li {
289
	float: left;
290
	width: 145px;
291
	height: 1.9em;
292
	background-color: #336;
293
	border: 1px solid #99c;
294
	border-left: none;
295
	border-top: none;
296
	margin: 0;
297
	letter-spacing: 0.05em;
298
	z-index: 50;
299
}
300
301
#main_nav li.expanded {
302 3469 walbridge
	background: #336 url(images/nav_downarrow.png) right center no-repeat;
303 3444 jones
	text-align: left;
304
}
305
306
#main_nav li li.expanded, #main_nav li li.expanded a:hover {
307
	background-image: none;
308
}
309
310
#main_nav li.expanded a:hover {
311 3469 walbridge
	background: #cc9 url(images/nav_downarrow_hover.png) right center no-repeat;
312 3444 jones
}
313
314
#main_nav li.expanded ul a:hover {
315
	background-image: none;
316
}
317
318
#main_nav li.expanded li.expanded ul {
319
	display: none;
320
	visibility: hidden;
321
}
322
323
#main_nav li ul {
324
	position: absolute;
325
	width: 145px;
326
	left: -999em;
327
	border: 1px solid #99c;
328
	border-top: none;
329
}
330
331
#main_nav li ul li {
332
	text-align: left;
333
	border-left: none;
334
	border-right: none;
335
	border-bottom: none;
336
	height: auto;
337
}
338
339
#main_nav li:hover ul, #main_nav li.sfhover ul {
340
	left: auto;
341
	margin-left: -1px;
342
	text-align: left;
343
}
344
345
346
/*** Banner ***/
347
348
#header {
349
	background-color: #254462;
350
}
351
352
#header h1 {
353
	width: 888px;
354
	height: 163px;
355
	position: relative;
356
	border-bottom: 1px solid #99c;
357
	text-align: left;
358
	padding: 0;
359
}
360
361
#header h1 span {
362 3469 walbridge
	background: url(images/banner_background.jpg) no-repeat;
363 3444 jones
	position: absolute;
364
	top: 0;
365
	left: 0;
366
	width: 888px;
367
	height: 163px;
368
}
369
370
/*** Footer ***/
371
372
#footer {
373
	text-align: center;
374 3469 walbridge
	background: #fff url(images/footer_background.jpg) top center no-repeat;
375 3444 jones
	padding: 10px 0 5px;
376
	margin: 0;
377
}
378
379
#footer_logos img {
380
	border: 0;
381
	margin: 0;
382
	padding: 0;
383
	float: none;
384
}
385
386
#footer_logos a {
387
	border-bottom: 0px;
388
}
389
390
#footer_logos a:hover {
391
  border: 0;
392
}
393
394
#footer_contact {
395
	font-size: 0.8em;
396
}
397
398
#footer_contact span {
399
	padding: 0 5px;
400
	display: block;
401
}
402
403
#footer_contact .contact_name {
404
	color: #8eafb8;
405
	text-transform: uppercase;
406
	letter-spacing: 0.28em;
407
}
408
409
#footer_contact .contact_address {
410
	color: #8eafb8;
411
	letter-spacing: 0.1em;
412
}
413
414
#footer_contact .copyright {
415
	color: #999;
416
	letter-spacing: 0.1em;
417
}
418
419
#footer_contact .copyright a {
420
	color: #999;
421
	letter-spacing: 0.1em;
422
	border-bottom: 0px;
423
}
424
425
#footer_contact .copyright a:hover {
426
	color: #999;
427
	letter-spacing: 0.1em;
428
	border-bottom: 1px solid;
429
}
430
431
/*** Sidebar ***/
432
433
#secondary_content {
434
	line-height: 1.67;
435
	text-align: center;
436
	color: #777;
437
	/*background: url(midnight_images/boy_on_hill.jpg) center top no-repeat;
438
	padding-top: 48px;*/
439
	font-size: 0.9em;
440
}
441
442
#secondary_content h2 {
443
	background-color: #cc9;
444
	color: #fff;
445
	font-size: 1.1em;
446
	text-align: right;
447
	padding: 6px 8px;
448
	margin: 0.5em 0 0.5em;
449
}
450
451
#secondary_content ul, #secondary_content p {
452
	margin: 0 8px 1.5em;
453
	text-align: left;
454
}
455
456
#secondary_content ul {
457
	list-style-type: none;
458
}
459
460
#secondary_content li {
461
	margin: 0 0 0.5em;
462
}
463
464
#secondary_content ul.linklist {
465
	text-align: right;
466
}
467
468
#secondary_content ul.linklist li {
469
	padding-right: 8px;
470
}
471
472
#secondary_content ul.linklist a {
473
	border-bottom: none;
474
}
475
476
/*
477
#secondary_content ul.linklist a:visited {
478
	color: #6cabaa;
479
}
480
*/
481
482
#secondary_content ul.linklist li.current {
483
	background: url(right_arrow.gif) center right no-repeat;
484
}
485
486
#secondary_content img {
487
	margin: 0 auto 1em;
488
	border: none;
489
	padding: 5px;
490
	/*float: none;*/
491
}
492
493
/*** Search ***/
494
495
 #search_box {
496
	position: absolute;
497
	top: 0px;
498
	right: 0px;
499
	width: 229px;
500
	height: 17px;
501
	background: #000;
502
	font-size: 0.8em;
503
}
504
505
#search_box input {
506
/*	display: inline; */
507
	height: 17px;
508
	float: left;
509
}
510
511
#search_box #edit-keys {
512
	width: 163px;
513
	float: right;
514
	border: none;
515
	font-size: 11px;
516
}
517
518
#search_box #search_button {
519
	width: 60px;
520
}
521
522
#search_results {
523
	list-style-type: none;
524
}
525
526
#search_results p {
527
	margin-bottom: 0.5em;
528
}
529
530
#search_results li {
531
	margin-bottom: 1.5em;
532
}
533
534
#search_results p.search_info {
535
	font-size: 0.8em;
536
}
537
538
/*** Drupal admin tabs ***/
539
540
#tabs_primary, #tabs_secondary {
541
	list-style-type: none;
542
	border-bottom: 1px solid #336;
543
	padding-left: 10px;
544
	margin: 0 0 1.5em;
545
}
546
547
#tabs_primary li, #tabs_secondary li {
548
	display: inline;
549
	padding: 3px 2em;
550
	border: 1px solid #336;
551
	background-color: #eee;
552
}
553
554
#tabs_primary li.active, #tabs_secondary li.active {
555
	border-bottom: 1px solid #fff;
556
	background-color: #fff;
557
}
558
559
#tabs_primary a, #tabs_secondary a {
560
	border-bottom: none;
561
}
562
563
564
/*** Drupal admin menus ***/
565
566
#secondary_content ul.menu {
567
	list-style-type: none;
568
	text-align:left;
569
}
570
#secondary_content ul.menu li {
571
	margin-left: 1.5em;
572
}
573
574
#secondary_content ul.menu li.expanded {
575
	list-style-type: circle;
576
}
577
#secondary_content ul.menu li.collapsed {
578
	list-style-type: disc;
579
}
580
#secondary_content ul.menu li.leaf {
581
	list-style-type: square;
582
}
583
#secondary_content ul.menu li a.active {
584
	color: #000;
585
}
586
#secondary_content .menu-disabled {
587
	background-color: #ccc;
588
}
589
590
/*** Tables ***/
591
592
table {
593
	margin-top: 1em;
594
	margin-bottom: 1em;
595
}
596
597
td, th {
598
	padding: 0.25em 0.5em;
599
}
600
601
thead tr, tr.even {
602
	background-color: #eee;
603
}
604
605
/*** Forms ***/
606
607
fieldset {
608
	padding: 1em;
609
	margin-bottom: 1.5em;
610
	border: 1px solid #99c;
611
}
612
613
/*** Drupal miscellaneous ***/
614
615
.help {
616
	margin-bottom: 1.5em;
617
}
618
619
.node {
620
	margin-bottom: 3em;
621
}
622
623
.title {
624
	padding-bottom: 0.25em;
625
	border-bottom: 1px solid #99c;
626
}
627
628
#secondary_content .title {
629
	border-bottom: none;
630
}
631
632
.title a {
633
	border-bottom: none;
634
}
635
636
div.messages {
637
	border: 1px solid #933;
638
	background-color: #ffb4b4;
639
	padding: 0.25em 0.5em;
640
	margin: 1em 0;
641
}
642
643
thead img, .watchdog-error img {
644
	border: none;
645
	padding: 0;
646
}
647
648
#pager a, #pager strong {
649
	margin-right: 0.5em;
650
}
651
652
div.metadata {
653
	font-size: 0.8em;
654
}
655
656
/*** Drupal admin forms ***/
657
658
.form-item {
659
	margin: 1em 0;
660
}
661
662
.form-item .form-item {
663
	margin: 0 1em;
664
	display: inline;
665
}
666
667
.form-item .form-item label {
668
	display: inline;
669
}
670
671
.form-item label {
672
	display: block;
673
	font-weight: bold;
674
}
675
676
.form-item img {
677
/*	border: 1px solid #99c;*/
678
	padding: 0px;
679
	/*float: right;*/
680
	margin: 0 0 0px 0px;
681
}
682
683
dl.multiselect .form-item {
684
	display: inline;
685
	margin: 0 1em 0 0;
686
}
687
688
dl.multiselect .form-item label {
689
	display: inline;
690
}
691
692
dl.multiselect dt {
693
	margin: 0.5em 0;
694
}
695
696
#node-admin-buttons {
697
	margin: 0.5em 0;
698
}
699
700
fieldset {
701
	margin: 1em 0;
702
	padding: 0.5em;
703
}
704
705
fieldset ul {
706
	margin-bottom: 0;
707
}
708
709
.form-text, .form-textarea {
710
width: 95%;
711
}
712
713
.resizable-textarea {
714
width: 100%;
715
}