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: bold Verdana, Arial, Sans-serif;
 261         font-size: 20px;
 262         line-height: 20px;
 263         color: #fff;
 264         padding: 0;
 265         margin: 0;
 266         margin-top: 2.05em;
 267         margin-left: 0;
 268         margin-right: 1em;
 269
 270         letter-spacing: 0.02em;
 271         word-spacing: 1px;
 272
 273         }
 274
 275 h2 {
 276         font: bold, Verdana, Arial, Sans-serif;
 277         font-size: 150%;
 278         color: #ffffff ;
 279         padding: 0;
 280         margin-top: 5px;
 281         margin-bottom: 5px;
 282         margin-left: 0;
 283         }
 284
 285 h3 {
 286         font: bold Verdana, Arial, Sans-serif;
 287         font-size: 110%;
 288         color: #fff;
 289         padding: .5;
 290         margin: 5px;
 291         margin-left: .9em;
 292
 293
 294         }
 295
 296
 297 h4 {
 298         font: bold Verdana, Arial, Sans-serif;
 299         font-size: 120%;
 300         color: #336666;
 301         padding: 0;
 302         margin: 5px;
 303         margin-left: 1em;
 304 }
 305
 306 b.h4 {
 307  color: #336666;
 308
 309 }
 310
 311         }
 312
 313 h5 {
 314         font: bold Verdana, Arial, Sans-serif;
 315         font-size: 120%;
 316         color: #336666;
 317         padding: 0;
 318         margin: 5px;
 319         margin-left: 10px;
 320 }
 321
 322 b.h6 {
 323  color: #401D4B;
 324
 325 }
 326
 327 h6 {
 328         font: bold, Verdana, Arial, Sans-serif;
 329         font-size: 140%;
 330         color: #5E355D;
 331         padding: 0;
 332         margin: .5em;
 333         margin-left: .2em;
 334         margin-right: .5em;
 335         line-height: 1.4em
 336
 337
 338         }
 339 p {
 340         color: #000000;
 341         line-height: 1.4em;
 342         padding: 10px;
 343         margin: 0;
 344         margin-left: 20px;
 345         margin-right: 10px;
 346     letter-spacing: 0.02em;
 347         word-spacing: 1px;
 348
 349    }
 350
 351 b {
 352         color: #000000;
 353         letter-spacing: 0.02em;
 354         word-spacing: 1px;
 355         }
 356
 357
 358
 359 .leftFloat {
 360         float:left;
 361         padding: 10px;
 362         margin: 20px;
 363         top-margin: 2em;
 364         }
 365
 366 .rightFloat {
 367         float: right;
 368         padding: 20px;
 369         margin: 20px;
 370
 371         }
 372
 373 body {
 374         background: #E1E1E1;
 375         margin: 0;
 376         margin-top: 0;
 377         padding: 0;
 378         }
 379
 380 .block {
 381         background: #B7B7B7;
 382         padding: 5px;
 383         font: 140%;
 384         margin-left: 20px;
 385         text-align: center middle;
 386         }
 387
 388 .blkbold {
 389         color: #800080;
 390         font: 100%;
 391         }
 392
 393
 394
 395 table.tblprod {
 396         width: 900px;
 397         height: 992px;
 398         border-width: thin thin thin thin;
 399         border-spacing: 15px;
 400         border-style: none;
 401         border-color: none gray none gray;
 402         border-collapse: collapse;
 403         align: center;
 404
 405         background-image: url(../imgs/bk/dkgrysq.gif);
 406         background-repeat: no-repeat;
 407         -moz-border-radius: 30px 30px 30px 30px;
 408 }
 409 table.tblprod th {
 410         border-width: 1px 1px 1px 1px;
 411         padding: 3px 10px 10px 10px;
 412         border-style: none none none none;
 413         border-color: #999 gray #999 gray;
 414         background-color: none;
 415         -moz-border-radius: 30px 30px 30px 30px;
 416         text-align: left bottom;
 417         border-collapse: seperate;
 418 }
 419
 420
 421 table.tblprod td {
 422         border-width: 1px 1px 1px 1px;
 423         padding: 5px 5px 5px 5px;
 424         border-style: none ;
 425         border-color: gray gray gray gray;
 426         background-color: ;
 427
 428 }
 429
 430 table.tblprod_insd {
 431         width: 864px;
 432         height: 950px;
 433         border-width: thin thin thin thin;
 434         border-spacing: 15px;
 435         border-style: none;
 436         border-color: none gray none gray;
 437         border-collapse: collapse;
 438
 439         margin-top: 15px;
 440         background-image: url(../imgs/bk/whitesq.gif);
 441         background-repeat: no-repeat;
 442         -moz-border-radius: 30px 30px 30px 30px;
 443 }
 444 table.tblprod_insd th {
 445         border-width: 1px 1px 1px 1px;
 446         padding: 3px 10px 10px 10px;
 447         border-style: none none none none;
 448         border-color: #999 gray #999 gray;
 449         background-color: none;
 450         -moz-border-radius: 30px 30px 30px 30px;
 451         text-align: left bottom;
 452         border-collapse: seperate;
 453 }
 454
 455
 456 table.tblprod_insd td {
 457         border-width: 1px 1px 1px 1px;
 458         padding: 5px 5px 5px 5px;
 459         border-style: none;
 460         border-color: gray gray gray gray;
 461         background-color: ;
 462
 463 }
 464
 465 table.tblprod_insdlist {
 466         width: 800px;
 467         border-width: thin thin thin thin;
 468         border-spacing: 15px;
 469         border-style: none;
 470         border-color: none gray none gray;
 471         border-collapse: collapse;
 472
 473         margin-top: 10px;
 474
 475         background-repeat: no-repeat;
 476
 477 }
 478 table.tblprod_insdlist th {
 479         border-width: 1px 1px 1px 1px;
 480         padding: 3px 10px 10px 10px;
 481         border-style: none none none none;
 482         border-color: #999 gray #999 gray;
 483         background-color: none;
 484         -moz-border-radius: 30px 30px 30px 30px;
 485         text-align: left bottom;
 486         border-collapse: seperate;
 487 }
 488
 489
 490 table.tblprod_insdlist td {
 491         border-width: 2px 2px 2px 2px;
 492         padding: 10px 10px 10px 10px;
 493         border-style: none none none solid;
 494         border-color: #fff;
 495         background-color: ;
 496         border-collapse: seperate;
 497
 498 }
 499 table.pgtitle {
 500         width: 950px;
 501
 502         border-spacing: 0;
 503         border-style: none;
 504         border-color: none gray none gray;
 505         border-collapse: collapse;
 506         background-color: ;
 507         margin-left: 10px;
 508         align:left;
 509
 510 }
 511 table.pgtitle th {
 512         border-width: 1px 1px 1px 1px;
 513
 514         border-style: none none none none;
 515         border-color: #999 gray #999 gray;
 516         background-color: #B6B5B5;
 517         -moz-border-radius: 30px 30px 30px 30px;
 518         text-align: left bottom;
 519         border-collapse: seperate;
 520 }
 521
 522
 523 table.pgtitle td {
 524         border-width: 1px 1px 1px 1px;
 525         padding: 5px 5px 5px 5px;
 526         border-style: none;
 527         border-color: gray gray gray gray;
 528         background-color: ;
 529
 530 }
 531
 532 table.servteal{
 533         width: 80%;
 534         border-width: thin thin thin thin;
 535         border-spacing: 10px;
 536         border-style: none;
 537
 538         border-collapse: seperate;
 539         margin-left: 5px;
 540
 541         margin-top: 10px
 542 }
 543
 544 table.servteal th {
 545         border-width: 1px 1px 1px 1px;
 546         padding: 10px 10px 10px 10px;
 547         border-style: none none none none;
 548         border-color: #999 gray #999 gray;
 549         background-image: url(../imgs/bk/grad1.gif);
 550         background-repeat: repeat-y;
 551 margin-left: 10px;
 552         text-align: left bottom;
 553 }
 554
 555 table.servpurp{
 556         width: 100%;
 557         border-width: thin thin thin thin;
 558         border-spacing: 10px;
 559         border-style: none;
 560
 561         border-collapse: seperate;
 562
 563         margin-left:0px;
 564         margin-top: 10px
 565 }
 566
 567 table.serv {
 568         width: 100%;
 569         border-width: thin thin thin thin;
 570         border-spacing: 10px;
 571         border-style: none;
 572         border-color: gray gray gray gray;
 573         border-collapse: seperate;
 574
 575         margin-left:10px;
 576         margin-bottom: 30px;
 577         background-position: right bottom;
 578 }
 579
 580 table.serv td {
 581         border-width: 1px 1px 1px 1px;
 582         padding: 5px 5px 5px 5px;
 583         border-style: none none none none;
 584         border-color: gray gray gray gray;
 585         background-color: none;
 586         margin-left: 30px;
 587
 588
 589 }
 590 table.servpurp th {
 591         border-width: 1px 1px 1px 1px;
 592         padding: 1px 1px 1px 1px;
 593         border-style: none none none none;
 594         border-color: #999 gray #999 gray;
 595         background-image: url(../imgs/bk/grad2.gif);
 596         background-repeat: repeat-y;
 597
 598         text-align: left bottom;
 599 }
 600
 601
 602 table.servpurp td {
 603         border-width: 1px 1px 1px 1px;
 604         padding: 5px 5px 5px 5px;
 605         border-style: none none none solid;
 606         border-color: gray gray gray gray;
 607         background-color: none;
 608         background-image: url(../imgs/bk/grad3.gif);
 609         background-repeat: repeat-y;
 610 }
 611
 612 table.demo {
 613         width: 100%;
 614         height: 180px;
 615         border-width: thin thin thin thin;
 616         border-spacing: 10px;
 617         border-style: none;
 618         border-color: gray gray gray gray;
 619         border-collapse: seperate;
 620         background-color: ;
 621         margin-left:30px;
 622         background-image: url(../imgs/bk/s.gif);
 623         background-repeat: no-repeat;
 624 }
 625 table.demo th {
 626         border-width: 1px 1px 1px 1px;
 627         padding: 5px 5px 5px 5px;
 628         border-style: none;
 629         border-color: #999 gray #999 gray;
 630         background-color: ;
 631         -moz-border-radius: 6px 6px 6px 6px;
 632         text-align: left bottom;
 633 }
 634
 635
 636 table.demo td {
 637         border-width: 1px 1px 1px 1px;
 638         padding: 5px 5px 5px 5px;
 639         border-style:none;
 640         border-color: gray gray gray gray;
 641         background-color: #ccc;
 642         -moz-border-radius: 12px 12px 12px 12px;
 643 }
 644
 645 table.dev {
 646
 647         border-width: thin thin thin thin;
 648         border-spacing: 10px;
 649         border-style: none;
 650         border-color: gray gray gray gray;
 651         border-collapse: seperate;
 652         background-color: ;
 653         margin-left:30px
 654 }
 655 table.dev th {
 656         border-width: 1px 1px 1px 1px;
 657         padding: 5px 5px 5px 5px;
 658         border-style: solid none none none;
 659         border-color: #999 gray #999 gray;
 660         background-color: #B6B5B5;
 661         background-image: url(../imgs/bk/grad1_sm.gif);
 662         background-repeat: repeat-y;
 663
 664         text-align: left bottom;
 665 }
 666
 667
 668 table.dev td {
 669         border-width: 1px 1px 1px 1px;
 670         padding: 5px 5px 5px 5px;
 671         border-style: none solid none solid;
 672         border-color: gray gray gray gray;
 673         background-color: #ccc;
 674
 675 }