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
	text-align: left;
50
}
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
   background: transparent url(images/icon_mailto.gif) no-repeat center right;
106
}
107

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

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

    
118
a[href $='.dot'] {
119
   padding-right: 18px;
120
   background: transparent url(images/icon_doc.gif) no-repeat center right;
121
}
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
	margin:  auto;
205
	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
	margin: 0 auto;
217
	clear: both;
218
	background: #fff url(images/content_background.jpg) repeat-y;
219
	text-align: center;
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
	position: inherit;
240
}
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
	background: #254462 url(images/navigation_background.jpg) bottom no-repeat;
257
	padding: 1px  0px 25px;
258
	width: 878px;
259
	line-height: 1.0;
260
  margin: 0px 0px 0px 5px;
261
}
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
	background: #336 url(images/nav_downarrow.png) right center no-repeat;
304
	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
	background: #cc9 url(images/nav_downarrow_hover.png) right center no-repeat;
313
}
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
	background: url(images/banner_background.jpg) no-repeat;
364
	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
	background: #fff url(images/footer_background.jpg) top center no-repeat;
376
	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
}
(4-4/15)