web/home/style.css

   1 /* -------  Layout CSS (Centered Fixed Width) ------ */
   2
   3 body {
   4   font-family: Verdana, sans-serif;
   5   font-size: 12px;
   6   margin: 0;
   7   padding: 0;
   8   text-align: center; /* IE 5.5 hack */
   9 }
  10 #farouter {
  11         background: #ffffff;
  12         width: 760px;
  13         border: 1px solid #3A291F;
  14         margin: 20px auto 20px auto;
  15         text-align: left; /* IE 5.5 hack part II */
  16 }
  17 #masthead {
  18         letter-spacing: 0.2em;
  19         margin: 8px 8px 0 8px;
  20         /* padding: 0 10px 10px 60px; */
  21 }
  22 #content { float: left; width: 490px; }
  23 #content_wide { padding: 0 35px 0 35px; }
  24 #content_home { float: left; width: 490px; padding-top: 0px; }
  25 #menu { float: right; width: 175px; margin-right: 10px; border-left: 1px dashed #2050A0; }
  26 #nav { padding-left: 10px; }
  27 #logo { padding-top: 25px; padding-left: 12px; }
  28 #hmenu { margin: 8px; height: 30px; }
  29 #hnav { margin: 0; padding: 0; }
  30 #clearer { clear: both; margin: 0; padding: 0; }
  31 #footer { margin: 8px 8px 8px 8px; }
  32
  33 /* ----------------- Color CSS ------------------------ */
  34
  35 body { background: #2050A0; color:#333; }
  36 #rap { background: #ffffff; }
  37 #footer { background: #2050A0; }
  38 #hnav { background: #2050A0; }
  39 a { color: #2050A0; text-decoration: none; }
  40 a:visited { color: #2050A0; text-decoration: none; }
  41 a:hover { color: #2050A0; text-decoration: underline; }
  42 h2 { color: #17397A; font-size: 0.9em; font-weight: normal; }
  43 h3 a { color: #17397A; }
  44 h3 a:hover { color: #17397A; }
  45 h3 a:visited { color: #17397A; }
  46
  47 /* -------- Core CSS --------- */
  48
  49
  50 a { text-decoration: none; font-weight:bold; }
  51 a img { border: none; }
  52 #header a:hover { text-decoration: underline; }
  53 h1 { margin: 0; padding: 0; text-align: right; }
  54 #hidden {display:none;}
  55
  56 h2 {
  57         letter-spacing: 0.2em;
  58         margin: 0;
  59         padding: 0;
  60 }
  61
  62 h2#tagline {
  63         text-align: right;
  64         border: 0px none;
  65         margin-left:0;
  66         margin-top:0;
  67         margin-bottom:0
  68 }
  69
  70 h3 {
  71         padding: 0;
  72         color: #17397A;
  73 }
  74
  75 h4 {
  76         font-size: 16px;
  77         font-weight: normal;
  78 }
  79
  80 img {
  81         margin: 10px;
  82         padding: 10px;
  83         border: 0px solid #2F700F;
  84 }
  85
  86 p {
  87         line-height: 175%;
  88 }
  89
  90 .textarea { width:200px; margin:0; }
  91
  92 /*------------- hnav------------*/
  93
  94 #hnav ul {
  95         text-align: center;
  96         padding-bottom: 5px;
  97         padding-top: 5px;
  98         padding-left: 0;
  99         margin-top: 0;
 100         /* cancels gap caused by top padding in Opera 7.54 */
 101         margin-left: 0;
 102         background-color: #2050A0;
 103         color: #F2EEEC;
 104         width: 100%;
 105         line-height: 18px;
 106         /* fixes Firefox 0.9.3 */
 107 }
 108
 109 #hnav ul li {
 110         display: inline;
 111         padding-left: 0;
 112         padding-right: 0;
 113         padding-bottom: 5px;
 114         /* matches link padding except for left and right */
 115         padding-top: 5px;
 116 }
 117
 118 #hnav ul li a {
 119         padding-left: 10px;
 120         padding-right: 10px;
 121         padding-bottom: 5px;
 122         padding-top: 5px;
 123         color: #F2EEEC;
 124         text-decoration: none;
 125         border-right: 1px solid #F2EEEC;
 126 }
 127
 128 #hnav ul li a:hover {
 129         background: #F2EEEC;
 130         color: #3A291F;
 131 }
 132
 133 #hnav #active { border-left: 1px solid #F2EEEC; }
 134