/* Add a black background color to the top navigation */
 .topnav  {
	background : rgb(150,150,150);
	border-bottom : 1px solid #2b548c;
	font : 100% sans-serif;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
	padding : 0.75em 1.5em;
}

/* Change the color of links on hover */
.topnav a:hover:not(:last-child) {
    background-color: #2b548c;
    color: white;
	
}

/* Change the color of links on visited */
.topnav a:visited {
    background-color: #2b548c;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

.topnav .selected a {
	background : #ffffff;
	border : 1px solid #2b548c;
	border-bottom : 1px solid #ffffff;
	color : #2b548c;
}


 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 800px) {
  .topnav a:not(:first-child) {
	display: none;
	font : 120%/160% sans-serif;
  }
  .topnav .selected a {
	  display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  .hpright, .hpright_home {
	  display: none;
  }
  .hpleft {
	  width : auto !important;
  }
  .left {
    float: top;
    margin: 5px;
    padding: 15px;
	width : auto !important;
  }
  .right {
    float: top;
    margin: 5px;
    padding: 15px;
	width : auto !important;
  }
  .homepage p, li {
	text-align : left;
	font : 14px sans-serif;
	font-size: smaller;
	padding : 1em 0 0 0;
  }
  p, li {
	font : 120%/160% sans-serif;
  }

}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

* {
	margin : 0;
	padding : 0;
}

a {
	color : #2b548c;
	text-decoration : none;
}
a:visited {
	color : #437fda;
	text-decoration : underline;
}
a:hover {
	color : #437fda;
}

h2 {
	color : #343434;
	font : italic 200% sans-serif;
}
h3 {
	color : #343434;
	font : italic 160% sans-serif;
}
h4 {
	color : #343434;
	font : bold italic 110% sans-serif;
	padding : 1em 1em 0 1em;
}

html {
	color : #565656;
	font : 90%/180% sans-serif;
	text-align : justify;
}

img {
	margin : 1em 1em 0 1em;
}
img.left {
	float : left;
	margin : 1em 1em 0 0;
}
img.right {
	float : right;
	margin : 1em 0 0 1em;
}

blockquote {
	font-style : italic;
	margin : 1em 1em 0 1em;
	padding : 0 0 1em 0;
}
blockquote span {
	font-size : 200%;
	line-height : 1%;
	margin : 0 0.15em;
	position : relative;
	top : 0.25em;
}

form button {
	background : #ffffff;
	border : 1px solid #cfcfcf;
	padding : 0.25em;
	margin : 0 0 0 0.75em;
}

form input {
	border : none;
	width : 100%;
}

form select {
	background : #ffffff;
	font : 95% sans-serif;
	border : none;
	width : 280px;
}

form textarea {
	border : none;
	width : 100%;
	height : 10em;
	font : 100% sans-serif;
}
form p.button {
	text-align : right;
}
form p.input,
form p.text {
	background : #ffffff;
	border : 1px solid #cfcfcf;
	padding : 0.25em;
	margin : 0.25em 1em 0 1em;
}

form p.valtext {
	form p.text{
		background : #ffffff;
		border : 1px solid #cfcfcf;
		padding : 0.25em;
		margin : 0.25em 1em 0 1em;
		width : 50px;
	}
	form p.img {
		border : 3px solid #cfcfcf;
	}
}

p {
	padding : 1em 1em 0 1em;
}

ul,
ol {
	padding : 1em 1em 0 3em;
}

#main {
	margin : auto;
	max-width : 70em;
	min-width : 20em;
	width : auto !important;
	width : 65em;
}

#header {
	background : #2b548c;
	font-size: 50%;
	padding: 10px 10px 10px 10px;
}
#header h1 {
	color : #ffffff;
	font : italic 200% sans-serif;
}

#flag {
  //position : relative;
  //top : -65px;
  //left : -280px;
  font-size: 0;
  padding: 5px 0px 5px 5px;
  //width: 200%;
  //height: 200%;
}

#content {
	border-bottom : 1px solid #cfcfcf;
	height : auto !important;
	height : 1%;
	overflow : hidden;
	padding : 1em 0 0 0;
}
#content div {
	padding : 0 4em 2em 4em;
}
#homepage {
	height : auto !important;
	height : 1%;	
	overflow : visible;
	padding : 0 5em 2em 5em;
//	background-image: url('../img/stockphoto04.jpg');
//	background-position: top center;
//	background-repeat: no-repeat;
//	background-color: #000113;
//	border: 2px solid #2b548c;
	display: inline-block;
}
#homepage div {
	padding : 2em 0 0 0;
//	width: 100%;
}
#homepage p, li, ui {
//	color: #ffffff;
	font : 140% sans-serif;
}
#contentpage {
	height : auto !important;
	height : 1%;
	overflow : hidden;
	padding : 0 5em 2em 5em;
}
#contentpage div{
	padding : 2em 0 0 0;
}
div.hpleft {
	left : -1em;
	float : left;
	position : relative;
	width : 50%;
}
div.hpright {
	left : 1em;
	float : left;
	position : relative;
	width : 50%;
}
div.hpright_home {
	top : -3em;
	left : 1em;
	float : left;
	position : relative;
	width : 50%;
	font : 140% sans-serif;
	text-align: right;
}
div.quotes_current {
//	padding :  5em;
//	transition: opacity .5s ease-in;
	vertical-align: middle;
//	background : #efefef;
//	opacity: 0.5;
//	position: relative;
//	top: 50%;
//	transform: translateY(-50%);
}
div.quotes {
	display: none;
}
div.hpright_home a {
//	color: #ffffff
}

div.services {
	display: none;
}

#panel {
	background : #efefef;
	border : 1px solid #dfdfdf;
	border-bottom : 1px solid #cfcfcf;
	border-top : none;
	height : auto !important;
	height : 1%;
	overflow : hidden;
	padding : 0 5em 2em 5em;
}
#panel div {
	padding : 2em 0 0 0;
}
div.left {
	left : -1em;
	float : left;
	position : relative;
	width : 50%;
}
div.left li {
	font : bold 125% sans-serif;
}
div.right {
	left : 1em;
	float : left;
	position : relative;
	width : 50%;
}

#footer {
	font-size : 85%;
	margin : auto;
	padding : 1em 0 3em 0;
	text-align : center;
	width : 90%;
}

#footermenu {
	color : #343434;
	font : bold 110% sans-serif;
	margin : auto;
	padding : 1em 0 3em 0;
	text-align : center;
	width : 90%;
}

a.appdownload {
  text-align : center;
  font : bold 130% sans-serif;
}