/* set up defaults */
html, body { height: 100%; width: 100%; margin:0;}
body {
    color: #222;
    background-color: #fff; 
    font-family: "Palatino Linotype", "Book Antiqua", "Georgia", serif;
}
/* remove image borders and margins */
img, a img {margin: 0px; border: 0px;}

/* Don't use any of the normal pseudo-class formats for links */
a, a:hover, a:active, a:visited {text-decoration: none;}
a {
    font-family: "Trebuchet MS", Helvetica;
}
/* containers for creating blocks of background color and vertical and horizontal borders */

#top-container {
  position: absolute;
  min-width: 100%;
  height: 90px;
  padding:0px;
  top: 0px;
  left: 0px;
  border-bottom: 1px solid #fff;
  color: #000;
}
#left-container {
  position: absolute;
  width: 250px;
  min-height: 100%;
  padding:0px;
  top: 0px;
  left: 0px;
  border-right: 1px solid #fff;
}

/* hack for ie 6 (ie 6 treats width as min-width.. perfect!)  */
* html #left-container {
height: 100%;
}

#nav-container {
    z-index: 1;
    position: absolute;
    width:250px;
    height:90px;
    top:0px;
    left:0px;
    background-color: #000;
    color: #fff;
}
/* Second tier containers for rough positioning and sizing of content blocks */
#sidebar {
    margin-top: 90px;
}
#main {
    margin-top: 90px;
    margin-left: 250px;
    border-left: 1px solid #fff;
}
#header {
    margin-left: 250px;
}   
/* padded containers - all real content should go into one of these */
#sidebar-content {
    padding: 10px;
    font-size: 12px;
}
#main-container {
    width: 600px;
}
#main-content {
    /* no padding for bike pages - make the image hug the vertical line. */
    padding: 1px;
    font-size: 12px;
}
img.left {
    float: left;
    margin: 4px 8px 4px 0px;
}
img.right {
    float: right;
    margin: 4px 0px 4px 8px;
}
.clearing {
    float: none;
}

#nav-content {
    padding: 17px 10px 5px 10px;
}
/* special for bikes pages - contains the sub-navigation links */
#sub-nav-links {
    padding-left: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#sub-nav-links a {
    margin: 3px 10px 3px 10px;
}
/* Lay out and format the main navigation links in the upper left corner */
/*#nav-links td {padding-left: 8px;} */
#nav-links a {
    font-size:14px;
    font-weight: bold;
    color: #C6C8CA;
}
#nav-links td.current a {
    color: #F7931D;
}
#sub-nav-links a {
    font-size:13px;
    font-weight: normal;
    color: #58595B;
}
#sub-nav-links a.current {
    color: #fff;
}
#main-content a {
    font-family: "Palatino Linotype", "Book Antiqua", "Georgia", serif;
    font-weight: normal
}
#main-content a:active, #main-content a:hover {
    color: #fff;
}
#main-content a {
    color: #000;
}

#links-page a {
    font-size:15px;
    color: #222;
}
p {
    margin-top: 0px;
    line-height: 23px;
}
h1 {
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 0;
}

#links-page h2 {
    font-size: 19px;
    font-weight: normal;
}
#links-page h3 {
    font-size: 17px;
    font-weight: normal;
}

hr {
    color:#aaa;
    background-color:#aaa;
    height:1px;
    border:none;
}