Project

General

Profile

1
/*** 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
}
50

    
51
blockquote {
52
	margin-left: 3em;
53
	margin-right: 3em;
54
	padding-left: 0.5em;
55
	/*border-left: 5px solid #6cabaa;*/
56
}
57

    
58
pre {
59
	margin-left: 3em;
60
	margin-right: 3em;
61
	padding: 0.75em 1em;
62
	font-family: "Vera Sans Mono", Monaco, Courier, "Courier New", monospace;
63
	border: 1px solid #99c;
64
	background-color: #eae9c3;
65
	overflow: auto;
66
}
67

    
68
code {
69
	background-color: #eae9c3;
70
	font-family: "Vera Sans Mono", Monaco, Courier, "Courier New", monospace;
71
	padding: 0 0.5em;
72
}
73

    
74
/*** Links ***/
75

    
76
a {
77
/*	color: #6cabaa; */
78
/*	color: #4f7e7e; */
79
	color: #339; 
80
	text-decoration: none;
81
/*	border-bottom: 1px solid #6cabaa;*/ 
82
	border-bottom: 1px dotted #339;
83
	line-height: 1.4em;
84
}
85

    
86
a:link {
87
}
88

    
89
a:visited {
90
	color: #336;
91
	border-color: #336;
92
}
93

    
94
a:hover {
95
	/*
96
	color: #cc9;
97
	border-bottom: 1px dotted #cc9;
98
	*/
99
	border-bottom: 1px solid #339;
100
}
101

    
102
a[href ^="mailto:"] {
103
   padding-right: 20px;
104
   background: transparent url(icon_mailto.gif) no-repeat center right;
105
}
106

    
107
a[href $='.pdf'] { 
108
   padding-right: 18px;
109
   background: transparent url(icon_pdf.gif) no-repeat center right;
110
}
111

    
112
a[href $='.doc'] {
113
   padding-right: 18px;
114
   background: transparent url(icon_doc.gif) no-repeat center right;
115
}
116

    
117
a[href $='.dot'] {
118
   padding-right: 18px;
119
   background: transparent url(icon_doc.gif) no-repeat center right;
120
}
121

    
122
h2.title a, h2.title a:hover {
123
	border-bottom: none;
124
}
125

    
126
/*** Breadcrumbs ***/
127

    
128
#breadcrumb {
129
	font-size: 0.85em;
130
}
131

    
132
#breadcrumb a {
133
	border-bottom: none;
134
}
135

    
136
#breadcrumb + h1 {
137
	margin-top: 0.5em;
138
}
139

    
140
/*** Images ***/
141

    
142
img {
143
	/*border: 1px solid #99c;*/
144
	padding: 5px;
145
	/*float: right;*/
146
	margin: 0 10px 10px 10px;
147
}
148

    
149
img.center {
150
	float: none;
151
	display: block;
152
	margin: 10px auto;
153
}
154

    
155
img.left {
156
	float: left;
157
	margin: 0 10px 10px 0;
158
}
159

    
160
.image {
161
	border: 1px solid #99c;
162
	padding: 10px;
163
	margin: 0 0 10px 10px;
164
	float: right;
165
	text-align: center;
166
	font-size: 0.8em;
167
	color: #99c;
168
}
169

    
170
.image img {
171
	border: none;
172
	padding: 0;
173
	margin: 5px auto;
174
	float: none;
175
	display: block;
176
}
177

    
178
div.center {
179
	float: none;
180
	display: block;
181
	margin: 10px auto;
182
	border: none;
183
}
184

    
185
div.left {
186
	margin: 0 10px 10px 0;
187
	float: left;
188
}
189

    
190
/*** Structure ***/
191

    
192
* {
193
	margin: 0;
194
	padding: 0;
195
}
196

    
197
body {
198
	text-align: center;
199
	background-color: #1e293c;
200
}
201

    
202
#main_wrapper {
203
	margin: 10px auto;
204
	width: 888px;
205
	text-align: left;
206
	border: 1px solid #99c;
207
	position: relative;
208
	background-color: #fff;
209
}
210

    
211
#header {
212
	width: 888px;
213
}
214

    
215
#content_wrapper {
216
	width: 878px;
217
	margin: 0 5px;
218
	clear: both;
219
	background: #fff url(content_background.jpg) repeat-y;
220
}
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
	background: #254462 url(navigation_background.jpg) bottom no-repeat;
256
	padding: 0 5px 25px;
257
	width: 878px;
258
	line-height: 1.0;
259
}
260

    
261
#navigation ul {
262
	list-style-type: none;
263
	float: left;
264
	margin: 0;
265
	z-index: 20;
266
}
267

    
268
#navigation #main_nav {
269
	margin: 0 auto;
270
	display: table;
271
	float: none;
272
	border-left: 1px solid #99c;
273
}
274

    
275
#main_nav a {
276
	display: block;
277
	color: #fff;
278
	border-bottom: none;
279
	padding: 4px 6px;
280
}
281

    
282
#main_nav a:hover {
283
	background-color: #cc9;
284
	color: #336;
285
}
286

    
287
#main_nav li {
288
	float: left;
289
	width: 145px;
