body{
	margin: 0 10%;
	font-family: arial,helvetica,sans-serif;
	font-size:16px;
	font-size:100%;
}

#page-container {

	background-repeat:no-repeat;
	background-position: 98% 98%;
	background-color: #bfe3f1;
	padding: 5%;
	margin-top:-50px;/* removes whitespace at top of page */
}
	
.wrapper {
	border: solid 2px #0091C9;
	border-radius: 10px;
	margin: 2%;
	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, #mrclogo,  {
    padding: 1%;  /* This sets a 10px padding on all of our content boxes */	
}
#mrclogo {
    float: left; /* Sets this column to the left */
    background: #fff;
    width: 210px;
	/*margin-bottom:1%;*/
	
}

#hralogo {
    float: right; /*Sets this column to the right */
    background: #fff;
    width: 149px;
}

	

#glossary{
	float:right;
	width:60px;
	border: solid 2px #CCC;
	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.5% 2%;
	border-radius: 10px;
	
	}
	
#return{
	font-family:Arial, Helvetica, sans-serif;
	border: solid 2px #CCC;
	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.5% 2%;
	border-radius: 10px;
	}	
#answers{
	margin-right:40%;
	}	

.clear { 
clear: both;}

#questionbox{
	
	border: solid 4px #003893;
	border-radius: 10px;
	background-color:#bfe3f1;
	padding-left:20px;
	padding-right:20px;
	margin-top:2%;
	}
#question{
	float:left;

	margin-top:1%;
	margin-bottom:1%;
	}
	
#questionbox2{
	
	border: solid 4px #003893;
	border-radius: 10px;
	background-color:#bfe3f1;
	padding-left:20px;
	padding-right:20px;
	margin-top:2%;
	}
#question2{
	float:left;
	
	margin-top:1%;
	margin-bottom:1%;
	}
	
	
	
#noneabovebox{

	padding-left:20px;
	padding-right:20px;
	margin-top:2%;
	}

#mapbox{
	
	border: solid 4px #003893;
	border-radius: 10px;
	background-color:#fff;
	padding-left:20px;
	padding-right:20px;
	margin-top:2%;
	}
	
#maptextbox{
	float:left;
	width:60%;
	margin-top:1%;
	margin-bottom:1%;
	}


#answerbox{
	float:right;
	

	}
	
#answerbox2{
	float:right;
	

	}	
#answerbox ul
{
	float:right;
	list-style:none;
	}	
	
#answerbox li
{
	display:inline-block;

}
	
#yesbox{

	width:40px;
	font-weight:bold;
	border: solid 2px #0091c9;
	border-radius: 10px;
	margin: 10px;
	padding: 15px;
	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);
	height:22px;
	text-align:center;
	
	
	}
	
	#yesbox2{
		float:right;
	width:40px;
	font-weight:bold;
	border: solid 2px #0091c9;
	border-radius: 10px;
	margin: 10px;
	padding: 15px;
	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);
	height:22px;
	text-align:center;
	
	
	}
	
#notsure{
	
	width:100px;
	font-weight:bold;
	border: solid 2px #f8971d;
	border-radius: 10px;
	margin: 10px;
	padding: 15px;
	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);
	height:22px;
	text-align:center;

	}
	
#nobox{

	width:40px;
	font-weight:bold;
	border: solid 2px #d81e05;
	border-radius: 10px;
	margin: 10px;
	padding: 15px;
	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);
	height:22px;
	text-align:center;
	
	}
	
	#nobox2{
float:right;
	width:40px;
	font-weight:bold;
	border: solid 2px #d81e05;
	border-radius: 10px;
	margin: 10px;
	padding: 15px;
	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);
	height:22px;
	text-align:center;
	
	}	
		
#otherUK{
	
	width:175px;
	font-weight:bold;
	border: solid 2px #0091C9;
	border-radius: 10px;
	margin: 10px;
	padding: 10px;
	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);
	height:22px;
	text-align:center;
	
	}		
		
#resultbox{
	border: solid 4px #0091C9;
	border-radius: 10px;
	background-color:#bfe3f1;
	padding-left:20px;
	padding-right: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;
	margin-top:2%;
	margin-bottom:2%;
	margin-right:4%;
}
#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;
	 }


.bodytext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
		
	}

.bodytext2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:lighter;
		
	}

.bodytextsml
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
		
	}	

.bodybold{
	
	font-weight:bold;
	font-size:0.9em;

	}
	
	.bodybold2{
	
	font-weight:bold;
	font-size:1em;

	}
	
.verysmalltext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
		
	}	
	
