styles/header.css

   1 body, html
   2 {
   3 margin: 0;
   4 padding: 0;
   5 }
   6
   7 #logo
   8 {
   9 position: absolute;
  10 top: 10px;
  11 left: 10px;
  12 border: 0px;
  13 z-index: 10;
  14 background: url(/Pics/logo-100.png) no-repeat;
  15 width: 99px;
  16 height: 78px;
  17 }
  18
  19 #logo a
  20 {
  21 width: 99px;
  22 height: 78px;
  23 }
  24
  25 #header
  26 {
  27 background: #BBDDFF;
  28 position: absolute;
  29 z-index: 5;
  30 top: 0px;
  31 left: 0px;
  32 right: 0px;
  33 width: 100%;
  34 height: 50px;
  35 }
  36
  37 #header h1
  38 {
  39 float: right;
  40 display: inline;
  41 padding: 5px 10px 5px 5px;
  42 margin-top: 10px;
  43 margin-left: 184px;
  44 font-size: 1.5em;
  45 font-weight: bold;
  46 text-align: left;
  47 vertical-align: top;
  48 font-family: Verdana, Helvetica;
  49 }
  50
  51 #header h1 a
  52 {
  53 text-decoration: none;
  54 color: black;}
  55
  56 #header ul
  57 {
  58 position: absolute;
  59 top: 55px;
  60 left: 119px;
  61 margin-left: 0px;
  62 margin-top: 0px;
  63 padding: 0;
  64 text-align: left;
  65 vertical-align: middle;
  66 font-size: 11px;
  67 font-weight: bold;
  68 font-family: Verdana, Helvetica;
  69 }
  70
  71 #header li
  72 {display: inline;
  73 }
  74
  75 #header li a
  76 {
  77 padding: 2px 5px 0px 5px;
  78 text-decoration: none;
  79 border-right: 2px solid #BBDDFF;
  80 }
  81
  82 /* the last link in the nav can have different settings */
  83 li#last a
  84 {
  85 border-right: 0px;
  86 }
  87
  88 #header li a:link
  89 {
  90 color: black;
  91 }
  92
  93 #header li a:visited
  94 {
  95 color: black;
  96 }
  97
  98 #header li a:hover
  99 {
 100 text-decoration: underline;
 101 }
 102
 103 #pagefooter
 104 {
 105 font-size: x-small;
 106 }
 107
 108 hr{
 109   border:1px solid gray;
 110 }