/* CSS Document for damtour 2010 */

/* global style for all pages */
body {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#333333;
	color: #333333;
	margin-top:0;
	background-image: url(images/concrete_bg.jpg);
	background-repeat:repeat;
		}

body.nobkgrd	{
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	color: #333333;
	margin-top:0;
		}

#container	{
	width:800px;
	position:relative;
	height:auto;
	margin: 0 auto; 
	background-color: #fff;
	color: #333333;
	line-height: 110%;
	border: 1px solid gray;
	}

#container.location	{
	width:90%;
	position:relative;
	height:auto;
	margin: 0 auto;
	background-color: #fff;
	color: #333333;
	line-height: 110%;
	border: 2px solid red;
	}

hr	{
	color:#990000;
	}
	
hr.foot {
	width: 400px;
	color:#666666;
	}
	
h1,h2,h3,h4,h5,h6	{
	color:#000066;
	background-color:transparent; 
	}

h4,h5	{
	color:#990000;
	}
	
a	{
	color:#1a0055;
	text-decoration:underline;
	}
	
a:hover	{
	color:#800011;
	text-decoration:none;
	}
	
.clear	{
	clear:both;
	margin:0;
	padding:0;
	}	
	
.clearrt	{
	clear:right;
	margin:0;
	padding:0;
	}	
.clearlf	{
	clear:left;
	margin:0;
	padding:0;
	}	


.copyright	{
	font-size:x-small;
	color:#666666;
	}	


/* Beginning of header section */

#top	{
	position:relative;
	padding:0;
	background-color:#fff;
	border-bottom:0;
	z-index:3;
	}

#top h1	{    /* this holds the two images for the header */
	padding: 0;
	margin: 0;
	z-index:3;
	text-align:center;
	}

	
#headline	{
	width:100%;
	height:20px;
	margin-bottom:20px;
	z-index:2;
	background-image:url(images/bg.gif);
	background-color:#fff;
	color:#FFFFFF;
	text-align:right;
	position:relative;
	font-weight:bold;
	border-bottom:#000000 thin solid;
	}
	
.sponsor	{
	font-size: small;
	font-weight:600;
	font-style:italic;
	}
	
.damtour	{
	color:#000;
	}
	

#counter 	{
	position:relative;
	top:25px;
	left:25px;
	float:right;
	z-index:5;
	}			

#menu	{
	position:relative;
	left:0;
	top:-10px;
	width:100%;
	z-index:5;
	}
/* end of header section  - except for the menu items  - see the bottom */
	
/*  -------------  dam list and map page  styles   ---------   */
dl	{
	line-height:140%;
	}

li.damlist 	{
	color:#000066;
	/*font-weight:bold;*/
	}
	
dd	{
	color:#000000;
	}
	
#jumplink	{
	/*font-variant: small-caps;
	text-decoration:none;*/
	color:#000066;
	font-size:85%;
	}
		
#jumplink a	{
	text-decoration:none;
	color: #000066;
	}
	
#jumplink a:hover	{
	text-decoration:none;
	color:#990000;
	background-color:#e6ecf4;
	}

/* list item bullets for the dam map pages */
.note	{
	font-size:85%;
	line-height:normal;
	margin-left:10px;
	background-color:#FFFFFF;

	}

.notern	{
	font-size:80%;
	line-height:normal;
	margin-left:5px;
	background-color:#FFFFFF;
	padding-left:8px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 80%;

	}	


.mapholder	{
	width:580px;
	position:relative;
/*	border:#990000 thin dotted; */
	
	}
	
	
.damlistlinks	{
	font-size:small;
	font-weight:bold;
	color:#000066;
	line-height:200%;
	}
	

.damlistlinks a	{
	text-decoration:none;
	
	}
	
.damlistlinks a:hover	{
	text-decoration:none;
	color:#990000;
	
	}	

.bullet1 {
	list-style-image: url(images/mark_1.gif);
	}

.bullet2 {
	list-style-image: url(images/mark_2.gif);
	}

.bullet3 {
	list-style-image: url(images/mark_3.gif);

	}

.bullet4{
	list-style-image: url(images/mark_4.gif);
	}

