/*------BODY----------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background:url(images_common/wave.jpg);
	background-color:#7ab4dd;

}


/* -------CONTAINER-------------*/

#container { 
	position:relative;
	margin:0 auto;
	margin-top: 1em;
	width:740px;
	height:550px;
   	background-color:#7ab4dd;
	padding: 0;
}

/*-------IMAGE AND CAPTION-------*/
.imagecaption {
	float:left;
	width:700px;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:12px;
	margin-left:0px;
	display:block;
	color:#000000;
	font-size:11.5px;
	font-style:italic;
	clear:both;

}


.imagecaption img{
	
	float: left;
	margin-left:20px;
	margin-bottom:12px;
	padding-right:20px;
}


/*----LINKS THAT APPEAR IN NORMAL TEXT----*/
.imagecaption a{
	font-size:12px;
	font-style:normal;
}






.navbox{
margin-top: 20px;
margin-bottom: 20px  ;
margin-left:20px;
clear:both;
}
/*---ORDERED LISTS ---*/


ol{font-family:Arial, Helvetica, sans-serif;
	list-style-type:square;
	font-size:12px;
	margin-left:60px;
	margin-right: 25px;
	margin-top: -5px;
	line-height: 18px;
	color:#000000;
	text-align:left;

}

ul{font-family:Arial, Helvetica, sans-serif;
	list-style-type:square;
	font-size:12px;
	margin-left:60px;
	margin-right: 25px;
	margin-top: -12px;
	line-height: 18px;
	color:#000000;
	text-align:left;

}


	
/*----BASIC TEXT STYLES------*/

h1{font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 1em;
	margin-bottom: -8px;
	margin-top: 30px;
	font-size:16px;
	color:#000000;
	text-align:left;
	clear:left;
	

}



h1.with2{font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 1em;
	margin-bottom: -4px;
	margin-top: 30px;
	font-size:16px;
	color:#000000;
	text-align:left;
	clear:left;
	

}


h1.intro {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	margin-left: 20px;
	margin-right: 1em;
	margin-top:20px;
	margin-bottom:22px;
	color:#000000;
	text-align:left;

}

h1.vol {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	margin-left: 20px;
	margin-right: 1em;
	margin-top:20px;
	margin-bottom:14px;
	color:#000000;
	text-align:left;

}

h2{font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	margin-left: 20px;
	margin-right: 1em;
	margin-top:20px;
	margin-bottom:-10px;
	color:#000000;
	text-align:left;
	clear:left;

}

h2.intro {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	margin-left: 20px;
	margin-right: 1em;
	margin-top:20px;
	margin-bottom:20px;
	color:#000000;
	text-align:left;
	clear:left;

}

h2.metro {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	margin-left: 20px;
	margin-right: 1em;
	margin-top:-15px;
	margin-bottom:-10px;
	color:#000000;
	text-align:left;
	clear:left;

}

h2.history {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	margin-left: 20px;
	margin-right: 1em;
	margin-top:-12px;
	margin-bottom:-10px;
	color:#000000;
	text-align:left;
	clear:left;

}

h2.first {font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	margin-left: 20px;
	margin-right: 1em;
	margin-top:-8px;
	margin-bottom:-10px;
	color:#000000;
	text-align:left;
	clear:left;

}


h2.special{
	background:#FFFFCC;
	margin-left:20px;
	margin-right:2em;
	padding:1em;
	}

h2.normal{
	margin-left:20px;
	margin-right:2em;

	}
	

h3{font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	margin-left: 20px;
	margin-right: 1em;
	margin-top:20px;
	margin-bottom:-10px;
	color:#000000;
	text-align:left;
	
 
}

h4{
font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left: 20px;
	font-size:16px;
	color:#000000;
	text-align:center;
	clear:left;
}

p{
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	clear:left;
	margin-left: 20px;
	margin-right: 2em;
	font-size:12px;
	color:#000000;
	text-align:left;
}

p.close{
margin-top: -20px;
}
p.notes{
	color:#000000;
	font-size:11.5px;
	font-style:italic;
	text-align:left;
	margin-top:-8px;
	clear:both;

}

p.notesMyth{
	color:#000000;
	font-size:11.5px;
	font-style:italic;
	text-align:left;
	clear:both;

}


p.special{
	background:#FFFFCC;
	margin-left:20px;
	margin-right:2em;
	padding:20px;
}


p.centre{
	margin:auto;
}


p.newline{
float:left;
width:700;
height:12px;
}

p.narrow{
height:8px;
}

p.extra{
height:-4px;
}

p.headingspace{
float:left;
width:700;
height:25px;
}


p.copy{
text-align:;
font-size:xx-small;
}

#indexPage{
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	text-align:center;
	margin-left: 12%;
	margin-right: 12%;
	font-size:12px;
	color:#000033;
}


/*------- IMAGES------*/



#img {
	float:left;
	margin:0 20px 12px 20px;
}

#img_right {
	float:right;
	margin:0 20px 0px 20px;
}

img.slsa{
	border:#FFFF00;
}
.contentList{
    display:block;
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	margin-left:20px;
	margin-right: 2em;
	font-size:12px;
	color:#000000;
	text-align:left;
	clear:both;
}



