/* Colors
blue:  #303f9f
orange: #ff9800
orange link: 
*/

html,body {
font-family:Verdana,sans-serif;
font-size:15px;
line-height:1.5;
background-color: #e3e5e6;
}

a:link 		 {color: #000000;}
a:visited 	 {color: #000000;}
a:hover 	 {color: #000000;}
a:focus 	 {color: #000000;}
a:active 	 {color: #000000;}

}

h1, h2, h3, h4, h5, h6
	{ font-weight: bold; color: #000000; }

h1 { font: 38px 'Lora', Verdana, Helvetica, sans-serif; 	color: #272646;	margin: .3em 0 .3em 0;	letter-spacing: -1px;
	text-align: center;	}

h2 { font: 34px 'Lora', Arial, Verdana, Helvetica, sans-serif; color: #302f59; margin: .3em 0; letter-spacing: 1px;
	text-align: center;	}

h3 { font: 28px 'Jura', Verdana, Helvetica, sans-serif; color: #302f59; padding: 0; letter-spacing: -1px;
	margin: 30px 0 25px 0; padding: 5px 0; border-bottom: 1px solid #302f59; }

h4 { font: normal 28px 'Jura', Verdana, Helvetica, sans-serif; color: #404040; margin: .3em 0; }

h5 { font: normal 24px 'Raleway', Verdana, Helvetica, sans-serif; color: #404040; margin: .3em 0; }

h6 { font: normal 20px 'Raleway',Verdana, Helvetica, sans-serif; color: #302f59; margin: .3em 0; }

p {
	margin-left: 15px;
	margin-right: 15px;
}

#outerWrapper {
	background-color: #eff9fe;
	max-width: 1024px;
	text-align: left; /* Redefines the text alignment defined by the body element. */;
	margin: 25px auto 25px auto;
	border: 1px #000000 solid;
	border-radius: 10px;
	box-shadow: 0 0 20px #453823;
	}

@media (pointer: coarse), (hover: none) {
      [title] {
        position: relative;
        display: inline-flex;
        justify-content: center;
      }
      [title]:focus::after {
        content: attr(title);
        position: absolute;
        top: 90%;
        color: #000;
        background-color: #fff;
        border: 1px solid;
        width: fit-content;
        padding: 3px;
      }
    }
   
/*=================================================
header Styles 
==================================================*/
#header { background-color: #303f9f;	padding: 10px 10px 10px 10px;  color: #ff9800; }
	
#header p 			{ color: #ff9800; margin-top: 0px;	margin-bottom: 0px;	text-align: center;	font-size: 10px;}
#header a:link 		{ color: #ff9800;}
#header a:visited 	{ color: #ffca28;}
#footer a:hover 	{ color: #FFFFFF;}
#header a:focus 	{ color: #FFFFFF;}
#header a:active 	{ color: #999999;}
#header img 		{ text-align: center;}
#header { text-align: center;}	

/*
==============================================
=     TopNavigation ID Styles
================================================
*/

#topnav {
	background-color: #0000A0;
	clear:both;

}

#topnav ul {
	width: 95%;
	float:left;
	margin:10px 5px 0px 5px; background-color: #0000A0;
	border-bottom:3px #cce6ff solid;
	}

#topnav ul li 			{display:inline;}
#topnav ul li a 		{float:left; padding: 5px 10px;}
#topnav a:link			{color:#ffffff; text-decoration: none;}
#topnav a:visited		{color:#ffffff; text-decoration: none;}
#topnav a:active		{color:#ffffff; text-decoration: none;}
#topnav a:hover			{color:#303f9f; text-decoration: none; background-color:#ff9800;}
#topnav a:focus			{color:#ffffff; text-decoration: none;}


/*=================================================
Footer Styles 
==================================================*/
#footer { background-color: #303f9f;	padding: 10px 10px 10px 10px; border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px;
		-moz-border-radius: 0px 0px 8px 8px; color: #ff9800; }
	
#footer p 			{ color: #ff9800; margin-top: 0px;	margin-bottom: 0px;	text-align: center;	font-size: 10px;}
#footer a:link 		{ color: #ff9800;}
#footer a:visited 	{ color: #ffca28;}
#footer a:hover 	{ color: #FFFFFF;}
#footer a:focus 	{ color: #FFFFFF;}
#footer a:active 	{ color: #999999;}
#footer img 		{ text-align: center;}
#footer				{ text-align: center;}	

.imgrc			{max-width:100%; height:auto; display: block; margin-left: auto; margin-right: auto; }

.orange {color:#ff9800;}

.centered 		{text-align: center; }

.margined {
	
	margin:0px 10px 0px 10px;
	padding:0px 10px 0px 10px;
	}
	
.quote {
	text-align: center;
	font-style: italic;
	margin-left:100px;
	margin-right:10px;
}

.set-width {
  width: 300px;
}