290
	height: 1.9em;
291
	background-color: #336;
292
	border: 1px solid #99c;
293
	border-left: none;
294
	border-top: none;
295
	margin: 0;
296
	letter-spacing: 0.05em;
297
	z-index: 50;
298
}
299

    
300
#main_nav li.expanded {
301
	background: #336 url(midnight_images/nav_downarrow.png) right center no-repeat;
302
	text-align: left;
303
}
304

    
305
#main_nav li li.expanded, #main_nav li li.expanded a:hover {
306
	background-image: none;
307
}
308

    
309
#main_nav li.expanded a:hover {
310
	background: #cc9 url(midnight_images/nav_downarrow_hover.png) right center no-repeat;
311
}
312

    
313
#main_nav li.expanded ul a:hover {
314
	background-image: none;
315
}
316

    
317
#main_nav li.expanded li.expanded ul {
318
	display: none;
319
	visibility: hidden;
320
}
321

    
322
#main_nav li ul {
323
	position: absolute;
324
	width: 145px;
325
	left: -999em;
326
	border: 1px solid #99c;
327
	border-top: none;
328
}
329

    
330
#main_nav li ul li {
331
	text-align: left;
332
	border-left: none;
333
	border-right: none;
334
	border-bottom: none;
335
	height: auto;
336
}
337

    
338
#main_nav li:hover ul, #main_nav li.sfhover ul {
339
	left: auto;
340
	margin-left: -1px;
341
	text-align: left;
342
}
343

    
344

    
345
/*** Banner ***/
346

    
347
#header {
348
	background-color: #254462;
349
}
350

    
351
#header h1 {
352
	width: 888px;
353
	height: 163px;
354
	position: relative;
355
	border-bottom: 1px solid #99c;
356
	text-align: left;
357
	padding: 0;
358
}
359

    
360
#header h1 span {
361
	background: url(banner_background.jpg) no-repeat;
362
	position: absolute;
363
	top: 0;
364
	left: 0;
365
	width: 888px;
366
	height: 163px;
367
}
368

    
369
/*** Footer ***/
370

    
371
#footer {
372
	text-align: center;
373
	background: #fff url(footer_background.jpg) top center no-repeat;
374
	padding: 10px 0 5px;
375
	margin: 0;
376
}
377

    
378
#footer_logos img {
379
	border: 0;
380
	margin: 0;
381
	padding: 0;
382
	float: none;
383
}
384

    
385
#footer_logos a {
386
	border-bottom: 0px;
387
}
388

    
389
#footer_logos a:hover {
390
  border: 0;
391
}
392

    
393
#footer_contact {
394
	font-size: 0.8em;
395
}
396

    
397
#footer_contact span {
398
	padding: 0 5px;
399
	display: block;
400
}
401

    
402
#footer_contact .contact_name {
403
	color: #8eafb8;
404
	text-transform: uppercase;
405
	letter-spacing: 0.28em;
406
}
407

    
408
#footer_contact .contact_address {
409
	color: #8eafb8;
410
	letter-spacing: 0.1em;
411
}
412

    
413
#footer_contact .copyright {
414
	color: #999;
415
	letter-spacing: 0.1em;
416
}
417

    
418
#footer_contact .copyright a {
419
	color: #999;
420
	letter-spacing: 0.1em;
421
	border-bottom: 0px;
422
}
423

    
424
#footer_contact .copyright a:hover {
425
	color: #999;
426
	letter-spacing: 0.1em;
427
	border-bottom: 1px solid;
428
}
429

    
430
/*** Sidebar ***/
431

    
432
#secondary_content {
433
	line-height: 1.67;
434
	text-align: center;
435
	color: #777;
436
	/*background: url(midnight_images/boy_on_hill.jpg) center top no-repeat;
437
	padding-top: 48px;*/
438
	font-size: 0.9em;
439
}
440

    
441
#secondary_content h2 {
442
	background-color: #cc9;
443
	color: #fff;
444
	font-size: 1.1em;
445
	text-align: right;
446
	padding: 6px 8px;
447
	margin: 0.5em 0 0.5em;
448
}
449

    
450
#secondary_content ul, #secondary_content p {
451
	margin: 0 8px 1.5em;
452
	text-align: left;
453
}
454

    
455
#secondary_content ul {
456
	list-style-type: none;
457
}
458

    
459
#secondary_content li {
460
	margin: 0 0 0.5em;
461
}
462

    
463
#secondary_content ul.linklist {
464
	text-align: right;
465
}
466

    
467
#secondary_content ul.linklist li {
468
	padding-right: 8px;
469
}
470

    
471
#secondary_content ul.linklist a {
472
	border-bottom: none;
473
}
474

    
475
/*
476
#secondary_content ul.linklist a:visited {
477
	color: #6cabaa;
478
}
479
*/
480

    
481
#secondary_content ul.linklist li.current {
482
	background: url(right_arrow.gif) center right no-repeat;
483
}
484

    
485
#secondary_content img {
486
	margin: 0 auto 1em;
487
	border: none;
488
	padding: 5px;
489
	/*float: none;*/
490
}
491

    
492
/*** Search ***/
493

    
494
 #search_box {