.bullet5 {
	list-style-image: url(images/mark_5.gif);
	}

.bullet6 {
	list-style-image: url(images/mark_6.gif);
	}

.bullet7 {
	list-style-image: url(images/mark_7.gif);
	}

.bullet8 {
	list-style-image: url(images/mark_8.gif);
	}
	
p.damdescription {
	padding: 2px 20px;
	margin: 5px 5px 0 75px;
	font-size:.9em;
	}
	
	
h4.maps	{
	color:#000066;
	}	

p.mapspage	{
	padding:0 20px;
	}
	
p.nextlast {
 position:absolute;
 left:260px;
}

p.nextlast a {
 text-decoration:none;
 }
	
	
		
/* end of dam map page specific */
	
/*  ----  end of damlist and map pages styles ----   */	


/* Beginning of basic content section */
#subcontain	{
	width:100%;
	font-size:.75em;
	}

#content	{
	float:left;
	width:540px;
	padding:.5em 1.5em;
	}
/*  area for the store css ***********************************   */
#contentstore {
	background-color: #FFFFFF;
	padding: 5px;
	height: auto;
	width: 700px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 50px;

}
#contentstore option, select	{
	font-size:.9em;
	}


.item	{
	border-bottom: #CCCCCC thin solid;
	position:relative;  
	width:90%;
	height:auto;
	padding:5px 15px;
	margin:20px 5px;
	font-size:.9em;
	}

.item img	{
/*	float:left;
	border: #CCCCCC medium solid;   */
	padding: 2px;
	margin-right:15px;
	}
	
.item h3	{
	padding-left:8px;
	}
	
.item  p	{
	width:auto;
	}

div.price  {
/*	float:left;  */
	width:auto;
	color:#000099;
	text-align:center;
	}
p.buynow	{
	float:right;
	margin:0;
	padding:0;
	margin-left:15px;
	}
.floatleft	{
	float:left;
	}
	
.floatright	{
	float:right;
	}

p.caption	{
	display:inline;
	margin:0;
	padding:0;
	color:#CC0000;
	font-size:85%;
	}
	
/* ************************************    */
#content p	{
	color:#000;
	}	

#content h3 {
	margin: 20px 0 0 15px;
	padding: 0 0 2px 0;
	}
	
#content h4	{
	padding-bottom: 2px;
	margin-bottom: 2px;
	}

#content.list	{
	width:690px;
	margin-left:20px;
	padding:.5em 1em;
	font-size:1em;
	}

#aboutbox	{
	width:700px;
	padding:.5em 2em;
	margin-left:20px;
	}
/*  keep until rankings page becomes stable 
#rankcontent	{
	float:left;
	width:550px;
	border:#00CC00 thin solid;
	padding:.5em 1.5em;

	}  */
	
.get	{
	 position:relative;
	 float:left;
	 width: 360px;
	 height:auto;
	 z-index: 6;
	 }
	 
#content.stats	{
	width:800px;
	position:relative;
	padding:.5em 1em;
	margin-left:50px;
	}

#stats	{
	position:relative;
	width:auto;
	margin-left: 30px;
	margin-right: 0;
	padding: 1em 3.5em 1em 2.5em;
	}
	
#stats p	{
	padding-left:5px;
	padding-right:5px;
	}
		
	
#content.news	{
	float:left;
	width:800px;
	height:auto;
	padding-top: 0.5em;
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	}

#content.news p	{
	margin-left:100px;
	margin-top:2px;
	}
	

#content.news h5  {
	margin:0 0 0 80px;
	padding:0;
	}
		

.author	{
	font-size:x-small;
	font-style:italic;
	color:#999999;
	}
	
	

.action	{
	color: #990000;
	}	
	
.gps	{
	font-size:.8em;
	/*font-stretch:expanded;*/
	color: #990000;
	text-align:center;
	line-height:100%;
	}
.gpsh3	{
	font-size:.6em;
	/*font-stretch:expanded;*/
	color: #990000;
	}


.prop {  /*  may not need this one   */
    height:300px;
    float:right;
    width:1px;
  }

.image {
	margin: 0;
	border: 2px solid;
	padding:2px;
	}
	
