/*
* style sheet for Helena Area Hiking Guide by Cedron Jones
*
* 13 Nov 08 rhw	Right col padding-left 1em. (XX)
* 11 Nov 08 rhw	Change font-sizes to ems.
*  4 Nov 08 rhw	Created, Key Computer Consultants.
*/

/*
* font-size
*		x-large = 1.4em
*		large = 1.2em
*		normal = 1em
*		small = .9em
*		x-small = .8em
*		xx-small = .7em
*/

/*
 * NOTE: no color here, set color in normal class so that
 * javascript override of the className controls the color.
 * See classes menuitem and menuitembright.
 */
A.menuitem:link {	text-decoration: none; }
A.menuitem:visited, A:active {	text-decoration: none; }

/* NORMAL CLASSES --------- */

.buythisbook {		color: #FFFFFF;
			background-color: #704040;
			text-align: center;
			}

.buythisbookhead {	color: red;
			background-color: #704040;
			text-align: center;
			font-size: 1.2em;
			font-weight: bold;
			}

.credits {	/*background-color: #704040; color: white;*/
		color: #704040;
		font-size: 1em;
		font-weight: bold;
		}

/* used in Technical info */
.dataformat {	font-family: monospace;
		/*font-weight: bold;*/
		font-size: .9em;
		}

.dedication {
		color: #704040;
		text-align: center;
		padding: 0px 100px 0px 100px;
		}

.exhortation {	color: #704040;
		text-align: center;
		font-weight: bold;
		}

.headingmargin {	/*margin-top: 180px;*/
			margin-top: 194px;
			}

/* class for a heading without background image.
* Used for technical info
*/
.heading {	text-align: center;
		}

.footing {	/*color: #502020;*/
		color: #704040;
		font-size: 1em;
		}

.fr	{	float: right ! important;
	}

/*
* Counteract the contentcol specification of img width
*/
.icon {	width: auto ! important;
		float: none ! important;
			}

.imgcaption {	font-style: italic;
		clear: left;
		font-size: .9em;
		}

.incidentalImg img {	float: left ! important;
			width: 250px ! important;
			margin: 0px 10px 10px 0px ! important;
			clear: left ! important;
			}

.incidentalImg p {	font-size: .8em ! important;
			font-weight: bold;
			color: #704040;
			}

.lastmodified {	color: #704040;
		font-size: .8em;
		/*float: right;*/
		}

.map p {	/*clear: left;*/
		font-size: .7em;
		font-weight: bold;
		}


.menuitem {	line-height: 160%;
		color: #704040;
		}

.menuitembright {
		line-height: 160%;
		color: red;
		}


.numeral {	color: #FFFFFF;
		/*background-color: #502020;*/
		background-color: #704040;
		font-size: 1.4em;
		font-weight: bold;
		float: left;
		}

.pagetitle {	/*color: #502020;*/
		color: #704040;
		font-size: 1.4em;
		font-weight: bold;
		}

.pushbelow {	clear: left; }

.supplementinfo {	color: #206020;
			clear: left;
			}

.supDetailAuthor {	color: black;
			font-size: .9em;
			font-weight: bold;
			}

.supDetailText {	color: black;
			font-size: .9em;
			font-weight: normal;
			padding-left: 5em;
			}

/* apply this to body of technical info page */
.technicalInfo {	}
.technicalInfo pre {	background-color: #e0e0e0;
			}

/* element ID settings ------------------- */

#buythisbook {	background-color: #704040;
		padding: 20px 20px 20px 20px;
		margin: 10px 10px 10px 10px;
		clear: left;
		}

#cedronjones img	{	float: left ! important;
				width: 30% ! important;
				margin: 0px 30px 30px 30px;
				}

#contentcol {	float: left;
		width: 700px;
		}

#contentcol h3 {	clear: left;
			}

#contentcol img {	float: right;
			width: 400px;
			margin-left: 5px;
			}

#introContentcol {	float: left;
		width: 700px;
		}

#introContentcol h3 {	clear: left;
			}

#introContentcol img {	float: none;
			width: 300px;
			/* margins center the img */
			margin-left: 200px;
			margin-right: 200px;
			}

#locatorContentcol {	float: left;
		width: 700px;
		}

#locatorContentcol h3 {	clear: left;
			}

#locatorContentcol img {	float: none;
			width: 700px;
			}

/*
*	The heading image is 950x216.
*	This has to be coordinated with the div 
*	wrapping the sub-heading at a minimum. See
*	'.headingmargin', and '#rightcolText' below.
*
*	The 950px covers the menu column, the content
*	column, and the supplemental icons column.
*	If any changes the whole thing needs to be
*	readjusted.
*/
#heading {	background: url(images/hahgHeader.jpg);
		background-repeat: no-repeat;
		width: 950px;
		height: 230px;
		float: left;
		}

/*
* This class for the hahgHome.html page only.
*/
#homeheading {	background: url(images/hahgHeadHome.jpg);
		background-repeat: no-repeat;
		width: 950px;
		height: 230px;
		float: left;
		}

#homecontentcol {	float: left;
			width: 530px;
			}

#homecontentcol img {	float: left;
			width: 300px;
			margin: 0em 1em 0em 0em;
			}


#menucol {	/*color: #502020;*/
		clear: left;
		color: #704040;
		float: left;
		width: 150px;
		/*font-family: sans-serif;*/
		font-size: .9em;
		margin-right: 1em;
		}

#rightcol {	float: left;
		/*width: 10%;*/
		/* exact width of supplemental icons */
		width: 50px;
		padding-left: 1em; /*XX*/
		}

#rightcol img {	float: left;
		/*width: 700px;*/
		}

/*
*	coordinate this width with header image.
*/
#rightcolText {	float: left;
		/* Allows Disclaimer text on hahgHome */
		/*width: 20%;*/
		width: 200px;
		padding-left: 1em; /*XX*/
		}

/*
* Counteract the contentcol specification of img width
*/
#supplementIcons img {	width: auto;
			float: left;
			}