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 table.pgtitle {
 526         width: 950px;
 527
 528         border-spacing: 0;
 529         border-style: none;
 530         border-color: none gray none gray;
 531         border-collapse: collapse;
 532         background-color: ;
 533         margin-left: 10px;
 534         align:left;
 535
 536 }
 537 table.pgtitle th {
 538         border-width: 1px 1px 1px 1px;
 539
 540         border-style: none none none none;
 541         border-color: #999 gray #999 gray;
 542         background-color: #B6B5B5;
 543         -moz-border-radius: 30px 30px 30px 30px;
 544         text-align: left bottom;
 545         border-collapse: seperate;
 546 }
 547
 548
 549 table.pgtitle td {
 550         border-width: 1px 1px 1px 1px;
 551         padding: 5px 5px 5px 5px;
 552         border-style: none;
 553         border-color: gray gray gray gray;
 554         background-color: ;
 555
 556 }
 557
 558 table.servteal{
 559         width: 80%;
 560         border-width: thin thin thin thin;
 561         border-spacing: 10px;
 562         border-style: none;
 563
 564         border-collapse: seperate;
 565         margin-left: 5px;
 566
 567         margin-top: 10px
 568 }
 569
 570 table.servteal th {
 571         border-width: 1px 1px 1px 1px;
 572         padding: 10px 10px 10px 10px;
 573         border-style: none none none none;
 574         border-color: #999 gray #999 gray;
 575         margin-left: 10px;
 576         text-align: left bottom;
 577 }
 578
 579 table.servpurp{
 580         width: 100%;
 581         border-width: thin thin thin thin;
 582         border-spacing: 4px;
 583         border-style: none;
 584
 585         border-collapse: seperate;
 586
 587         margin-left:0px;
 588         /* margin-top: 10px */
 589 }
 590
 591 table.serv {
 592         width: 100%;
 593         border-width: thin thin thin thin;
 594         border-spacing: 10px;
 595         border-style: none;
 596         border-color: gray gray gray gray;
 597         border-collapse: seperate;
 598
 599         margin-left:10px;
 600         margin-bottom: 30px;
 601         background-position: right bottom;
 602 }
 603
 604 table.serv td {
 605         border-width: 1px 1px 1px 1px;
 606         padding: 5px 5px 5px 5px;
 607         border-style: none none none none;
 608         border-color: gray gray gray gray;
 609         background-color: none;
 610         margin-left: 30px;
 611
 612
 613 }
 614 table.servpurp th {
 615         border-width: 1px 1px 1px 1px;
 616         padding: 1px 1px 1px 1px;
 617         border-style: none none none none;
 618         border-color: #999 gray #999 gray;
 619         background-color: #60385F;
 620
 621         text-align: left bottom;
 622 }
 623
 624
 625 table.servpurp td {
 626         border-width: 1px 1px 1px 1px;
 627         padding: 5px 5px 5px 5px;
 628         border-style: none none none solid;
 629         border-color: gray gray gray gray;
 630         /* background-color: #919090; */
 631         background-color: #ffffff;
 632 }
 633
 634 table.demo {
 635         width: 100%;
 636         height: 180px;
 637         border-width: thin thin thin thin;
 638         border-spacing: 10px;
 639         border-style: none;
 640         border-color: gray gray gray gray;
 641         border-collapse: seperate;
 642         background-color: ;
 643         margin-left:30px;
 644         /* background-image: url(../imgs/bk/s.gif);
 645         background-repeat: no-repeat;
 646         */
 647 }
 648 table.demo th {
 649         border-width: 1px 1px 1px 1px;
 650         padding: 5px 5px 5px 5px;
 651         border-style: none;
 652         border-color: #999 gray #999 gray;
 653         background-color: ;
 654         -moz-border-radius: 6px 6px 6px 6px;
 655         text-align: left bottom;
 656         font-weight: normal;
 657 }
 658
 659
 660 table.demo td {
 661         border-width: 1px 1px 1px 1px;
 662         padding: 5px 5px 5px 5px;
 663         border-style:none;
 664         border-color: gray gray gray gray;
 665         background-color: #ccc;
 666         -moz-border-radius: 12px 12px 12px 12px;
 667 }
 668
 669 table.dev {
 670
 671         border-width: thin thin thin thin;
 672         /* border-spacing: 10px; */
 673         border-style: none;
 674         border-color: gray gray gray gray;
 675         border-collapse: seperate;
 676 }
 677 table.dev th {
 678 /*      border-width: 1px 1px 1px 1px;
 679         padding: 5px 5px 5px 5px;
 680         border-style: solid none none none;
 681         border-color: #999 gray #999 gray;
 682         */
 683         background-color: #60385F;
 684         text-align: left bottom;
 685 }
 686
 687
 688 table.dev td {
 689         border-width: 1px 1px 1px 1px;
 690         padding: 5px 5px 5px 5px;
 691         border-style: none solid solid solid;
 692         border-color: gray gray gray gray;
 693         background-color: #ffffff;
 694 }
 695
 696 table.selfserv {
 697   /* padding: 20px; */
 698 }
 699
 700 table.selfserv tr {
 701   /* padding: 20px; */
 702 }
 703
 704 table.selfserv td {
 705   padding: 2px;
 706 }
 707