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