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
 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: .5em;
 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: .5em;
 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: 950px;
 381         border-width: thin thin thin thin;
 382         border-spacing: 15px;
 383         border-style: none;
 384         border-color: none gray none gray;
 385         border-collapse: collapse;
 386         background-color: ;
 387         margin-left: 30px;
 388
 389 }
 390 table.tblprod th {
 391         border-width: 1px 1px 1px 1px;
 392         padding: 3px 10px 10px 10px;
 393         border-style: none none none none;
 394         border-color: #999 gray #999 gray;
 395         background-color: none;
 396         -moz-border-radius: 30px 30px 30px 30px;
 397         text-align: left bottom;
 398         border-collapse: seperate;
 399 }
 400
 401
 402 table.tblprod td {
 403         border-width: 1px 1px 1px 1px;
 404         padding: 5px 5px 5px 5px;
 405         border-style: none solid none solid;
 406         border-color: gray gray gray gray;
 407         background-color: ;
 408
 409 }
 410
 411 table.pgtitle {
 412         width: 950px;
 413
 414         border-spacing: 0;
 415         border-style: none;
 416         border-color: none gray none gray;
 417         border-collapse: collapse;
 418         background-color: ;
 419         margin-left: 10px;
 420         align:left;
 421
 422 }
 423 table.pgtitle th {
 424         border-width: 1px 1px 1px 1px;
 425
 426         border-style: none none none none;
 427         border-color: #999 gray #999 gray;
 428         background-color: #B6B5B5;
 429         -moz-border-radius: 30px 30px 30px 30px;
 430         text-align: left bottom;
 431         border-collapse: seperate;
 432 }
 433
 434
 435 table.pgtitle td {
 436         border-width: 1px 1px 1px 1px;
 437         padding: 5px 5px 5px 5px;
 438         border-style: none;
 439         border-color: gray gray gray gray;
 440         background-color: ;
 441
 442 }
 443
 444 table.servteal{
 445         width: 80%;
 446         border-width: thin thin thin thin;
 447         border-spacing: 10px;
 448         border-style: none;
 449
 450         border-collapse: seperate;
 451         margin-left: 5px;
 452
 453         margin-top: 10px
 454 }
 455
 456 table.servteal th {
 457         border-width: 1px 1px 1px 1px;
 458         padding: 10px 10px 10px 10px;
 459         border-style: none none none none;
 460         border-color: #999 gray #999 gray;
 461         background-image: url(../imgs/bk/grad1.gif);
 462         background-repeat: repeat-y;
 463 margin-left: 10px;
 464         text-align: left bottom;
 465 }
 466
 467 table.servpurp{
 468         width: 100%;
 469         border-width: thin thin thin thin;
 470         border-spacing: 10px;
 471         border-style: none;
 472
 473         border-collapse: seperate;
 474
 475         margin-left:0px;
 476         margin-top: 10px
 477 }
 478
 479 table.serv {
 480         width: 100%;
 481         border-width: thin thin thin thin;
 482         border-spacing: 10px;
 483         border-style: none;
 484         border-color: gray gray gray gray;
 485         border-collapse: seperate;
 486
 487         margin-left:10px;
 488         margin-bottom: 30px;
 489         background-position: right bottom;
 490 }
 491
 492 table.serv td {
 493         border-width: 1px 1px 1px 1px;
 494         padding: 5px 5px 5px 5px;
 495         border-style: none none none none;
 496         border-color: gray gray gray gray;
 497         background-color: none;
 498         margin-left: 30px;
 499
 500
 501 }
 502 table.servpurp th {
 503         border-width: 1px 1px 1px 1px;
 504         padding: 1px 1px 1px 1px;
 505         border-style: none none none none;
 506         border-color: #999 gray #999 gray;
 507         background-image: url(../imgs/bk/grad2.gif);
 508         background-repeat: repeat-y;
 509
 510         text-align: left bottom;
 511 }
 512
 513
 514 table.servpurp td {
 515         border-width: 1px 1px 1px 1px;
 516         padding: 5px 5px 5px 5px;
 517         border-style: none none none solid;
 518         border-color: gray gray gray gray;
 519         background-color: none;
 520         background-image: url(../imgs/bk/grad3.gif);
 521         background-repeat: repeat-y;
 522 }
 523
 524 table.demo {
 525         width: 100%;
 526         height: 180px;
 527         border-width: thin thin thin thin;
 528         border-spacing: 10px;
 529         border-style: none;
 530         border-color: gray gray gray gray;
 531         border-collapse: seperate;
 532         background-color: ;
 533         margin-left:30px;
 534         background-image: url(../imgs/bk/s.gif);
 535         background-repeat: no-repeat;
 536 }
 537 table.demo th {
 538         border-width: 1px 1px 1px 1px;
 539         padding: 5px 5px 5px 5px;
 540         border-style: none;
 541         border-color: #999 gray #999 gray;
 542         background-color: ;
 543         -moz-border-radius: 6px 6px 6px 6px;
 544         text-align: left bottom;
 545 }
 546
 547
 548 table.demo td {
 549         border-width: 1px 1px 1px 1px;
 550         padding: 5px 5px 5px 5px;
 551         border-style:none;
 552         border-color: gray gray gray gray;
 553         background-color: #ccc;
 554         -moz-border-radius: 12px 12px 12px 12px;
 555 }
 556
 557 table.dev {
 558
 559         border-width: thin thin thin thin;
 560         border-spacing: 10px;
 561         border-style: none;
 562         border-color: gray gray gray gray;
 563         border-collapse: seperate;
 564         background-color: ;
 565         margin-left:30px
 566 }
 567 table.dev th {
 568         border-width: 1px 1px 1px 1px;
 569         padding: 5px 5px 5px 5px;
 570         border-style: solid none none none;
 571         border-color: #999 gray #999 gray;
 572         background-color: #B6B5B5;
 573         background-image: url(../imgs/bk/grad1_sm.gif);
 574         background-repeat: repeat-y;
 575
 576         text-align: left bottom;
 577 }
 578
 579
 580 table.dev td {
 581         border-width: 1px 1px 1px 1px;
 582         padding: 5px 5px 5px 5px;
 583         border-style: none solid none solid;
 584         border-color: gray gray gray gray;
 585         background-color: #ccc;
 586
 587 }