body{
  background-image:url('images/parchment.jpg');
}

/* --------------------------------------------------------*/


.heading{
	width:100%;
	height:100%;
}

.heading-titleMsg{
	font-family:Georgia, "times new roman", serif;
	font-size:2.5em;
	color:#C17753;
	margin:0 0 1.0em 0;
}


.heading-message{
	font-size:1.0em;
	font-family:Verdana,Arial,Sans-Serif;
	color:black;
}	


.heading-langPanel{
	height:15%;
	width:50%;
}

.heading-langSelection{
    height:100%;	
    width:125px;
	vertical-align:middle;
	align:left;
	
}

.heading-langSelection-image{
	margin:0;
	padding:0;
}	

.heading-langSelection-checkBox{
    font-family:Verdana,Arial,Sans-Serif;
	font-size:0.8em;
	margin:0;
	padding:0;
}	




/*----------- CSS for the middle section ----------------------------*/

/*
 * The mainLeft, mainCenter and mainRight selectors
 * control the alignment and spacing of the three sections
 * of the main display area.
*/
.middle-mainLeft{
	display:block;
	width:12em;
	height:100%;
	vertical-align:top;
	margin:0;
	padding:0;
}

.middle-mainLeft-button{
	width:100%;
	height:3.0em;
	background-color:#C17753;
	color:white;
	font-family:Verdana,Arial,Sans-Serif;
	font-size:1.0em;
	margin:0 0 3px 0;
	padding:0;
    border: 1px outset #ccc;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    vertical-align:top;
}	



.middle-mainCenter{
	display:block;
	width:100%;
	height:100%;
	vertical-align:top;
	margin-left:auto;
	margin-right:auto;
}

.middle-mainCenter-maps{
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-width:1px;
}

.middle-mainCenter-html{
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-width:1px;
}

.middle-mainCenter-document{
	width:  52em;
	height: 36em;
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-width:1px;
}



.middle-mainCenter-images{
	margin-left:auto;
	margin-right:auto;
}

.middle-mainCenter-pdf{
	margin-left:auto;
	margin-right:auto;
}	

.middle-mainCenter-worldMap{
	margin-top:3em;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
}		

.middle-mainCenter-homeImage{
	border-style:outset;
	border-color:red;
	border-width:thick;
	vertical-align:middle;
}




.middle-mainRight{
	width:12em;
	height:100%;
    vertical-align:top;
}	

.middle-mainRight-StackLayoutPanel {
  vertical-align:top;	
  border-style:none;
}

.middle-mainRight-StackLayoutPanel-parent {
  cursor: pointer;
  cursor: hand;	
  width:100%;
  height:3em;	
  font-size: 1.0em;
  padding: 3px;
  background-color:#C17753;
  color:white;
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
}

.middle-mainRight-StackLayoutPanel-child {
  display:block;
  width:100%;
  height:16em;
  background-image:url('images/parchment.jpg');
  font-family:Verdana,Arial,Sans-Serif;
  color:black;
  font-size: .8em;
  border-style:none;
  margin-left:5px;
}

.middle-mainRight-StackLayoutPanel-parent:hover{
	text-decoration:none;
	font-weight:bold;
	color:#C17753;
	background-color:white;
}



.geoRef{
  cursor: pointer;
  cursor: hand;
}
.geoRef:hover{
	text-decoration:none;
	font-weight:bold;
}

.imageRef{
  cursor: pointer;
  cursor: hand;
  border:0;
  padding:0;
}
.imageRef:hover{
	text-decoration:none;
	font-weight:bold;
}

.linkRef{
  cursor: pointer;
  cursor: hand;
}
.linkRef:hover{
	text-decoration:none;
	font-weight:bold;
}



/* ----------------CSS for the Footing ---------------------------*/

.footing-left {
    width:25em;
	height:2em;
	font-family:verdana,arial,sans-serif;
	font-size:0.9em;
}

.footing-branding{
	width:10em;
	height:2em;
	display:block-inline;
	vertical-align:top;
	align:left;
}	

.footing-branding-logo{
    margin:0 0 0 5px;
    padding:0;
    border-style:none;
}

.footing-branding-label{
   	margin:0;
   	padding:0;
 	border-style:none;
	font-family:verdana,arial,sans-serif;
   	font-weight:100;
   	font-size:xx-small;
}

.footing-left-timeStamp{
	width:12em;
	margin-left:1em;
	text-align:left;
	border-style:none;
}



.footing-center{
	display:inline-block;
    width:30em;
	height:2em;
	font-family:verdana,arial,sans-serif;
	font-size:0.9em;
	margin-left:auto;
	margin-right:auto;
	
}

.footing-center-BF_Anchor{
	width:10em;
    margin:0;
	padding:0;
	text-align:center;
}

.footing-center-BF_Anchor:link{
	text-decoration:none;
}

.footing-center-BF_Anchor:visited{
	text-decoration:none;
}

.footing-center-BF_Anchor:hover{
	text-decoration:none;
	font-weight:bold;
}

.footing-center-BF_Anchor:active{
	text-decoration:none;
}	


.footing-center-verticalseparator{
	width:1.0em;
	text-align:center;
	margin:0;
	padding:0;
}	


.footing-right{
	width:28em;
	height:2.0em;
	font-family:verdana,arial,sans-serif;
	font-size:0.9em;
	align:right;
}

.footing-right-credit{
	margin:0;
	padding:0;
	text-align:right;
}	

.footing-right-BF_Anchor{
	text-align:right;
	margin:0;
	padding:0;
}

.footing-right-BF_Anchor:link{
	text-decoration:none;
}

.footing-right-BF_Anchor:visited{
	text-decoration:none;
}

.footing-right-BF_Anchor:hover{
	text-decoration:none;
	font-weight:bold;
}

.footing-right-BF_Anchor:active{
	text-decoration:none;
}	

.bf_treeImage{
	margin:0 5px 0 0;
}

.bf_treeDocument{
	margin:0;
	padding:0;
}	

.bf_treeDocument:hover{
	text-decoration:none;
	font-weight:bold;
}