css/style.css

   1 * { padding: 0; margin: 0; outline: 0; }
   2
   3 body {
   4         background: #99cc99;
   5         font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
   6         font-size: 12px;
   7         line-height: 20px;
   8         color: #010101;
   9         padding-bottom: 10px;
  10 }
  11
  12 ul {
  13  margin: 1em 0em 1em 1.4em;
  14  padding: 0em 0em .5em 1.4em;
  15  list-style-type: none;
  16 }
  17
  18 ul ul {
  19  margin: 0em 0em 0em 1.4em;
  20  padding: .2em 0em .2em 1.4em;
  21 }
  22
  23 li { background-image: url(images/arr.gif); background-repeat: no-repeat; background-position:20px 21px; padding: 15px 0 0 40px; }
  24
  25 input, textarea, select { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif; font-size:10px; }
  26
  27 a { color: #006600; text-decoration: underline; cursor: pointer; }
  28 a:hover { text-decoration: none; }
  29 a img { border: 0; }
  30
  31 h2 { font-family: Veranda, Arial, Helvetica, Sans-Serif; font-size: 38px; font-weight: bold; color: #336699; padding-bottom: 20px; }
  32 h3 { font-family: Veranda, Arial, Helvetica, Sans-Serif; font-size: 25px; font-weight: bold; color: #336699; padding-bottom: 10px; }
  33 h4 { font-family: Veranda, Arial, Helvetica, Sans-Serif; font-size: 20px; font-weight: normal; text-transform: uppercase; color: #000000; padding-bottom: 10px; }
  34
  35 h4.facebook { background-image: url(images/facebook.gif); background-repeat: no-repeat; padding-left: 25px; }
  36
  37 p { padding-bottom: 4px; }
  38 p.big{ font-family: Veranda, Arial, Helvetica, Sans-Serif; font-size: 25px; font-weight: bold; color: #006600; padding-bottom: 10px; }
  39
  40
  41 .left, .alignleft { float: left; display: inline; }
  42 .right, .alignright { float: right; display: inline; }
  43
  44 .cl { font-size: 0; line-height: 0; clear: both; display: block; height: 0; }
  45
  46 .notext { font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; }
  47
  48 .shell { width: 960px; margin: 0 auto; }
  49
  50 .more { background: url(images/arr.gif) no-repeat 0 center; padding: 1px 0 0 10px; }
  51
  52 .separator { background: url(images/separator1.gif) repeat-x 0 bottom; margin: 0 20px 0 15px; }
  53
  54 #top { padding: 20px 0 5px 280px; position: relative; height: 100%; }
  55
  56 #logo { width: 300px; font-size: 0; line-height: 0; position: absolute; top: 10px; left: 0; }
  57 #logo a { display: block; height: 90px; text-indent: -4000px; background: url(images/hcoop.gif); background-repeat: no-repeat; }
  58
  59 #members { padding-bottom: 25px; padding-right: 25px; margin-bottom: 30px; color: #666666; }
  60 #members p { float: right; padding-right: 10px; letter-spacing: 1px; }
  61
  62 #navigation { height: 18px; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; letter-spacing: 1px; font-size: 12px; line-height: 21px; text-transform: uppercase; padding-right: 25px; }
  63 #navigation ul { float: right; display: inline; list-style-type: none; margin: 0 0 0 0; }
  64 #navigation li,
  65 #navigation li a,
  66 #navigation li a span { float: left; display: inline; padding: 0 0 0 10px; }
  67 #navigation li a { color: #333333; text-decoration: none; background-position: 0 0; }
  68 #navigation li a span { float: left; display: inline; padding: 0 10px 0 0; background-position: right 0; }
  69 #navigation li a:hover,
  70 #navigation li a.active,
  71 #navigation li a:hover span,
  72 #navigation li a.active span { background-image: url(images/nav-active1.gif); color: #fff; }
  73
  74 #main {
  75     background-color: white;
  76     clear: both;
  77     width: 850px;
  78     margin: 18px 15px 28px 15px;
  79     padding: 32px 34px;
  80     overflow: auto;
  81     -moz-border-radius: 15px;
  82     border-radius: 15px;
  83     -moz-box-shadow: 5px 5px 15px 0px #333;
  84     -webkit-box-shadow: 5px 5px 15px 0px #333;
  85     box-shadow: 5px 5px 15px 0px #333;
  86 }
  87
  88 .cols { padding: 28px 0 20px; }
  89 .cols .col { float: left; display: inline; }
  90 .cols .col-last { margin-right: 0 !important; }
  91 .cols .col h2 { padding-bottom: 10px; margin-left: 5px; text-transform: uppercase; font-weight: normal; }
  92 .cols .col h2.notext { height: 26px; }
  93 .cols .col .content { padding: 5px 0 0 0px; }
  94
  95 .two-cols .col { width: 300px; margin-right: 60px; }
  96 .two-cols .col .content { padding-top: 0; }
  97 .two-cols .col-big { width: 550px; }
  98 .two-cols .col-big h2 { margin-left: 0; }
  99 .two-cols .col-big .content { padding-left: 0; }
 100
 101 #container { float: left; overflow: hidden; margin-top: 20px; }
 102 #container div { float: left; width: 250px; margin-right: 35px; margin-bottom: -2000px; padding-bottom: 2000px; }
 103 #container .col2 { background: #ffffff; }
 104 #container .col3 { margin-right: 0; }
 105
 106 #container2 { float: left; overflow: hidden; margin-top: 20px; }
 107 #container2 div { float: left; width: 400px; margin-right: 35px; margin-bottom: -2000px; padding-bottom: 2000px; overflow: hidden; }
 108 #container2 .col2 { margin-right: 0; }
 109
 110
 111 #footer { font-size: 10px; text-transform: uppercase; padding-top: 5px; margin: 0 20px 0 15px; color: #333333; }
 112 #footer a { color: #006600; text-decoration: underline; }
 113 #footer a:hover { color: #006600; text-decoration: none; }
 114 #footer span { margin: 0 8px; color: #666666; }
 115
 116 table.centered { margin-left: auto; margin-right: auto; }