/* basic elements */

body { 
	font-size: 11px;	
	font-family: Helvetica,
                    Arial,
                    sans-serif;
	color: #555753; 
	background-color: #C3C4C1;
	margin: 0px; 
	}
p { 
	color: #fff;
	font-size: 11px;	
	font-family:Helvetica,	
                    Arial,
                    sans-serif;
	margin-top: 0px; 
	text-align: justify;
	}
h3 {
        font-size: 2em;
	color: #555753;
        }

h4 {
	font-weight: bold;
  	font-size: 1.5em;
	font-family:Helvetica,
                    Arial,
                    sans-serif;			
        letter-spacing: 1px;
        margin-bottom: 9px;
        color: #bbb;
        }

a:link { 
	font-weight: bold;
	text-decoration: none; 
	color: #635B5D;
	}

a:visited { 
	text-decoration: none; 
	color: #635B5D;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #5E5C61;
	border: 0px;
	}



/* specific divs */
#spacer {
  clear: both;
  }

#container { 
	padding: 10px 170px 0px 50px;  
	margin: 0px; 
	}

#maincontainer {
        padding: 0px 75px 0px 75px;
        margin: 0px;
        }

.p-shadow {
  width: 90%;
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

.quickSummary {
	width: 640px; 
	line-height: 180%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding:10px 10px 5px 10px;
	background: #E9EBEC;
	}
.quickSummary p {
	font: georgia;
	font-style: italic;
	font-size:  13px;
        text-align: justify;
        color: #000;
}

#footer { 
	text-align: center; 
	font: 10px verdana, sans-serif;
	}

#credits {
        text-align: center;
        font: 10px verdana, sans-serif;
	font-style: italic;
	margin-top: 25px;
	}	

.dummy {color: black; }

.mainimages {
        margin: 0px;
        float:left;
        }


.quotes {
	clear: both;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #C7C3C3;
	border-left: 1px solid #C7C3C3;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 10px 10px;
        background-color: lightgrey;
       }

.quotes p {
	color: #000;
}
#comments {
	clear: both;	
        background-color: #C7C3C3;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 10px 10px;
        border: 1px solid #000000;
        }


.firehole {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: red;}
.firehole_quote {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: red; font-style: italic}
.koolaid {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: forestgreen; }
.koolaid_quote {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: forestgreen; font-style: italic}
.wolfman {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: dimgray; }
.wolfman_quote {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: dimgray; font-style: italic}
.norseman {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: saddlebrown; }
.norseman_quote {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: saddlebrown; font-style: italic}
.mrglacier {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: darkblue; }
.mrglacier_quote {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: darkblue; font-style: italic}

#button {
	margin-left: 600px;
        margin-top: 175px;
	position: absolute;
        top: 0px;
        right: 10px;
	width: 130px;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font: 10px verdana, sans-serif;
	font-weight: normal;
	background-color: #635B5D;
	}

#button ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                }

#button li {
                border-bottom: 1px solid #555753;
                margin: 0;
                }

#button li a {
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 5px solid #5C5E59;
                border-right: 10px solid #C3C4C1;
                background-color: #EBEBEC;
                color:  #585E62;
                text-decoration: none;
		font-weight: normal;
                width: 100%;
                }

html>body #button li a {
                width: auto;
                }

#button li a:hover {
                border-right: 10px solid #C3C4C1;
                border-left: 5px solid #5C5E59;
                background-color: #C7C3C3;
                color: #585E62;
                }

.current {
                padding: 5px 5px 5px .5em;
                border-right: 10px solid #5C5E59;
                border-left: 5px solid #C3C4C1;
                background-color: #C3C4C1;;
                color: #585E62;
                font-weight: bold;
                }

div.clear{
/*clear the floats*/
	clear: both;
}



.setThumb {
	width: 115px;
	height: 125px;
	background-image: url(http://www.firehole.us/gnp2006/images/stackBG.gif);
	text-align:center;
	background-position: top center; 
	}
.setTitle {
	width: 115px;
	text-align: center;
	}	
div.stretcher {
	position: relative;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	background:#2e2e2e;
}
div.stretcher p {
	text-align: justify;
	line-height: 1.5;
	font-size: 1.3em;
}
div.fx {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}

div.scroll {
  padding: 10px;
  overflow: hidden;
}
div.scrollmenu {
	width: 660px;
	margin-left: auto;
	margin-right:auto;
	padding: 10px;
	margin-top: 10px;
	color: #454545;
}
div.scrollmenu a {
	color: #454545;
}

div.Scrollbuttons {
	position: relative;
}