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: #dcf0c8;
	padding: 5%;
	margin-top:-50px;/* removes whitespace at top of page */
}
	
.wrapper {
	border: solid 2px #006b54;
	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;
   
}

#printPage{
    cursor: pointer;
}

#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:10%;
	}	

.clear { 
clear: both;}

#questionbox{

	border: solid 4px #009e49;
	border-radius: 10px;
	background-color:#dcf0c8;
	padding-left:20px;
	padding-right:20px;
	margin-top:2%;
	}

#question{
	float:left;
    
	margin-top:1%;
	margin-bottom:1%;
	}

#answerbox{
	 float:right;
  
	margin-top:1%;
	margin-bottom:1%;
	}
	
#yesbox{
	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;
	
	
	}
	
#nobox{
	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;
	
	}	
		
#resultbox{
	border: solid 4px #009e49;
	border-radius: 10px;
	background-color:#dcf0c8;
	padding-left:20px;
	padding-right:20px;

	}



.bodytext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
		
	}

.bodytextsml
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
		
	}	
	
.verysmalltext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
		
	}	

.bodybold{
	
	font-weight:bold;
	font-size:0.9em;

	}
	
.glossarybold{
	
	font-weight:bold;
	font-size:0.95em;

	}	
.questionboxtext{
	
	font-size:0.9em;
	font-weight:bold;
	
	}	
.yesnobuttontext{
	
	font-size:1.1em;
	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;
	
	font-weight:bold;
	}






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



h1 {
	background-color: #006b54;
	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:#332a86;
	font-weight:bold;
	}

a:visited{
	text-decoration: none;
	color: #332a86;
	font-weight:bold;
	

}
a:hover, a:focus{
	text-decoration: none;
	color: #332a86;
	font-style:italic;
	
}
a:active
{
	text-decoration: none;
	color: #332a86;
	
	
	}	
	
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-style:italic;
}
a.glossary:active
{
	text-decoration: none;
	color: #000;
	font-style:italic;

	}	
	
/*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:#dcf0c8;
	}
	
	a.skiplink:visited
{
	color:#dcf0c8;
	}
	
	a.skiplink:hover, a.skiplink:focus
{
	color:#dcf0c8;
	}
	
	a.skiplink:active
{
	color:#dcf0c8;
	}	

	
/*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;
	
	}