body{
	margin: 0 5%;
	font-family: arial,helvetica,sans-serif;
}

#page-container {
	background-image: url(images/corner.gif);
	background-repeat:no-repeat;
	background-position: 100% 100%;
	background-color: #332a86;
	padding: 5%;
	margin-top:-50px;	
}
	
.wrapper {
   border: solid 2px #f8971d;
   border-radius: 10px;
   margin: 10px;
   background-color: white;   
}


	
#headerwrapper {
    width: 95%; /* 780px is just wide enough to fill and 800px screen */
    margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
	margin-top:2%;
    background: #FFF;
    text-align: left;
   
}

#hralogo, #title, #mrclogo,  {
    padding: 10px;  /* This sets a 10px padding on all of our content boxes */	
}
#mrclogo {
    float: left; /* Sets this column to the left */
    background: #fff;
    width: 145px;
	/*margin-bottom:1%;*/
	margin-right:2%;
}

#hralogo {
    float: right; /*Sets this column to the right */
    background: #fff;
    width: 200px;
}

#title {
    margin: 0 23%;
	margin-top:1%;/* Sets the margin to 190px on the right and left */
}	

nav {
	margin: 2%;
	text-align: left;
	z-index:1000;

}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
		z-index:1000;
	}

/* menu level 1*/
nav ul {
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 10px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	font-size:0.93em;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	
	}
		nav ul li:hover {
			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
			
		}
			nav ul li:hover a {
				color: #fff;
			}
		
		nav ul li a {
	display: block;
	padding: 8px 18px;
	color: #000;
	text-decoration: none;
		}
			
/* menu level 2*/		
	nav ul ul {
		background: #332a86; 
		border-radius: 0px; 
		padding: 0;
		position:absolute; 
		
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a;
			position: relative;
		}
			nav ul ul li a {
				padding: 10px 40px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #4b545f;
					
				}
				
/* menu level 3*/	
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
		margin-left:0px;
		margin-top:0px;
	}

.breadcrumbs{
	color:#000;
	font-size: 0.9em;
	margin-left:1.1%;
    margin-top: -2%;
}

.breadcrumbsactive{
	color:#332a86;
	font-size: 0.8em;
	font-weight:bold;
	margin-left:1.1%;
    margin-top: -2%;
}

.bodytext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	
	
	}
	
.bodytextsml
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	
	
	}
.bodybold{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;

	}
	
article,header,footer{
	background-color: white;
}

header{
	border: solid 2px transparent;
	border-radius: 10px;
}

article{
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;	
}

article ul
{
	font-size:1em;
	}
	
article a
{
	font-weight:bold;
	}
	
.alphabet
{
	width: 85%;
	padding: 5px;
	padding-bottom: 10px;	
	
	}

.alphatext{
	text-decoration: none;
	color:#000;
	font-weight:bold;
	font-size:20px;
	}

#mapwrapper {
    width: 95%;
	overflow:hidden; /* 780px is just wide enough to fill and 800px screen */	
}

#mapnav {
    float: right; /*Sets this column to the right */
    background: #fff;
    width: 215px;
}
#maptext {
    float: left; /* Sets this column to the left */
    background: #fff;
    width: 60%;
	margin-bottom:1%;
	margin-right:1%;
	margin-left:1%;
}
 .hiddenmapalt
 {
	 color:#fff;
	 font-size:1px;
	 }


footer{
	padding: 1em;
	border: solid 2px transparent;
	border-radius: 10px;	
}

h1 
{	color:#000;
	font-size:1.05em;
	font-weight:bold;
	}

h2 {
	background-color: #332a86;
	color:#FFF;
	font-size:1em;
	line-height: 1.8;
	padding-left: 0.5em;
	border-radius:10px;
}


.bottommenu{
	color: white !important;
	line-height: 1.2;
	text-align:left;
	font-size:0.9em;
}

.bottommenu li{
	display:inline;
	padding-right:1em;
	}
	


footer p {
	margin-right: 0;
	font-size: 0.75em;
}


/*general link color*/
a:link{
	text-decoration: none;
	color:#332a86;

	}

a:visited{
	text-decoration: none;
	color: #332a86;
	font-style:italic;

}
a:hover{
	text-decoration: none;
	color: #332a86;
	font-style:italic;


}
a:active
{
	text-decoration: none;
	color: #332a86;
	
	}	
	

/*bottom menu link color*/
a.bottommenu:link{
	text-decoration: none;
	color:#fff !important;
	font-weight:bold;
	}

a.bottommenu:visited{
	text-decoration: none;
	color: #grey;
	font-weight:bold;
}
a.bottommenu:hover{
	text-decoration: none;
	color: #ccc; 
	font-weight:bold;
}
a.bottommenu:active
{
	text-decoration: none;
	color: #bbbbbb;
	font-weight:bold;

	}
/*breadcrumbs link color*/	
a.breadcrumbs:link{
	text-decoration: none;
	color:#black;

	}

a.breadcrumbs:visited{
	text-decoration: none;
	color: #grey;

}
a.breadcrumbs:hover{
	text-decoration: none;
	color: #332a86;
	font-weight:bold;

}
a.breadcrumbs:active
{
	text-decoration: none;
	color: #bbbbbb;
	font-weight:bold;

	}	
/*skip link color*/	
	
	a.skiplink:link
{
	color:#332a86;
	}
	
	a.skiplink:visited
{
	color:#332a86;
	}
	
	a.skiplink:hover
{
	color:#332a86;
	}
	
	a.skiplink:active
{
	color:##332a86;
	}	
/*hidden map link color*/	
	
	a.hiddenmapalt:link
{
	color:#FFF;
	}
	
	a.hiddenmapalt:visited
{
	color:#FFF;
	}
	
	a.hiddenmapalt:hover
{
	color:#FFF;
	}
	
	a.hiddenmapalt:active
{
	color:#FFF;
	}
	
/*glossary navbar link color*/	
	
	a.bluebig:link{
	text-decoration: none;
	color:#000;
	font-weight:bold;
	font-size:20px;
	}

a.bluebig:visited{
	text-decoration: none;
	color: #grey;
	font-weight:bold;
	font-size:20px;
}
a.bluebig:hover{
	text-decoration: none;
	color: #332a86; 
	font-weight:bold;
	font-size:20px;
}
a.bluebig:active
{
	text-decoration: none;
	color: #bbbbbb;
	font-weight:bold;
	font-size:20px;
	}