/* =html */
html {
	background-image: url(../images/cycling_century_background.jpg);
}



#menu-polaroid {
  left : 0px;
  position : absolute;
  top : 235px;
}

#century-menu {
  float : left;
  margin: 220px 60px 0px 44px;
  width : 136px;
}

#century-menu h2 {
  text-indent : -9999px;
}

#century-menu li {
  padding-bottom : 1.3em;
}

#century-menu a {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size : 125%;
  font-weight : bold;
  line-height : 96%;
  text-decoration : none;
  text-transform : uppercase;
}
	
#century-menu  a, #century-menu  a:visited { color : #555555; text-decoration : none; }
#century-menu  a:hover, #century-menu  a:active, #century-menu a:focus { background-color : #eeeeee; color : #444444; text-decoration : none; }

#content {
  margin : -98px 30px 0px 0px;
  padding-right : 24px;
  width : auto;
}
#content h2 {
  padding : 0px 0px 10px 280px;
}
#content h3 {
  padding : 14px 0px 16px 280px;
}
#content h4 {
  padding : 14px 0px 12px 280px;
}
#content p, #content dl, #content #lodging ul {
  padding : 0px 0px 16px 280px;
}
#content ul {
  padding : 0px 0px 16px 300px;
}

/* styles for p and ul within dl*/
#content dl p, #content dl ul {
  padding : 0px 0px 10px 0px;
}
#content dl ul {
  padding-left : 20px;
}
#content dl ul li {
  padding-bottom : 0px;
}
#content img {
  float : left;
  padding : 0px 30px 20px 0px;
}
#content dl .image-with-tag img {
  float : none;
  padding : 0px 0px 2px 0px;
  margin : 0px;
}
#content dl .image-with-tag {
  float : right;
  padding : 0px 0px 10px 20px;
}
#content ul {
  list-style : disc;
  list-style-image : url(../images/button.png);
}
#content ul.lodging {
  list-style : none;
  list-style-image : none;
}
#content ul.lodging .fn {
  font-weight : bold;
}
#content ul.lodging li {
  padding-bottom : .8em;
}

#content li {
  padding-bottom : 4px;
}

.year {
	font-size: 120%;
	font-weight: bold;
  padding-right : 0.2em;
}
.date {
  font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-variant: small-caps;
	font-weight: normal;
  padding-left : 0.8em;
}

img.polaroid-vertical {
	position : relative;
	z-index : 400;
}
img.polaroid-tilted {
  margin-left : -80px;
	position : relative;
	z-index : 200;
}
img.polaroid-tilted-right {
  margin-left : -70px;
	position : relative;
	z-index : 200;
}

dl img.polaroid-vertical {
  margin-left : -40px;
	position : relative;
	z-index : 400;
}
dl img.polaroid-tilted {
  margin-left : -80px;
	position : relative;
	z-index : 200;
}
dl img.polaroid-tilted-right {
  margin-left : -70px;
	position : relative;
	z-index : 200;
}




#sponsors {
  clear : both;
	text-align : center;
	width : 900px;
  white-space : nowrap;
}
#sponsors ul {
  width : 100%;
}
#sponsors li {
  display : inline;
}
#sponsors li:last-child {
display : block;
  padding : 8px 0px;
}
 #sponsors h2 {
	text-indent : -9999px;
}
#sponsors p {
  left : -9999px;
  position : absolute;
}
#sponsors img {
	text-align : center;
	vertical-align : middle;
	padding : 0px 10px 0px 10px;
}

#sponsors-gold, #sponsors-silver, #sponsors-bronze {
}


#sponsors-all ul {
  list-style : none;
  list-style-image : none;
}

#sponsors-all li {
  border-bottom : 1px dotted #dddddd;
  padding: 40px 0px 10px 0px;
  min-height : 10em;
}

#sponsors-all li img {
  float : right;
  margin : -20px 0px 0px 20px;
  padding : 0px 10px 4px 0px;
}

#sponsors-all li p {
  padding : 0px;
}

#sponsors-all li .fn {
  border-right : 1px solid #999999;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size : 120%;
  padding-right : 1em;
  text-transform : uppercase;
}

#sponsors-all li .note {
  padding-left : .6em;
}


#sponsors-all li .fn a, #sponsors-all li .fn a:visited { color : #555555; text-decoration : none; }
#sponsors-all li .fn a:hover, #sponsors-all li .fn a:active, #sponsors-all li .fn a:focus { background-color : #eeeeee; color : #444444; text-decoration : none; }