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