/* ------glossary pop ups------*/
                                                                                                   a.glossary{
																													 	text-decoration:none;
	color:#000000;
	font-weight:bold;																										
																																																				}	
																																																				
																																																				/* ------sound file locator------*/	
																																																				
.sound {
	float:right;
	padding: 0px;
	margin:5px;
	margin-right:15px;
	display:inline;
	clear: left;
	

}																																																																											                                       
                                                                                            


/*-------CONTENT---------------*/

#box_header{
	position:relative;
	width:750px;
	height:45px;
	background:url(images_common/top2.gif) no-repeat;
	clear:left;
}

#box_content{
	position:relative;
	margin:0;
	padding:0 0px;
	width:750px;
}


#box_page{
	clear:both;
	width:750px;
	padding:0;
	background:url(images_common/box_side.gif)}

#banner{margin:px;
		clear:both;
}

#box_footer{
	clear:both;
	position:relative;
	margin:0;
	padding:0;
	width: 750px;
	height:64px;
	background:url(images_common/box_base.gif);
	font-size: 10px;
	line-height:35px;
	text-align:center;
}


/*----NAVIGATION ARROWS-----*/
div.nav_left{
display:block;

position:absolute; left:22px;
clear:left;


}

div.nav_right{
display:block;
position:absolute; left:712px;
clear:right;


}





/*----------NAVIGATION LEVEL 1 EMA  ---------------*/

ul#ema_nav{
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
	margin-top:1px;
	margin-right:0px;
	margin-bottom:0px;
	background:#003366;
	float:left;
	width:50%;

	
	

}

ul#ema_nav li {
	display:inline;
	margin-left:2px;
	margin-right:0px;
	text-align:center;
	margin-bottom:0px;
	margin-top:0px;

}

ul#ema_nav a {
	display:table-row;
	float:left;
	padding:.3em 2em;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background:#003366;
	margin-bottom:0px;
	
	}


/*----------NAVIGATION LEVEL 2 EMA---------------*/
ul#ema_2nav{
	list-style-type:none;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-left:2px;
	background:#003366;
	float:left;
	width:100%;
	
}


ul#ema_2nav li {
	display:inline;
	margin-left:2px;
	margin-right:0px;
	text-align:center;
	margin-top:0px;

}

ul#ema_2nav li a {
	display:table-row;
	float:left;
	padding: .2em  1em;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background:#003366;	
	
	}
	
ul#ema_2nav li a.here{
	color:#003366;
	background:#FFFFFF;
	font-weight:bold;
}	


/*----------NAVIGATION LEVEL 3 EMA---------------*/
ul#ema_3nav{
	margin-left:0;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-left:2px;
	list-style-type:none;
	text-align:center;
	background:#FFFFFF;
	float:left;
	width:100%;
	
	

}

ul#ema_3nav li {
	display:inline;
	margin-left:2px;
	margin-right:0px;
	text-align:center;
	margin-top:0px;

}

ul#ema_3nav li .here {
	display:inline;
	margin-left:2px;
	margin-right:0px;
	text-align:center;
	font-weight:bold;
}


ul#ema_3nav a {
	display:table-row;
	float:left;
	padding:  .15em  1em;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	color:#003366;
	background:#ffffff;
	
	}

ul#ema_3nav a:hover{
	color:#000066;
	font-weight:bold;

	
}

/*----------NAVIGATION LEVEL 1 SLS---------------*/

ul#sls_nav{
	margin-left:0;
	margin-top:1px;
	margin-right:0px;
	margin-bottom:0px;
	text-align:center;
	padding-left:0px;
	list-style-type:none;
	background:#ff3b39;
	float:right;
	width:50%;
	
	
	

}

ul#sls_nav li {
	display:inline;
	margin-left:2px;
	text-align:center;
	margin-right:0px;
	margin-top:0px;

}

ul#sls_nav a {
	display:table-row;
	float:left;
	padding:.3em 2em;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFff33;
	background:#ff3b39;
	
	}
	
ul#sls_nav li a.here{
	color:#003366;
	background:#FFFFFF;
}	
	



/*----------NAVIGATION LEVEL 2 SLS---------------*/
ul#sls_2nav{
	list-style-type:none;
	margin-left:0;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-left:2px;
	background:#ff3b39;
	float:left;
	width:100%;
	
}


ul#sls_2nav li {
	display:inline;
	margin-left:2px;
	margin-right:0px;
	text-align:center;

}

ul#sls_2nav li a {
	display:table-row;
	float:left;
	padding:.2em 1em;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFFF33;
	background:#ff3b39;	
	
	}
	
ul#sls_2nav li a.here{
	color:#003366;
	background:#FFFFFF;
}	

/*----------NAVIGATION LEVEL 3 SLS---------------*/
ul#sls_3nav{
	list-style-type:none;
	margin-left:0;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-left:2px;
	background:#ff3b39;
	float:left;
	width:100%;
	
}


ul#sls_3nav li {
	display:inline;
	margin-left:2px;
	margin-right:0px;
	text-align:center;
	margin-top:0px;

}

ul#sls_3nav li a {
	display:table-row;
	float:left;
	padding:.15em 1em;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	color:#003366;
	background:#FFFFFF;	
	
	}
	
ul#sls_3nav li a.here{
	font-weight:bold;
	color:#003366;
	background:#FFFFFF;
}