.navbutton {
	font-size:small;
	font-weight: bold;
	text-align: left;
	margin-bottom: 3px;
	margin-top: 3px;
	}

.text	{
	font-size: 85%;
	}
.textabout	{
	font-size:90%;
	}	
/* the section for the switchcontent links  */

a.arrow 	{
	background-image:url(images/r_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration:none;
	font-weight:bold;
	}

a:hover.arrow	{
	background-image:url(images/d-arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration:underline;
	}

/* end of the section for the switchcontent links  */


#footer		{
	clear: both;  
	margin: 0;
	padding: .5em;
	text-align:center;
	border-top:thin solid #CCCCCC;
	font-size:85%;
	
	}
#footer a	{
	font-variant:small-caps;
	color:#333333;
	text-decoration:none;
	padding:2px;

	}
	
#footer a:hover	{
	color:#FFFFFF;
	background-color:#333333;
	}	

#trademark {
	font-size:x-small;
	color: #000066;
	width: 336px;
	padding:0 5px 0 0;
	text-align:center;
	}	

/* right side section */

#rightnav	{
	float: right;
	width: 160px;
	margin: 0;
	margin-right:10px; /* added to make the image swap thumbnails not on edge of page */
	padding: .5em;
	
	/*	background-color:#FFFFFF;*/
	}
	
#rightnav.text	{
	font-size:80%;
	}
	
#rightnav	p	{
	margin:0;
	font-size:90%;
	}
#rightnav ul {
	text-align:center;
	margin:0;
	padding-left:10px;
	}

	
*rightnav {
	font-variant: small-caps;
	text-decoration:none;
	color:#000066;
	font-size: 8pt;
	}
		
#rightnav a	{
	text-decoration:none;
	color: #000066;
	}
	
#rightnav a:hover	{
	text-decoration:none;
	color:#990000;
	background-color:#e6ecf4;
	}
		
	
#news	{
	float:right;
	width:190px;
	padding-top:0;
	margin-top:0;
	}	

#news.ads	{
	border-left:#990000 thin dashed;
	text-align:center;
	}
	
#bikeslide	{
	text-align:center;
	height:85px;
	}

#countdown1  {
	font-size:12px;
	font-family: arial, sans-serif;
	color: #fff;
	background:#000;
	background-image:url(images/bg.gif);
	border: 1px solid #000000;
	padding: 5px 4px;
	margin:0 5px 5px 10px;
	text-align: center;
	white-space: nowrap;
	}
	

/* end of right side section */


		

/* table styles for the rankings page  */

table	{
	border-color:#990000;	
	}

td.ranked	{
	/*background-color:#F0F4F8;*/
	color: #000066;
	}
	
tr.ranked	{
	background-color:#f8f8ff;
	color: #00008b;
	}

tr.finish	{
	font-weight:bold;
	color:#990002;
	background-color:#f8f8ff;
	}	

th.head	{
	border-bottom-color: #990000;
	border-top-color:#990000;
	border-top-width:medium;
	border-bottom-width:medium;
	}

td.head	{
	border-top-color:#990000;
	border-top-width:thin;
	}
/* trying to make a special layout for the stats page tables.  This is temporary and not used yet  */

table.tablestats	{
	table-layout:fixed;
	width:750px;
	font-family:Monospace;
	
	}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover>ul{left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background-color:#ffffff;
		background-image:url(images/bg.gif);
		border-width:1px 0px;
		border-style:solid;
		border-color:#000000;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 20px 5px 8px;
		background-color:transparent;
		color:#ffffff;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		border-width:0px 0px 0px 1px;
		border-style:solid;
		border-color:#000000;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#eff4fa;
		color:#000000;
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#eff4fa;
		color:#000000;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:0px;
		background-color:#d6dce2;
		border-width:1px;
		border-style:solid;
		border-color:#333333;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 30px 3px 5px;
		color:#333333;
		font-size:11px;
		border-width:0px 1px;
		border-style:solid;
		border-color:#d6dce2;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		background-color:#eff4fa;
		color:#000000;
		text-decoration:none;
		border-color:#666666;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#eff4fa;
		color:#000000;
		text-decoration:underline;
		border-color:#666666;
	}