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