/*----- Standard Formatting Tags -----*/
body {
	background: #fffff8;
	color: #000000;
	text-align: left;
	font-family: "Arial", "Tahoma", "Verdana", "Sans-Serif";
	font-size: 90%;
}

h1 {font-size:2.2em}
h2 {font-size:1.7em}
p {margin-top:0;}
table {margin:0;}



a {  /* N.B. Links in sound-guidebook have black (color) class associated with them*/
	color: #0000ff;
	font-weight: bold;
	text-decoration: none;
}

/*----- Layout DIV containers -----*/

#page { /* container for everything */
	padding: 0;
	width: 80%; /*52em;*/
	margin: 1em auto 0 auto;
	background: #ffffff; /*same as side column*/
	position: relative;
	display:table; /*keep this for correct display formatting*/
	border: 2px solid #FE750D;
}

#top { /* contains titlediv and linksbar div*/
	width: auto;
	background: #eeeeff;
	position:relative;
}
#titlediv { /* contains banner image and title div */
	position: relative;
	height: 8.5em;
}
#title { /*contains h1 text */
	position:relative;
	padding: 0.3em 0 0 1.5em;
}
#title h1 {
	color: #ffffff;
	font-size: 2.5em;
	margin-top: 0em;
	font-weight: bolder;
}
#banner { /* the banner image*/
	height: 8.5em;
	width: 100%; /*52em;*/
	position: absolute;
}
#linksbar { /* contains the span, which contains the links */
	height: 3.2em; /*1.2em;*/
	width: 100%;
	padding: 0; /*1em 0 1em 0; /*1em 0 1em 1.75em;*/
	background: #FE750D;
	position:relative;
}
#linksbar span { /* the span containing link*/
	position: absolute;
	width: 15%;
	padding: 1em 0 1em 0;
	text-align: center;
	cursor: pointer;
}
#linksbar a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#side { /* container for side column */
	/*position:relative;*/
	text-align: center;
	float:left;
	width: 20%; /*9em;*/
	min-height:20em;
	margin:0;
	padding: 0;
}
.sidelink { /* side link container for each link image and text*/
	position:relative;
	padding: 0;
	margin: 1em auto 1em auto; /*1em 0 1em 1.5em;*/
	height: 5em;
	width: 7em; /*70%;*/
	max-width: 100%;
	border: 2px solid #4030a0;
	cursor: pointer;
}
.sidelink a {
	cursor: pointer;
}
.sidelink img { /* side links image*/
	width:100%;
	height: 76%; /*3.7em;*/
	position: absolute;
	right:0;
	top: 24%; /*1.3em;*/
	border: 0;
}
.sidelink span { /*side links link text*/
	position:absolute;
	left:0;
	top:0;
	color: #ffffff;
	background: #4030a0;
	width:100%;
	height: 24%; /*1.3em;*/
}
#main {	/* container for main section */
	margin: 0;
	background: #ffffff;
	padding: 1em 2% 1em 0; /*1em 1em 1em 0em;*/
	float: right;
	width: 77%; /*40em;*/
	position:relative;
}
#footer {
	background: #FE750D; /*same as body*/
	width: 100%; /*52em;*/
	height:1.2em;
	color: white;
	clear: both;
	position: relative;
	text-align: center;
	margin:0;
	font-size: 90%;

}
#leftmap {
	 float:left;
	 margin: 0 0 0 1em;
}
#rightmap {
	 float:right;
	 margin: 0 1em 0 0;
}
#audiotable {
	width: 98%;
	margin:0;
	padding:0;
}
div.col_1 {
	width:10%;
}
div.col_2 {
	width:35%;
}
div.col_3 {
	width:12%;
}
div.col_4 {
	width:15%;
}
div.col_5 {
	width:28%;
}
div.col_6 {
	width:100%;
}
.col_6 form {
	margin: 0;
	padding: 0;
}

div.left_column {
	width:50%;
	float:left;
}
div.rightcolumn {
	width:50%;
	float:right;
}
hr {
	clear:both;
	display:block;
	visibility:hidden;
height: 1px;
} 
thead {
font-weight: bold;
}


/*--------Admin sections ---------*/
.admin {
	background: #e0e0e0;
	margin: 0 1em 1em 1em;
	position:relative;
}