.glossarybold{
	
	font-weight:bold;
	font-size:0.95em;

	}	
.questionboxtext{
	
	font-size:0.9em;
	font-weight:bold;
	
	}	
.yesnobuttontext{
	
	font-size:1.1em;
	font-weight:bold;

	}	
.otherUKtext{
	
	font-size:0.9em;
	font-weight:bold;

	}

header{
	border: solid 2px transparent;
	border-radius: 10px;
}

nav{
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;	
}

article{
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;	
}

	
.alphabet
{
	font-size:1.3em;
	padding: 5px;
	padding-bottom: 10px;

	
	}






footer{
	padding: 1em;
	border: solid 2px transparent;
	border-radius: 10px;
	margin-top:0.1%;	
}



h1 {
	background-color: #003893;
	color:#FFF;
	font-size:1em;
	line-height: 1.8;
	padding-left: 0.5em;
	border-radius:10px;
	margin-top:3%;

}


.bottommenu{
	color: #000 !important;
	line-height: 1.2;
	font-size:0.9em;
}
.bottommenu ul{
	margin-top:-2%;
	margin-left:-2%;
	}

.bottommenu li{
	display:inline;
	padding-right:1em;
	}
	


footer p {
	margin-right: 0;
	font-size: 0.75em;
}

dt{
	font-size:1.2em;
	font-weight:bold;
	
	padding: 2%;
	padding-bottom: 2%;	
	
	}
	
dd{
	margin-right:8%;
	padding-bottom: 2%;
	}	

/*general link color*/
a:link{
	text-decoration: none;
	color:#003893;
	font-weight:bold;
	}

a:visited{
	text-decoration: none;
	color: #003893;
	font-weight:bold;
	

}
a:hover{
	text-decoration: none;
	color: #003893;
	font-weight:bold;
	
}
a:active
{
	text-decoration: none;
	color: #003893;
	}	
	
a:focus{
	
	outline-style:solid;
	outline-color:#9c2411;
	outline-width:medium;}	

/*glossary menu link color*/
a.glossary:link{
	text-decoration: none;
	color: #000;
	font-weight:lighter;
	}

a.glossary:visited{
	text-decoration: none;
	color: #000;
	
}
a.glossary:hover, a:glossary:focus{
	text-decoration: none;
	color: #000;
	font-weight:bold;
}
a.glossary:active
{
	text-decoration: none;
	color: #000;
	font-weight:bold;

	}	
	
/*yes no link color*/
a.yesnobuttontext:link{
	font-size:1.1em;
	font-weight:bold;
	
	}

a.yesnobuttontext:visited{
font-size:1.1em;
	font-weight:bold;
	
	
}
a.yesnobuttontext:hover, a:yesnobuttontext:focus{
	
	font-style:italic;
}
a.yesnobuttontext:active
{

	font-style:italic;

	}	
/*bottom menu link color*/
a.bottommenu:link{
	text-decoration: none;
	color:#000 !important;
	font-weight:bold;
	}

a.bottommenu:visited{
	text-decoration: none;
	color: #grey;
	font-weight:bold;
}
a.bottommenu:hover, a.bottommenu:focus{
	text-decoration: none;
	color: #ccc; 
	font-weight:bold;
}
a.bottommenu:active
{
	text-decoration: none;
	color: #bbbbbb;
	font-weight:bold;

	}
	

/*skip link color*/	
	
	a.skiplink:link
{
	color:#bfe3f1;
	}
	
	a.skiplink:visited
{
	color:#bfe3f1;
	}
	
	a.skiplink:hover, a.skiplink:focus
{
	color:#bfe3f1;
	}
	
	a.skiplink:active
{
	color:#bfe3f1;
	}	

	
/*glossary navbar link color*/	
	
	a.bluebig:link{
	text-decoration: none;
	color:#000;
	font-weight:bold;
	
	}

a.bluebig:visited{
	text-decoration: none;
	color: #grey;
	font-weight:bold;
	
}
a.bluebig:hover, a.bluebig:focus {
	text-decoration: none;
	color: #006b54; 
	font-weight:bold;
	
}
a.bluebig:active
{
	text-decoration: none;
	color: #000;
	font-weight:bold;
	
	}
	
/*hidden map link color*/	
	
	a.hiddenmapalt:link
{
	color:#FFF;
	}
	
	a.hiddenmapalt:visited
{
	color:#FFF;
	}
	
	a.hiddenmapalt:hover
{
	color:#FFF;
	}
	
	a.hiddenmapalt:active
{
	color:#FFF;
	}
