/* @override http://dev.gisforhistory.org/gisforhistory.css */

body {
		margin: 0px auto;
		padding: 0px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 85%;
		line-height: 130%;
		height: auto;
		color: #333;
		background-color: #fff;
		}

h4		{
		line-height:	12px;
		margin-bottom:	0px;
		padding-bottom:	0px;
		}
ul		{
		margin-top:		0px;
		padding-top:	6px;
		}
table h3 {
	margin-top: 1em;
	margin-bottom: .25em;
	}
#mainpicture {
		margin-bottom:	10px;
		margin-right:	10px;
		float:			left;
		}
#sitedescription {
		clear:  both;
		margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
.tagline {
		margin-top:		10px;
		line-height:    1em;
		color: 			#593;
		font-size:		2em;
		font-style: italic;
	letter-spacing: -1px;
	}

#banner {
		z-index: 210;
		height: 30px;
		background-color: #dfc;
		background: url('images/banner_bg.jpg');
		}

#bannerlogo {
		float:			left;
		width:			130px;
		height:			24px;
		background: url('images/gisforhistory_textlogo.png') no-repeat 8px;
		}
* html #bannerlogo {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/gisforhistory_textlogo.png");
	}
	

#content {
		margin-top: 10px;
		padding-left:		10px;
		padding-right:		10px;
		}

.hidden {
		display:		none;
		}

#cookiecrumb {
		color: 			#ffd;
		float:			left;
		margin-top:		5px;
		margin-left:	20px;
		font-size:		12px;
		}

#maptitle {
		float:			right;
		margin-top:		5px;
		margin-right:	10px;
		font-size:		20px;
		font-weight:	bold;
		color: #ffd;
		}
		
#navcontainer {
		position: static;
		z-index: 200;
		height: 30px;
		/*padding: 10px 25px 3px 60px;*/
		padding-left: 10px;
		background-image: url(images/tabs_bg.jpg);
	}
#navcontainer a {
		display: block;
		float:  left;
		width: 100px;
		height: 18px;
		margin-top:2px;
		margin-right: 1.5em;
		padding: 5px 10px 3px 10px;
		background-color: #e7dfa8;
		color: #5a674d;
		border-top: 1px solid #fff7c4;
		border-left:	1px solid #fff7c4;
		border-right: 2px solid #a67c3f;
		border-bottom:	1px solid #e4e6c7;
		text-decoration: none;
		text-align: center;
	}
#navcontainer a.current {
		color: #7D2C28;
		background-color: #fff;
		font-weight:	bold;
		text-transform: inherit;
		border-top:		1px solid #fff7c4;
		border-left:	1px solid #fff7c4;
		border-right:	2px solid #b88;
		border-bottom:	1px solid #fff;
		}
#navcontainer a:hover {
		color: #7D2C28;
		background-color: #f2ebd2;
		text-decoration: underline;
		}
#navcontainer a.current:hover {
		background-color: #fff;
		text-decoration: none;
		}
#navcontainer a:active {
		background: #fff;
		color: #105b2b;
		}

/* Teacher vs student view */
.viewBtn {
	text-align:			center;
	padding:			3px 6px;
	margin:				0px;
	cursor:				pointer;
	height:				1em;
	}
.viewBtn.Off {
	background: #dabb6b;
	border-top: 1px solid #e9d7a7;
	border-left:		1px solid #e9d7a7;
	border-right:		1px solid #aa8647;
	border-bottom: 1px solid #aa8647;
	color: #9d864d;
	text-decoration:	none;
	}
.viewBtn.On {
	background: #f2ecb5;
	border-top:			1px solid #aa8647;
	border-left:		1px solid #aa8647;
	border-right:		1px solid #e9d7a7;
	border-bottom:		1px solid #e9d7a7;
	color:				#000;
	font-weight:		bold;
	text-decoration:	none;
	}
.viewBtn.Off:hover {
	background-color: #ebdb98;
	}
.viewBtn.On:hover {
/*	Don't want to light up on hover, 
suggesting that the button is pressable
	background-color: #cbc5a9; */
	}


#loadMsg {
	left:			220px;	/* put onscreen by default */	
	}

.contentNav {
		position:		absolute;
		top:			78px;
		left:			-1500px;	/* put offscreen by default */
		width:			100%;
		height:			100%;
		z-index:		103;
		padding: 10px;
		/*margin-left:	20px;
		margin-bottom:	20px;
		padding:		20px 10px;
/*		padding:		28px 10px 10px 10px;*/
		background: 	#f3f6f3;	
		display:		none;
		font-size:		.85em;
		line-height:	2em;
		}
		
.contentView {
/*border: 1px solid #00f;*/
		position:		static;	/* needs to be static so that footer can flow below */
		top:			58px;
		left:			220px;	/* put onscreen by default */
		width:			100%;
		z-index:		105;
		padding:		10px 10px 10px 220px;
		display:		none;
		}
		
.contentNav h3 {
		margin-bottom:	3px;
		padding-bottom:	0px;
		}
.contentNav p {
		margin-bottom:	0px;
		padding-bottom:	.25em;
		}
.contentNav ul {
		margin-top: 	0px;
		margin-left: 	0px;
		padding-top:	0px;
		padding-left: 	0px;
		list-style-type: none;
	list-style-position: inside;
	}
		

#mapview {
/*		position:		absolute; */
/*		top:			65px;
		left:			10px;
*/
		display:		none;	/* Off by default */
		}
		
.teacher {
		color:			#900;
		background-color:		#eee;
		display:		none;
	padding: 10px;
	}

.news	{
		font-size: 85%;
		color:			#633;
/*		border:			1px solid #cf0; */
/*		height: 		320px;*/
/*		width:			470px;*/
/*		margin-left:	490px; */
		padding:		5px 10px 15px 10px;
		background-color: #fffcf4;
		}
		
.instruction {
		color:			#aaa;
		}
		
.roleSelectButton {
		padding:		5px;
		background-color: #ffe89f;
		text-align:		center;
		}
		

/*	showURL button, defined in hmap_mainPage.inc */
#showURL {
		position:		absolute;
		top:			-27px;
		left:			850px;
		font-size:		9px;
		}
		
#footer {
/*border:	1px solid #0f0;*/
		/*clear:			both;*/
		margin-top:		10em;
		/*margin-left:	220px;*/
		font-size:		10px;
		line-height:	12px;
		text-align:		left;
		color:			#988;
		}