/*----------------------------------------------------------------------------------------------------------------------
   This deals with everything inside the "banner" section    
-----------------------------------------------------------------------------------------------------------------------*/

/* Container for website name and location */
.banner {
	position:relative;
	top:1.5em;
    margin-left: auto;
    margin-right: auto;
 	width: 49.5em;
	text-align:center;
	padding: 0;
    }
	/* SUB-Container for website name */
	.banner div#title {
		font-size:499%;
		text-align:left;
	}
	/* SUB-Container for website location */
	.banner div#subtitle {
		font-size:120%;
		font-weight:bold;
		text-align:left;
	}	



/* Container for navigation */
.nav {
	position:absolute;
	bottom: 0px; 
	right: 0px;
	width:19em;
	height: 2em;
	text-align:right;
	padding: 0;
	}
	/* Handles navigation >> span (sub container for setting relative size) */
	.nav #nav-span {
		font-size:130%; 
	}
		/* Handles navigation >> images */
		.nav img{	width:1.3em; height: 1.3em; border:0px;} /* needs to be in span as measurements are in em for div*/
		
		/* handles navigation >> link rollover effects for navigation*/
		.nav a span {display: none;}  /* normal mode*/
		
		.nav a:hover span {
			display: block; /* shows text*/
			position: absolute; 
			right: 0px; 
			bottom: 2em; 
			width: 10.4em;
			padding: 0px 0.2em 0px 0px; 
			text-align: right;
		}
			
		.nav  a:hover { /* for some reason ie needs this declreation with some kind of formatting tag?*/
			border: 0; 
			text-decoration:none;
		}
		/* Handles navigation >> printer frendly version (default: hidden, see print.css for more info) */
		.nav #pFV{
			position:relative;
			top:-0.5em;
			right:0.5em;
			display:none;
			font-weight:normal;
			font-size: 90%;
		
		}