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: .5em;
  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 #header3 { /*sub navigation*/
  82         clear: both;
  83         margin: 0;
  84         padding-top: .5em;
  85         padding-bottom: .5em;
  86         background: #5E355D;
  87         border-bottom: 1px solid black;
  88         border-right: 0;
  89         border-left: 0;
  90         text-align: left;
  91         }
  92
  93
  94 #nav_sub {
  95         color: #ffffff;
  96         text-align: left;
  97
  98         margin-left: .5em;
  99         font-weight: normal;
 100         text-decoration: none;
 101         }
 102
 103 #nav_sub a:link {
 104         text-decoration: none;
 105         font-color: #ffffff;
 106         font-weight: normal;
 107         }
 108 #nav_sub a:visited {
 109         text-decoration: none;
 110         font-color: #ffffff;
 111         font-weight: normal;
 112         }
 113
 114 #nav_sub  a:hover {
 115         text-decoration: none;
 116         color: #959494;
 117         font-weight: normal;
 118         }
 119
 120 #teal {
 121         color: #015572;
 122         text-decoration: underline;
 123         font-weight: normal;
 124
 125         }
 126
 127
 128 #teal a:hover {
 129         text-decoration: none;
 130         color: #ffffff;
 131         font-weight: normal;
 132         margin-left: 10px;
 133         }
 134
 135
 136
 137 td {
 138 line-height: 1.3em;
 139 letter-spacing: 0.02em;
 140         word-spacing: 1px;
 141 }
 142
 143
 144 * { /*global content*/
 145
 146         font-family: Verdana, Arial, Sans-serif;
 147         font-color: #666666;
 148         font-size: 11px;
 149         padding: 0;
 150
 151         }
 152
 153 ul {
 154         color: black;
 155         line-height: 1.3em;
 156         padding: 0;
 157         padding-left: 2em;
 158         padding-right: 10px;
 159         margin: 10px;
 160         margin-left: 1.8em;
 161 }
 162
 163
 164
 165
 166
 167 #content1 {
 168         clear: both;
 169         margin: 0;
 170         padding-top: .5em;
 171         padding-right: 10px;
 172         padding-left: 10px;
 173         padding-bottom: .5em;
 174         border-bottom: 1px solid black;
 175         border-right: 0;
 176         border-left: 0;
 177         text-align: left;
 178         background-image: ;
 179         background-repeat: repeat-y;
 180         background-position: right;
 181 }
 182
 183 #content_prd {
 184         clear: both;
 185         margin: 0;
 186         padding-top: .5em;
 187         padding-right: 10px;
 188         padding-left: 10px;
 189         padding-bottom: .5em;
 190         border-bottom: 1px solid black;
 191         border-right: 0;
 192         border-left: 0;
 193         text-align: center;
 194         background-image: ;
 195         background-repeat: repeat-y;
 196         background-position: right;
 197 }
 198
 199
 200
 201 .crossout {
 202         text-decoration: line-through;
 203 }
 204
 205
 206
 207 #footer  {
 208         clear: both;
 209         border-top: 1px solid #333;
 210         padding: .5em;
 211         margin: 0;
 212         margin-top: 2px;
 213         text-align: center;
 214         background: #462545;
 215         color: #ffffff;
 216         }
 217
 218 #footernav {
 219         text-align: center;
 220         color: #ffffff;
 221         decoration: none;
 222
 223         }
 224
 225 #footernav a:link {
 226         color: #ffffff;
 227         decoration: none;
 228
 229         }
 230
 231 #footernav      a:visited {
 232         color: #ffffff;
 233         decoration: none;
 234
 235         }
 236
 237 #footernav a:hover {
 238         color: #F08B08;
 239         decoration: none;
 240         }
 241
 242
 243 a:link, a:visited {
 244         color: #800080;
 245         text-decoration: underline;
 246         font-weight: normal;
 247         letter-spacing: 1px;
 248         word-spacing: normal;
 249         }
 250
 251
 252
 253 a:hover {
 254         color: #000;
 255         }
 256
 257
 258
 259 h1 {
 260         font: Verdana, Arial, sans-serif;
 261         font-weight: bold;
 262         font-size: 20px;
 263         line-height: 20px;
 264         color: #fff;
 265         padding: 0;
 266         margin: 0;
 267         /* margin-top: 2.05em; */
 268         margin-left: 0;
 269         margin-right: 1em;
 270
 271         letter-spacing: 0.02em;
 272         word-spacing: 1px;
 273
 274         }
 275
 276 h2 {
 277         font: Verdana, Arial, sans-serif;
 278         font-weight: bold;
 279         font-size: 150%;
 280         color: #ffffff ;
 281         padding: 0;
 282         margin-top: 5px;
 283         margin-bottom: 5px;
 284         margin-left: 0;
 285         }
 286
 287 h3 {
 288         font: Verdana, Arial, sans-serif;
 289         font-weight: bold;
 290         font-size: 110%;
 291         color: #fff;
 292         padding: .5;
 293         margin: 5px;
 294         margin-left: .9em;
 295
 296
 297         }
 298
 299
 300 h4 {
 301         font: Verdana, Arial, sans-serif;
 302         font-weight: bold;
 303         font-size: 120%;
 304         color: #336666;
 305         padding: 0;
 306         margin: 5px;
 307         margin-left: 1em;
 308 }
 309
 310 b.h4 {
 311  color: #336666;
 312
 313 }
 314
 315         }
 316
 317 h5 {
 318         font: Verdana, Arial, sans-serif;
 319         font-weight: bold;
 320         font-size: 120%;
 321         color: #336666;
 322         padding: 0;
 323         margin: 5px;
 324         margin-left: 10px;
 325 }
 326
 327 b.h6 {
 328  color: #401D4B;
 329
 330 }
 331
 332 h6 {
 333         font: Verdana, Arial, sans-serif;
 334         font-weight: bold;
 335         font-size: 140%;
 336         color: #5E355D;
 337         padding: 0;
 338         margin: .5em;
 339         margin-left: .2em;
 340         margin-right: .5em;
 341         line-height: 1.4em
 342
 343
 344         }
 345 p {
 346         color: #000000;
 347         line-height: 1.4em;
 348         padding: 10px;
 349         margin: 0;
 350         margin-left: 20px;
 351         margin-right: 10px;
 352     letter-spacing: 0.02em;
 353         word-spacing: 1px;
 354
 355    }
 356
 357 b {
 358         color: #000000;
 359         letter-spacing: 0.02em;
 360         word-spacing: 1px;
 361         }
 362
 363
 364
 365 .leftFloat {
 366         float:left;
 367         padding: 10px;
 368         margin: 20px;
 369         top-margin: 2em;
 370         }
 371
 372 .rightFloat {
 373         float: right;
 374         padding: 20px;
 375         margin: 20px;
 376
 377         }
 378
 379 body {
 380         background: #E1E1E1;
 381         margin: 0;
 382         margin-top: 0;
 383         padding: 0;
 384         }
 385
 386 .block {
 387         background: #B7B7B7;
 388         padding: 5px;
 389         font-size: 140%;
 390         margin-left: 20px;
 391         text-align: center middle;
 392         }
 393
 394 .blkbold {
 395         color: #800080;
 396         font: 100%;
 397         }
 398
 399
 400
 401 table.tblprod {
 402         width: 900px;
 403         height: 992px;
 404         border-width: thin thin thin thin;
 405         border-spacing: 15px;
 406         border-style: none;
 407         border-color: none gray none gray;
 408         border-collapse: collapse;
 409         align: center;
 410
 411         background-image: url(../imgs/bk/dkgrysq.gif);
 412         background-repeat: no-repeat;
 413         -moz-border-radius: 30px 30px 30px 30px;
 414 }
 415 table.tblprod th {
 416         border-width: 1px 1px 1px 1px;
 417         padding: 3px 10px 10px 10px;
 418         border-style: none none none none;
 419         border-color: #999 gray #999 gray;
 420         background-color: none;
 421         -moz-border-radius: 30px 30px 30px 30px;
 422         text-align: left bottom;
 423         border-collapse: seperate;
 424 }
 425
 426
 427 table.tblprod td {
 428         border-width: 1px 1px 1px 1px;
 429         padding: 5px 5px 5px 5px;
 430         border-style: none ;
 431         border-color: gray gray gray gray;
 432         background-color: ;
 433
 434 }
 435
 436 table.tblprod_insd {
 437         width: 864px;
 438         height: 950px;
 439         border-width: thin thin thin thin;
 440         border-spacing: 15px;
 441         border-style: none;
 442         border-color: none gray none gray;
 443         border-collapse: collapse;
 444
 445         margin-top: 15px;
 446         background-image: url(../imgs/bk/whitesq.gif);
 447         background-repeat: no-repeat;
 448         -moz-border-radius: 30px 30px 30px 30px;
 449 }
 450 table.tblprod_insd th {
 451         border-width: 1px 1px 1px 1px;
 452         padding: 3px 10px 10px 10px;
 453         border-style: none none none none;
 454         border-color: #999 gray #999 gray;
 455         background-color: none;
 456         -moz-border-radius: 30px 30px 30px 30px;
 457         text-align: left bottom;
 458         border-collapse: seperate;
 459 }
 460
 461
 462 table.tblprod_insd td {
 463         border-width: 1px 1px 1px 1px;
 464         padding: 5px 5px 5px 5px;
 465         border-style: none;
 466         border-color: gray gray gray gray;
 467         background-color: ;
 468
 469 }
 470
 471 table.tblprod_insdlist {
 472         width: 800px;
 473         border-width: thin thin thin thin;
 474         border-spacing: 15px;
 475         border-style: none;
 476         border-color: none gray none gray;
 477         border-collapse: collapse;
 478
 479         margin-top: 10px;
 480
 481         background-repeat: no-repeat;
 482
 483 }
 484 table.tblprod_insdlist th {
 485         border-width: 1px 1px 1px 1px;
 486         padding: 3px 10px 10px 10px;
 487         border-style: none none none none;
 488         border-color: #999 gray #999 gray;
 489         background-color: none;
 490         -moz-border-radius: 30px 30px 30px 30px;
 491         text-align: left bottom;
 492         border-collapse: seperate;
 493 }
 494
 495
 496 table.tblprod_insdlist td {
 497         border-width: 2px 2px 2px 2px;
 498         padding: 10px 10px 10px 10px;
 499         border-style: none none none solid;
 500         border-color: #fff;
 501         background-color: ;
 502         border-collapse: seperate;
 503
 504 }
 505 table.pgtitle {
 506         width: 950px;
 507
 508         border-spacing: 0;
 509         border-style: none;
 510         border-color: none gray none gray;
 511         border-collapse: collapse;
 512         background-color: ;
 513         margin-left: 10px;
 514         align:left;
 515
 516 }
 517 table.pgtitle th {
 518         border-width: 1px 1px 1px 1px;
 519
 520         border-style: none none none none;
 521         border-color: #999 gray #999 gray;
 522         background-color: #B6B5B5;
 523         -moz-border-radius: 30px 30px 30px 30px;
 524         text-align: left bottom;
 525         border-collapse: seperate;
 526 }
 527
 528
 529 table.pgtitle td {
 530         border-width: 1px 1px 1px 1px;
 531         padding: 5px 5px 5px 5px;
 532         border-style: none;
 533         border-color: gray gray gray gray;
 534         background-color: ;
 535
 536 }
 537
 538 table.servteal{
 539         width: 80%;
 540         border-width: thin thin thin thin;
 541         border-spacing: 10px;
 542         border-style: none;
 543
 544         border-collapse: seperate;
 545         margin-left: 5px;
 546
 547         margin-top: 10px
 548 }
 549
 550 table.servteal th {
 551         border-width: 1px 1px 1px 1px;
 552         padding: 10px 10px 10px 10px;
 553         border-style: none none none none;
 554         border-color: #999 gray #999 gray;
 555         background-image: url(../imgs/bk/grad1.gif);
 556         background-repeat: repeat-y;
 557 margin-left: 10px;
 558         text-align: left bottom;
 559 }
 560
 561 table.servpurp{
 562         width: 100%;
 563         border-width: thin thin thin thin;
 564         border-spacing: 10px;
 565         border-style: none;
 566
 567         border-collapse: seperate;
 568
 569         margin-left:0px;
 570         margin-top: 10px
 571 }
 572
 573 table.serv {
 574         width: 100%;
 575         border-width: thin thin thin thin;
 576         border-spacing: 10px;
 577         border-style: none;
 578         border-color: gray gray gray gray;
 579         border-collapse: seperate;
 580
 581         margin-left:10px;
 582         margin-bottom: 30px;
 583         background-position: right bottom;
 584 }
 585
 586 table.serv td {
 587         border-width: 1px 1px 1px 1px;
 588         padding: 5px 5px 5px 5px;
 589         border-style: none none none none;
 590         border-color: gray gray gray gray;
 591         background-color: none;
 592         margin-left: 30px;
 593
 594
 595 }
 596 table.servpurp th {
 597         border-width: 1px 1px 1px 1px;
 598         padding: 1px 1px 1px 1px;
 599         border-style: none none none none;
 600         border-color: #999 gray #999 gray;
 601         background-image: url(../imgs/bk/grad2.gif);
 602         background-repeat: repeat-y;
 603
 604         text-align: left bottom;
 605 }
 606
 607
 608 table.servpurp td {
 609         border-width: 1px 1px 1px 1px;
 610         padding: 5px 5px 5px 5px;
 611         border-style: none none none solid;
 612         border-color: gray gray gray gray;
 613         background-color: none;
 614         background-image: url(../imgs/bk/grad3.gif);
 615         background-repeat: repeat-y;
 616 }
 617
 618 table.demo {
 619         width: 100%;
 620         height: 180px;
 621         border-width: thin thin thin thin;
 622         border-spacing: 10px;
 623         border-style: none;
 624         border-color: gray gray gray gray;
 625         border-collapse: seperate;
 626         background-color: ;
 627         margin-left:30px;
 628         background-image: url(../imgs/bk/s.gif);
 629         background-repeat: no-repeat;
 630 }
 631 table.demo th {
 632         border-width: 1px 1px 1px 1px;
 633         padding: 5px 5px 5px 5px;
 634         border-style: none;
 635         border-color: #999 gray #999 gray;
 636         background-color: ;
 637         -moz-border-radius: 6px 6px 6px 6px;
 638         text-align: left bottom;
 639 }
 640
 641
 642 table.demo td {
 643         border-width: 1px 1px 1px 1px;
 644         padding: 5px 5px 5px 5px;
 645         border-style:none;
 646         border-color: gray gray gray gray;
 647         background-color: #ccc;
 648         -moz-border-radius: 12px 12px 12px 12px;
 649 }
 650
 651 table.dev {
 652
 653         border-width: thin thin thin thin;
 654         border-spacing: 10px;
 655         border-style: none;
 656         border-color: gray gray gray gray;
 657         border-collapse: seperate;
 658         background-color: ;
 659         margin-left:30px
 660 }
 661 table.dev th {
 662         border-width: 1px 1px 1px 1px;
 663         padding: 5px 5px 5px 5px;
 664         border-style: solid none none none;
 665         border-color: #999 gray #999 gray;
 666         background-color: #B6B5B5;
 667         background-image: url(../imgs/bk/grad1_sm.gif);
 668         background-repeat: repeat-y;
 669
 670         text-align: left bottom;
 671 }
 672
 673
 674 table.dev td {
 675         border-width: 1px 1px 1px 1px;
 676         padding: 5px 5px 5px 5px;
 677         border-style: none solid none solid;
 678         border-color: gray gray gray gray;
 679         background-color: #ccc;
 680
 681 }