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