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
}
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(images/navigation_background.jpg) bottom no-repeat;
256
	padding: 1px  0px 25px;
257
	width: 878px;
258
	line-height: 1.0;
259
  margin: 0px 0px 0px 5px;
260
}
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
	background: #336 url(images/nav_downarrow.png) right center no-repeat;
303
	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
	background: #cc9 url(images/nav_downarrow_hover.png) right center no-repeat;
312
}
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
	background: url(images/banner_background.jpg) no-repeat;
363
	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
	background: #fff url(images/footer_background.jpg) top center no-repeat;
375
	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
}
(3-3/12)