css/cssfreeside2.css

   1 /* CSS Document */
   2
   3
   4 #header1 {
   5         clear: both;
   6         margin: 0;
   7         padding: 0;
   8         padding-bottom: 20px;
   9         border-bottom: 0;
  10         border-right: 0;
  11         border-left: 0;
  12         text-align: left;
  13
  14         }
  15         }
  16
  17 #cornernav {
  18         margin: 5px;
  19         padding: 0;
  20         text-align: right;
  21         color: #4A0E5B;
  22
  23         }
  24
  25 #cornernav a:link {
  26         color: #4A0E5B;
  27         decoration: underline;
  28         font-weight: normal;
  29         }
  30
  31 #cornernav a:visited  {
  32         color: #4A0E5B;
  33         decoration: underline;
  34         font-weight: normal;
  35         }
  36
  37 #cornernav a:hover {
  38         color: #F08B08;
  39         decoration: underline;
  40         font-weight: normal;
  41         }
  42
  43
  44
  45 #header2 { /*main navigation*/
  46         clear: both;
  47         margin: 0;
  48         padding-top: .25em;
  49         padding-bottom: .5em;
  50         background: #959494;
  51         border-bottom: 1px solid black;
  52         border-top: 1px solid black;
  53         border-right: 0;
  54         border-left: 0;
  55         text-align: right;
  56         }
  57
  58
  59 #nav {
  60         color: #000000;
  61         text-align: right;
  62         margin: 0;
  63         font-weight: normal;
  64         text-decoration: none;
  65         }
  66
  67 #nav a:link {
  68         text-decoration: none;
  69         font-color: #000000;
  70         font-weight: normal;
  71         }
  72
  73 #nav a:hover {
  74         text-decoration: none;
  75         color: #fff;
  76         font-weight: normal;
  77         }
  78
  79
  80
  81 #nav_sub {
  82         color: #ffffff;
  83         text-align: left;
  84
  85         margin-left: .5em;
  86         font-weight: normal;
  87         text-decoration: none;
  88         }
  89
  90 #nav_sub a:link {
  91         text-decoration: none;
  92         font-color: #ffffff;
  93         font-weight: normal;
  94         }
  95 #nav_sub a:visited {
  96         text-decoration: none;
  97         font-color: #ffffff;
  98         font-weight: normal;
  99         }
 100
 101 #nav_sub  a:hover {
 102         text-decoration: none;
 103         color: #959494;
 104         font-weight: normal;
 105         }
 106
 107 #teal {
 108         color: #015572;
 109         text-decoration: underline;
 110         font-weight: normal;
 111
 112         }
 113
 114
 115 #teal a:hover {
 116         text-decoration: none;
 117         color: #ffffff;
 118         font-weight: normal;
 119         margin-left: 10px;
 120         }
 121
 122
 123
 124 td {
 125 line-height: 1.3em;
 126 letter-spacing: 0.02em;
 127         word-spacing: 1px;
 128 }
 129
 130
 131 * { /*global content*/
 132
 133         font-family: Verdana, Arial, sans-serif;
 134         font-color: #666666;
 135         font-size: 12px;
 136         padding: 0;
 137
 138         }
 139
 140 ul.indented {
 141         color: black;
 142         line-height: 1.3em;
 143         padding: 0;
 144         padding-left: 2em;
 145         padding-right: 10px;
 146         margin: 10px;
 147         margin-left: 1.8em;
 148 }
 149
 150 ol {
 151         color: black;
 152         line-height: 1.3em;
 153         padding: 0;
 154         padding-left: 2em;
 155         padding-right: 10px;
 156         margin: 10px;
 157         margin-left: 1.8em;
 158 }
 159
 160 #content_none {
 161 }
 162
 163 #content1 {
 164         clear: both;
 165         margin: 0;
 166         padding-top: .5em;
 167         padding-right: 10px;
 168         padding-left: 10px;
 169         padding-bottom: .5em;
 170         border-right: 0;
 171         border-left: 0;
 172         /* text-align: left; */
 173         text-align: center;
 174 }
 175
 176 #content_prd {
 177         clear: both;
 178         margin: 0;
 179         padding-top: .5em;
 180         padding-right: 10px;
 181         padding-left: 10px;
 182         padding-bottom: .5em;
 183         border-right: 0;
 184         border-left: 0;
 185         text-align: center;
 186 }
 187
 188 #content {
 189         clear: both;
 190         margin: 0;
 191         padding-top: .5em;
 192         padding-right: 10px;
 193         padding-left: 10px;
 194         padding-bottom: .5em;
 195         border-right: 0;
 196         border-left: 0;
 197         /* text-align: left; */
 198         text-align: left;
 199 }
 200
 201
 202 .crossout {
 203         text-decoration: line-through;
 204 }
 205
 206
 207
 208 #footer  {
 209         clear: both;
 210         border-top: 1px solid black;
 211         padding: .25em;
 212         margin: 0;
 213         margin-top: 2px;
 214         text-align: center;
 215         background: #462545;
 216         color: #ffffff;
 217         }
 218
 219 #footernav {
 220         text-align: center;
 221         color: #ffffff;
 222         decoration: none;
 223
 224         }
 225
 226 #footernav a:link {
 227         color: #ffffff;
 228         decoration: none;
 229
 230         }
 231
 232 #footernav      a:visited {
 233         color: #ffffff;
 234         decoration: none;
 235
 236         }
 237
 238 #footernav a:hover {
 239         color: #F08B08;
 240         decoration: none;
 241         }
 242
 243
 244 a:link, a:visited {
 245         color: #800080;
 246         text-decoration: underline;
 247         font-weight: normal;
 248         letter-spacing: 1px;
 249         word-spacing: normal;
 250         }
 251
 252
 253
 254 a:hover {
 255         color: #000;
 256         }
 257
 258
 259
 260 h1 {
 261         font: Verdana, Arial, sans-serif;
 262         font-weight: bold;
 263         font-size: 20px;
 264         line-height: 20px;
 265         color: #fff;
 266         padding: 0;
 267         margin: 0;
 268         /* margin-top: 2.05em; */
 269         margin-left: 0;
 270         margin-right: 1em;
 271
 272         letter-spacing: 0.02em;
 273         word-spacing: 1px;
 274
 275         }
 276
 277 h2 {
 278         font: Verdana, Arial, sans-serif;
 279         font-weight: bold;
 280         font-size: 150%;
 281         color: #ffffff ;
 282         padding: 0;
 283         margin-top: 5px;
 284         margin-bottom: 5px;
 285         margin-left: 0;
 286         }
 287
 288 h3 {
 289         font: Verdana, Arial, sans-serif;
 290         font-weight: bold;
 291         font-size: 110%;
 292         color: #fff;
 293         padding: .5;
 294         margin: 5px;
 295         margin-left: .9em;
 296
 297
 298         }
 299
 300
 301 h4 {
 302         font: Verdana, Arial, sans-serif;
 303         font-weight: bold;
 304         font-size: 120%;
 305         color: #336666;
 306         padding: 0;
 307         margin: 5px;
 308         margin-left: 1em;
 309 }
 310
 311 b.h4 {
 312  color: #336666;
 313
 314 }
 315
 316         }
 317
 318 /* h5 {
 319         font: Verdana, Arial, sans-serif;
 320         font-weight: bold;
 321         font-size: 120%;
 322         color: #336666;
 323         padding: 0;
 324         margin: 5px;
 325         margin-left: 10px;
 326 }
 327 */
 328
 329 b.h5 {
 330  color: #401D4B;
 331
 332 }
 333
 334 h5 {
 335         font: Verdana, Arial, sans-serif;
 336         font-weight: bold;
 337         font-size: 200%;
 338         color: #5E355D;
 339         padding: 0;
 340         margin: .5em;
 341         margin-left: 0em;
 342         /* line-height: 1.4em */
 343
 344
 345         }
 346
 347 b.h6 {
 348  color: #401D4B;
 349
 350 }
 351
 352 h6 {
 353         font: Verdana, Arial, sans-serif;
 354         font-weight: bold;
 355         font-size: 140%;
 356         color: #5E355D;
 357         padding: 0;
 358         margin: .5em;
 359         margin-left: 0em;
 360         margin-right: .5em;
 361         /* line-height: 1.4em */
 362
 363
 364         }
 365 p {
 366         color: #000000;
 367         line-height: 1.4em;
 368         padding: 10px;
 369         margin: 0;
 370         margin-left: 20px;
 371         margin-right: 10px;
 372     letter-spacing: 0.02em;
 373         word-spacing: 1px;
 374
 375    }
 376
 377 b {
 378         color: #000000;
 379         letter-spacing: 0.02em;
 380         word-spacing: 1px;
 381         }
 382
 383
 384
 385 .leftFloat {
 386         float:left;
 387         padding: 10px;
 388         margin: 20px;
 389         top-margin: 2em;
 390         }
 391
 392 .rightFloat {
 393         float: right;
 394         padding: 20px;
 395         margin: 20px;
 396
 397         }
 398
 399 body {
 400         background: #E1E1E1;
 401         margin: 0;
 402         margin-top: 0;
 403         padding: 0;
 404         }
 405
 406 .block {
 407         background: #B7B7B7;
 408         padding: 5px;
 409         font-size: 140%;
 410         margin-left: 20px;
 411         text-align: center middle;
 412         }
 413
 414 .blkbold {
 415         color: #800080;
 416         font: 100%;
 417         }
 418
 419
 420
 421 table.tblprod {
 422         /* width: 900px; */
 423         /* height: 992px; */
 424         border-width: thin thin thin thin;
 425         border-spacing: 15px;
 426         border-style: none;
 427         border-color: none gray none gray;
 428         border-collapse: collapse;
 429         align: center;
 430
 431         background-color: #A3A3A3;
 432         /* -moz-border-radius: 30px 30px 30px 30px; */
 433 }
 434 table.tblprod th {
 435         border-width: 1px 1px 1px 1px;
 436         padding: 3px 10px 10px 10px;
 437         border-style: none none none none;
 438         border-color: #999 gray #999 gray;
 439         background-color: none;
 440         /* -moz-border-radius: 30px 30px 30px 30px; */
 441         text-align: left bottom;
 442         border-collapse: seperate;
 443 }
 444
 445
 446 table.tblprod td {
 447         border-width: 1px 1px 1px 1px;
 448         padding: 5px 5px 5px 5px;
 449         border-style: none;
 450         border-color: gray gray gray gray;
 451         /* background-color: ; */
 452
 453 }
 454
 455 table.tblprod_insd {
 456         /* width: 864px; */
 457         /* height: 950px; */
 458         border-width: thin thin thin thin;
 459         border-spacing: 15px;
 460         border-style: none;
 461         border-color: none gray none gray;
 462         border-collapse: collapse;
 463
 464         /* margin-top: 15px; */
 465         /* background-image: url(../imgs/bk/whitesq.gif); */
 466         background-color: #ffffff;
 467         background-repeat: no-repeat;
 468         /* -moz-border-radius: 30px 30px 30px 30px; */
 469 }
 470 table.tblprod_insd th {
 471         border-width: 1px 1px 1px 1px;
 472         padding: 3px 10px 10px 10px;
 473         border-style: none none none none;
 474         border-color: #999 gray #999 gray;
 475         background-color: none;
 476         /* -moz-border-radius: 30px 30px 30px 30px; */
 477         text-align: left bottom;
 478         border-collapse: seperate;
 479 }
 480
 481
 482 table.tblprod_insd td {
 483         border-width: 1px 1px 1px 1px;
 484         padding: 5px 5px 5px 5px;
 485         border-style: none;
 486         border-color: gray gray gray gray;
 487         background-color: ;
 488
 489 }
 490
 491 table.tblprod_insdlist {
 492         /* width: 800px; */
 493         border-width: thin thin thin thin;
 494         border-spacing: 15px;
 495         border-style: none;
 496         border-color: none gray none gray;
 497         border-collapse: collapse;
 498
 499         margin-top: 10px;
 500         margin-bottom: 10px;
 501         background-repeat: no-repeat;
 502
 503 }
 504 table.tblprod_insdlist th {
 505         border-width: 1px 1px 1px 1px;
 506         /* padding: 3px 10px 10px 10px; */
 507         border-style: none none none none;
 508         border-color: #999 gray #999 gray;
 509         background-color: none;
 510         /* -moz-border-radius: 30px 30px 30px 30px; */
 511         text-align: left bottom;
 512         border-collapse: seperate;
 513 }
 514
 515
 516 table.tblprod_insdlist td {
 517         border-width: 2px 2px 2px 2px;
 518         /* padding: 10px 10px 10px 10px; */
 519         border-style: none none none solid;
 520         border-color: #fff;
 521         background-color: ;
 522         border-collapse: seperate;
 523
 524 }
 525
 526 /* ---- */
 527
 528 table.tblprod_new {
 529         /* width: 900px; */
 530         /* height: 992px; */
 531         border-width: thin thin thin thin;
 532 /*      border-spacing: 15px; */
 533         border-style: none;
 534         border-color: none gray none gray;
 535         border-collapse: collapse;
 536         align: center;
 537         background-color: #A3A3A3;
 538 }
 539
 540 table.tblprod_new th {
 541         border-width: 1px 5px 1px 5px;
 542         padding: 0px 20px 10px 20px;
 543         border-style: none solid none solid;
 544         border-color: #f00 #0f0 #f00 #0f0;
 545         background-color: none;
 546         text-align: left bottom;
 547         border-collapse: seperate;
 548 }
 549
 550
 551 table.tblprod_new td {
 552         border-width: 1px 1px 1px 1px;
 553         padding: 0px 5px 5px 5px;
 554         border-style: none;
 555         border-color: gray gray gray gray;
 556         /* background-color: ; */
 557
 558 }
 559
 560 table.tblprod_insd_new {
 561         /* width: 864px; */
 562         /* height: 950px; */
 563         border-width: thin thin thin thin;
 564         border-spacing: 15px;
 565         border-style: none;
 566         border-color: none gray none gray;
 567         border-collapse: collapse;
 568
 569         /* margin-top: 15px; */
 570         /* background-image: url(../imgs/bk/whitesq.gif); */
 571         background-color: #ffffff;
 572         background-repeat: no-repeat;
 573 }
 574 table.tblprod_insd_new th {
 575         border-width: 1px 1px 1px 1px;
 576         padding: 3px 10px 10px 10px;
 577         border-style: none none none none;
 578         border-color: #999 gray #999 gray;
 579         background-color: none;
 580         text-align: left bottom;
 581         border-collapse: seperate;
 582 }
 583
 584
 585 table.tblprod_insd_new td {
 586         border-width: 1px 1px 1px 1px;
 587         padding: 5px 5px 5px 5px;
 588         border-style: none;
 589         border-color: gray gray gray gray;
 590         background-color: ;
 591
 592 }
 593
 594 table.tblprod_insdlist_new {
 595         /* width: 800px; */
 596         border-width: thin thin thin thin;
 597         border-spacing: 15px;
 598         border-style: none;
 599         border-color: none gray none gray;
 600         border-collapse: collapse;
 601
 602         margin-top: 10px;
 603         margin-bottom: 10px;
 604         background-repeat: no-repeat;
 605
 606 }
 607 table.tblprod_insdlist_new th {
 608         border-width: 1px 1px 1px 1px;
 609         /* padding: 3px 10px 10px 10px; */
 610         border-style: none none none none;
 611         border-color: #999 gray #999 gray;
 612         background-color: none;
 613         text-align: left bottom;
 614         border-collapse: seperate;
 615 }
 616
 617
 618 table.tblprod_insdlist_new td {
 619         border-width: 2px 2px 2px 2px;
 620         /* padding: 10px 10px 10px 10px; */
 621         border-style: none none none solid;
 622         border-color: #fff;
 623         background-color: ;
 624         border-collapse: seperate;
 625
 626 }
 627
 628 /* ---- */
 629
 630 table.tblprod_tab {
 631         /* width: 900px; */
 632         /* height: 992px; */
 633 /*      border-width: thin thin thin thin;
 634         border-spacing: 15px;
 635         border-style: none;
 636         border-color: none gray none gray;
 637         border-collapse: collapse;
 638         */
 639         align: center;
 640         background-color: #A3A3A3;
 641 }
 642
 643 table.tblprod_tab th {
 644         border-width: 5px 5px 0px 5px;
 645         padding: 5px 20px 10px 20px;
 646         border-style: solid solid none solid ;
 647         border-color: #a3a3a3;
 648         background-color: none;
 649         text-align: left bottom;
 650         border-collapse: seperate;
 651         background-color: #ffffff;
 652 }
 653
 654
 655 table.tblprod_tab td {
 656         border-width: 1px 5px 5px 5px;
 657         padding: 10px 20px 10px 20px;
 658         border-style: none none solid none;
 659         border-color: #a3a3a3;
 660         background-color: #cccccc;
 661 }
 662
 663 table.tblprod_insd_tab {
 664         /* width: 864px; */
 665         /* height: 950px; */
 666         border-width: thin thin thin thin;
 667         border-spacing: 15px;
 668         border-style: none;
 669         border-color: none gray none gray;
 670         border-collapse: collapse;
 671
 672         /* margin-top: 15px; */
 673         /* background-image: url(../imgs/bk/whitesq.gif); */
 674         background-color: #ffffff;
 675         background-repeat: no-repeat;
 676 }
 677 table.tblprod_insd_tab th {
 678         border-width: 1px 1px 1px 1px;
 679         padding: 3px 10px 10px 10px;
 680         border-style: none none none none;
 681         border-color: #999 gray #999 gray;
 682         background-color: none;
 683         text-align: left bottom;
 684         border-collapse: seperate;
 685 }
 686
 687
 688 table.tblprod_insd_tab td {
 689         border-width: 1px 1px 1px 1px;
 690         padding: 5px 5px 5px 5px;
 691         border-style: none;
 692         border-color: gray gray gray gray;
 693         background-color: ;
 694
 695 }
 696
 697 table.tblprod_insdlist_tab {
 698         /* width: 800px; */
 699         border-width: thin thin thin thin;
 700         border-spacing: 15px;
 701         border-style: none;
 702         border-color: none gray none gray;
 703         border-collapse: collapse;
 704
 705         margin-top: 10px;
 706         margin-bottom: 10px;
 707         background-repeat: no-repeat;
 708
 709 }
 710 table.tblprod_insdlist_tab th {
 711         border-width: 1px 1px 1px 1px;
 712         /* padding: 3px 10px 10px 10px; */
 713         border-style: none none none none;
 714         border-color: #999 gray #999 gray;
 715         background-color: none;
 716         text-align: left bottom;
 717         border-collapse: seperate;
 718 }
 719
 720
 721 table.tblprod_insdlist_tab td {
 722         border-width: 2px 2px 2px 2px;
 723         /* padding: 10px 10px 10px 10px; */
 724         border-style: none none none solid;
 725         border-color: #fff;
 726         background-color: ;
 727         border-collapse: seperate;
 728
 729 }
 730
 731 /* ---- */
 732
 733 table.pgtitle {
 734         width: 950px;
 735
 736         border-spacing: 0;
 737         border-style: none;
 738         border-color: none gray none gray;
 739         border-collapse: collapse;
 740         background-color: ;
 741         margin-left: 10px;
 742         align:left;
 743
 744 }
 745 table.pgtitle th {
 746         border-width: 1px 1px 1px 1px;
 747
 748         border-style: none none none none;
 749         border-color: #999 gray #999 gray;
 750         background-color: #B6B5B5;
 751         -moz-border-radius: 30px 30px 30px 30px;
 752         text-align: left bottom;
 753         border-collapse: seperate;
 754 }
 755
 756
 757 table.pgtitle td {
 758         border-width: 1px 1px 1px 1px;
 759         padding: 5px 5px 5px 5px;
 760         border-style: none;
 761         border-color: gray gray gray gray;
 762         background-color: ;
 763
 764 }
 765
 766 table.servteal{
 767         width: 80%;
 768         border-width: thin thin thin thin;
 769         border-spacing: 10px;
 770         border-style: none;
 771
 772         border-collapse: seperate;
 773         margin-left: 5px;
 774
 775         margin-top: 10px
 776 }
 777
 778 table.servteal th {
 779         border-width: 1px 1px 1px 1px;
 780         padding: 10px 10px 10px 10px;
 781         border-style: none none none none;
 782         border-color: #999 gray #999 gray;
 783         margin-left: 10px;
 784         text-align: left bottom;
 785 }
 786
 787 table.servpurp{
 788         width: 100%;
 789         border-width: thin thin thin thin;
 790         border-spacing: 4px;
 791         border-style: none;
 792
 793         border-collapse: seperate;
 794
 795         margin-left:0px;
 796         /* margin-top: 10px */
 797 }
 798
 799 table.serv {
 800         width: 100%;
 801         border-width: thin thin thin thin;
 802         border-spacing: 10px;
 803         border-style: none;
 804         border-color: gray gray gray gray;
 805         border-collapse: seperate;
 806
 807         margin-left:10px;
 808         margin-bottom: 30px;
 809         background-position: right bottom;
 810 }
 811
 812 table.serv td {
 813         border-width: 1px 1px 1px 1px;
 814         padding: 5px 5px 5px 5px;
 815         border-style: none none none none;
 816         border-color: gray gray gray gray;
 817         background-color: none;
 818         margin-left: 30px;
 819
 820
 821 }
 822 table.servpurp th {
 823         border-width: 1px 1px 1px 1px;
 824         padding: 1px 1px 1px 1px;
 825         border-style: none none none none;
 826         border-color: #999 gray #999 gray;
 827         background-color: #60385F;
 828
 829         text-align: left bottom;
 830 }
 831
 832
 833 table.servpurp td {
 834         border-width: 1px 1px 1px 1px;
 835         padding: 5px 5px 5px 5px;
 836         border-style: none none none solid;
 837         border-color: gray gray gray gray;
 838         /* background-color: #919090; */
 839         background-color: #ffffff;
 840 }
 841
 842 table.demo {
 843         width: 100%;
 844         height: 180px;
 845         border-width: thin thin thin thin;
 846         border-spacing: 10px;
 847         border-style: none;
 848         border-color: gray gray gray gray;
 849         border-collapse: seperate;
 850         background-color: ;
 851         margin-left:30px;
 852         /* background-image: url(../imgs/bk/s.gif);
 853         background-repeat: no-repeat;
 854         */
 855 }
 856 table.demo th {
 857         border-width: 1px 1px 1px 1px;
 858         padding: 5px 5px 5px 5px;
 859         border-style: none;
 860         border-color: #999 gray #999 gray;
 861         background-color: ;
 862         -moz-border-radius: 6px 6px 6px 6px;
 863         text-align: left bottom;
 864         font-weight: normal;
 865 }
 866
 867
 868 table.demo td {
 869         border-width: 1px 1px 1px 1px;
 870         padding: 5px 5px 5px 5px;
 871         border-style:none;
 872         border-color: gray gray gray gray;
 873         background-color: #ccc;
 874         -moz-border-radius: 12px 12px 12px 12px;
 875 }
 876
 877 table.dev {
 878
 879         border-width: thin thin thin thin;
 880         /* border-spacing: 10px; */
 881         border-style: none;
 882         border-color: gray gray gray gray;
 883         border-collapse: seperate;
 884 }
 885 table.dev th {
 886 /*      border-width: 1px 1px 1px 1px;
 887         padding: 5px 5px 5px 5px;
 888         border-style: solid none none none;
 889         border-color: #999 gray #999 gray;
 890         */
 891         background-color: #60385F;
 892         text-align: left bottom;
 893 }
 894
 895
 896 table.dev td {
 897         border-width: 1px 1px 1px 1px;
 898         padding: 5px 5px 5px 5px;
 899         border-style: none solid solid solid;
 900         border-color: gray gray gray gray;
 901         background-color: #ffffff;
 902 }
 903
 904 table.selfserv {
 905   /* padding: 20px; */
 906 }
 907
 908 table.selfserv tr {
 909   /* padding: 20px; */
 910 }
 911
 912 table.selfserv td {
 913   padding: 2px;
 914 }
 915