• Name: Jordan
  • Language: CSS
  1.  
  2. * {
  3.     margin: 0;
  4.     padding: 0;
  5. }
  6.  
  7. body {
  8.     text-align: center;
  9.     font-size: 75%;
  10.     color: #000;
  11.     height: 100%;
  12.     font: Arial, Helvetica, sans-serif x-small;
  13. }
  14.  
  15. div#wrapper {
  16.     position: absolute;
  17.     top: 0;
  18.     left: 0;
  19.     height: 100%;
  20.     width: 100%;
  21.     text-align: center;
  22.     margin: 0 auto;
  23. }
  24.  
  25. div#header {
  26.     width: 100%;
  27.     height: 96px;
  28.     background: url(../images/headerbg.gif) bottom #003148;
  29.     text-align: center;
  30. }
  31.  
  32. div#hc {
  33.     width: 900px;
  34.     height: 96px;
  35.     text-align: center;
  36.     margin: 0 auto;
  37. }
  38.  
  39. div#hc .left {
  40.     margin: 0 auto;
  41.     text-align: center;
  42.     width: 375px;
  43.     height: 96px;
  44.     float: left;
  45.     background: url(../images/logo.gif) left #003148;
  46. }
  47.  
  48. div#hc .right {
  49.     float: right;
  50.     height: 10px;
  51.     font-size:93%;
  52.     line-height:normal;
  53.     padding-top: 38px;
  54. }
  55.  
  56. ul#nav {
  57.     overflow: auto;
  58.     width: 100%;
  59.     list-style: none;
  60.     margin: 0;
  61.     padding: 0;
  62.     font-weight: bold;
  63.     font-family:Arial, Helvetica, sans-serif;
  64.     font-size: 93%;
  65. }
  66.  
  67. ul#nav li {
  68.     float: left;
  69.     margin: 0;
  70.     padding: 0 7px;
  71. }
  72.  
  73. ul#nav a {
  74.     float: left;
  75.     text-decoration: none;
  76.     padding: 4px 0 16px;
  77.     color: #fff;
  78.     text-align: center;
  79. }
  80.  
  81. ul#nav a:hover {
  82.     background: url(../images/drop.gif) no-repeat center bottom;
  83.     cursor:default;
  84.     color: #fff;
  85. }
  86.  
  87. ul#nav a:active {
  88.     background: url(../images/drop.gif) no-repeat center bottom;
  89.     color: #278ecb;
  90. }
  91.  
  92. div#hs1 {
  93.     width: 100%;
  94.     height: 8px;
  95.     font-size: 0;
  96.     background-color: #005d89;
  97. }
  98.  
  99. div#hs2 {
  100.     width: 100%;
  101.     height: 8px;
  102.     font-size: 0;
  103.     background-color: #f3f3f3;
  104. }
  105.  
  106. div#contentParent {
  107.     position: relative;
  108.     width: 100%;
  109.     height: 100%;
  110.     background: url(../images/bg.gif) #fff;
  111. }
  112.  
  113. div#content {
  114.     width: 900px;
  115.     height: 100%;
  116.     text-align: center;
  117.     margin: 0 auto;
  118.     background: #fff;
  119. }
  120.  
  121. div#footer {
  122.     background: #000;
  123.     color: #fff;
  124.     height: 50px;
  125. }
  126.