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