495
	position: absolute;
496
	top: 0px;
497
	right: 0px;
498
	width: 229px;
499
	height: 17px;
500
	background: #000;
501
	font-size: 0.8em;
502
}
503

    
504
#search_box input {
505
/*	display: inline; */
506
	height: 17px;
507
	float: left;
508
}
509

    
510
#search_box #edit-keys {
511
	width: 163px;
512
	float: right;
513
	border: none;
514
	font-size: 11px;
515
}
516

    
517
#search_box #search_button {
518
	width: 60px;
519
}
520

    
521
#search_results {
522
	list-style-type: none;
523
}
524

    
525
#search_results p {
526
	margin-bottom: 0.5em;
527
}
528

    
529
#search_results li {
530
	margin-bottom: 1.5em;
531
}
532

    
533
#search_results p.search_info {
534
	font-size: 0.8em;
535
}
536

    
537
/*** Drupal admin tabs ***/
538

    
539
#tabs_primary, #tabs_secondary {
540
	list-style-type: none;
541
	border-bottom: 1px solid #336;
542
	padding-left: 10px;
543
	margin: 0 0 1.5em;
544
}
545

    
546
#tabs_primary li, #tabs_secondary li {
547
	display: inline;
548
	padding: 3px 2em;
549
	border: 1px solid #336;
550
	background-color: #eee;
551
}
552

    
553
#tabs_primary li.active, #tabs_secondary li.active {
554
	border-bottom: 1px solid #fff;
555
	background-color: #fff;
556
}
557

    
558
#tabs_primary a, #tabs_secondary a {
559
	border-bottom: none;
560
}
561

    
562

    
563
/*** Drupal admin menus ***/
564

    
565
#secondary_content ul.menu {
566
	list-style-type: none;
567
	text-align:left;
568
}
569
#secondary_content ul.menu li {
570
	margin-left: 1.5em;
571
}
572

    
573
#secondary_content ul.menu li.expanded {
574
	list-style-type: circle;
575
}
576
#secondary_content ul.menu li.collapsed {
577
	list-style-type: disc;
578
}
579
#secondary_content ul.menu li.leaf {
580
	list-style-type: square;
581
}
582
#secondary_content ul.menu li a.active {
583
	color: #000;
584
}
585
#secondary_content .menu-disabled {
586
	background-color: #ccc;
587
}
588

    
589
/*** Tables ***/
590

    
591
table {
592
	margin-top: 1em;
593
	margin-bottom: 1em;
594
}
595

    
596
td, th {
597
	padding: 0.25em 0.5em;
598
}
599

    
600
thead tr, tr.even {
601
	background-color: #eee;
602
}
603

    
604
/*** Forms ***/
605

    
606
fieldset {
607
	padding: 1em;
608
	margin-bottom: 1.5em;
609
	border: 1px solid #99c;
610
}
611

    
612
/*** Drupal miscellaneous ***/
613

    
614
.help {
615
	margin-bottom: 1.5em;
616
}
617

    
618
.node {
619
	margin-bottom: 3em;
620
}
621

    
622
.title {
623
	padding-bottom: 0.25em;
624
	border-bottom: 1px solid #99c;
625
}
626

    
627
#secondary_content .title {
628
	border-bottom: none;
629
}
630

    
631
.title a {
632
	border-bottom: none;
633
}
634

    
635
div.messages {
636
	border: 1px solid #933;
637
	background-color: #ffb4b4;
638
	padding: 0.25em 0.5em;
639
	margin: 1em 0;
640
}
641

    
642
thead img, .watchdog-error img {
643
	border: none;
644
	padding: 0;
645
}
646

    
647
#pager a, #pager strong {
648
	margin-right: 0.5em;
649
}
650

    
651
div.metadata {
652
	font-size: 0.8em;
653
}
654

    
655
/*** Drupal admin forms ***/
656

    
657
.form-item {
658
	margin: 1em 0;
659
}
660

    
661
.form-item .form-item {
662
	margin: 0 1em;
663
	display: inline;
664
}
665

    
666
.form-item .form-item label {
667
	display: inline;
668
}
669

    
670
.form-item label {
671
	display: block;
672
	font-weight: bold;
673
}
674

    
675
.form-item img {
676
/*	border: 1px solid #99c;*/
677
	padding: 0px;
678
	/*float: right;*/
679
	margin: 0 0 0px 0px;
680
}
681

    
682
dl.multiselect .form-item {
683
	display: inline;
684
	margin: 0 1em 0 0;
685
}
686

    
687
dl.multiselect .form-item label {
688
	display: inline;
689
}
690

    
691
dl.multiselect dt {
692
	margin: 0.5em 0;
693
}
694

    
695
#node-admin-buttons {
696
	margin: 0.5em 0;
697
}
698

    
699
fieldset {
700
	margin: 1em 0;
701
	padding: 0.5em;
702
}
703

    
704
fieldset ul {
705
	margin-bottom: 0;
706
}
707

    
708
.form-text, .form-textarea {
709
width: 95%;
710
}
711

    
712
.resizable-textarea {
713
width: 100%;
714
}
(11-11/21)