/* top elements */
{ padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font: .80em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #000000; 
/*	background: #A9BAC3 url(bg2.gif) repeat-x;
	background: #ddeeff url(bg2.gif) repeat-x;
background: url("chouse2.jpg") no-repeat;
*/
background: #94b1d9;
background-size: cover;
text-align: center;
}

/* links */
a { 
	/*color: red;*/
/*	background-color: inherit;*/
	text-decoration: none;
}
a:hover {
/*	color: blue;
	background-color: inherit;
*/
}

/* headers */
h1, h2, h3, h4 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}
h1 { font-size: 1.5em; color: #0f3e84;} 
h2 { font-size: 1.4em; text-transform:uppercase;}
h4 {
  font-size: 1.5em; color: #ffffff; background: gray url(h3bar.png) repeat-x; height: 2em;text-align: left;vertical-align: middle;line-height: 2em;text-indent: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.38), 0 10px 20px 0 rgba(0, 0, 0, 0.48);
}
h5 { font-size: 2.5em; color: #0f3e84; }
h6 { font-size: 1.5em; color: #0f3e84; }
h3 {
  font-size: 1.1em; color: #ffffff; background: gray url(h3bar.png) repeat-x; height: 2em;text-align: left;vertical-align: middle;line-height: 2em;text-indent: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.38), 0 10px 20px 0 rgba(0, 0, 0, 0.48);
}


p, h1, h2, h3, h4 {
	margin: 10px 2px;
}

h5{
margin: 10px 2px;
}

h6{
margin: 20px 2px;
}

ul, ol {
	margin: 10px 20px;
	padding: 0 15px;
/*	color: #4284B0;*/
}
ul span, ol span {
	color: #666666; 
}

/* images */
img {
	border: 2px solid #CCC;
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 2px solid #568EB6;
}
a:hover img {  
  border: 2px solid #CCC !important; /* IE fix*/
  border: 2px solid #568EB6;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

/* form elements */
form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #000000;
	font: normal 1em Verdana, sans-serif;
	color:#000000;
}
textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #000000;
	height:100px;
	display:block;
	color:#000000;
}

.buttonfront {
  background-color: #e75353;
  border: none;
  color: white;
  padding: 10px 32px;
  width:110px;
  height:60px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight: bolder;
  margin: 0px 20px 20px 0px;
  cursor: pointer;
  border-radius: 12px;
  !important;
}

.buttonfrontb {
  background-color: #e75353;
  border: none;
  color: white;
  padding: 10px 32px;
  width:110px;
  height:60px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight: bolder;
  margin: 0px 20px 20px 0px;
  cursor: pointer;
  border-radius: 12px;
  !important;
}

.buttonfrontc {
  background-color: #e75353;
  border: none;
  color: white;
  padding: 10px 22px;
  width:130px;
  height:40px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: bolder;
  margin: 0px 20px 20px 20px;
  cursor: pointer;
  border-radius: 12px;
  !important;
}

.buttonfrontc2 {
  background-color: #e75353;
  border: none;
  color: white;
  padding: 10px 22px;
  width:130px;
  height:80px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: bolder;
  margin: 0px 20px 20px 20px;
  cursor: pointer;
  border-radius: 12px;
  !important;
}

.buttonfrontc3 {
  background-color: #e75353;
  border: none;
  color: white;
  padding: 10px 22px;
  width:130px;
  height:85px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bolder;
  margin: 0px 20px 20px 20px;
  cursor: pointer;
  border-radius: 12px;
  !important;
}

.buttonfrontd3 {
  background-color: #e75353;
  border: none;
  color: white;
  padding: 10px 22px;
  width:130px;
  height:95px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bolder;
  margin: 0px 20px 20px 20px;
  cursor: pointer;
  border-radius: 12px;
  !important;
}


.buttonfrontd {
  background-color: #e75353;
  border: none;
  color: white;
  padding: 10px 32px;
  width:120px;
  height:95px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: bolder;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
  border-radius: 12px;
  !important;
}

.buttonfronte {
  background-color: #72cee3;
  border: none;
  color: black;
  padding: 10px 32px;
  width:110px;
  height:65px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: bolder;
  margin: 0px 20px 20px 0px;
  cursor: pointer;
  border-radius: 12px;
  vertical-align: middle;
  !important;
}

.buttonfrontf {
  background-color: gray;
  border: none;
  color: white;
  padding: 5px 32px 15px;
  width:120px;
  height:30px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: bolder;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
  border-radius: 12px;
  !important;
}


.buttonfront2 {
  background-color: #e75353;
  border: none;
  color: white;
padding: 20px 32px;
 width:150px;
 height:100px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 0px 20px 20px 0px;
  cursor: pointer;
  !important;
}

.buttonfront3 {
  background-color: #e75353;
  border: none;
  color: white;
  padding: 10px 32px;
  width:150px;
  height:60px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight: bolder;
  margin: 0px 20px 20px 100px;
  cursor: pointer;
  border-radius: 12px;
  !important;
}

input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #000000; 
	height: 14px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 60px;
	vertical-align: top;
}

/***********************
	  LAYOUT
************************/
#wrap {
/*	background: #FFF;*/
/*	width: 820px; height: 100%;*/
	width: 1024px; height: 100%;
	margin: 0 auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin-top: 30; padding: 0;	
	background: #FFF;
}

/* header */
#header {
	position: relative;
	height: 100px;
        padding-bottom: 10px;	
/*  background: rgba(76, 175, 80, 0.3);*/
	/*background: #000 url(headerbg.gif) repeat-x 0% 100%;	*/
}
#headeralt {
        position: relative;
        height: 25px;
        padding-bottom: 10px;
/*  background: rgba(76, 175, 80, 0.3);*/
        /*background: #000 url(headerbg.gif) repeat-x 0% 100%;  */
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
	color: #83acca;
	letter-spacing: -2px;
	/*text-transform: lowercase;*/
	top: 0; left: 0px;	
}
#header h2#slogan {
	position: absolute;	 
	top:37px; left: 95px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}
#header form.searchform {
	position: absolute;
	top: 0; right: -12px;	
}

/* main */
#main {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 50%;		
}
#mainresulto {
                float: left;
                        margin-left: 15px;
                                padding: 0;
                                        width: 52%;
                                }

#mainresult {
	        float: left;
		        margin-top: 0px;
			        padding: 0;
				        width: 100%;
				}
				

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
#sidebar {
	float: left;
	width: 16%;
	margin: 0;	padding: 0; 
	display: inline;
	font-size: 1em;
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		
	background:000000;
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #000000;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #ffffff;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #686565;
	border-left:4px solid #CCC;	
	
	min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #686565;
	color: #ffffff;
	border-left:4px solid #0f3e84;
}

/* rightbar */
#rightbar {
	float: right;
	width: 0%;
	padding: 0; margin:0;		
}

/* Footer */
#footer { 
	clear: both; 
	color: #FFF; 
	/*	background: #A9BAC3; */
	background: gray;
	/*	border-top: 5px solid #568EB6;*/
	border-top: 5px solid #000000;
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 95%;	
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #000;
}
#footer .footer-left{
	float: left;
	width: 65%;
}
#footer .footer-right{
	float: right;
	width: 30%;
}

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:200; padding: 30;
   list-style:none;
	right: 20; 
	bottom: 1px !important; bottom: 1px;
	font: bold 11px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:320; padding:300;
}
#header a {
   float:left;
   background: url(tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:2px 15px 3px 2px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}

#headeralt li {
   display:inline;
   margin:320; padding:300;
}
#headeralt a {
   float:left;
   background: url(tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#headeralt a span {
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:2px 15px 3px 2px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#headeralt a span {float:none;}
/* End IE5-Mac hack */
#headeralt a:hover span {
        color:#FFF;
}
#headeralt a:hover {
   background-position:0% -42px;
}
#headeralt a:hover span {
   background-position:100% -42px;
}
#headeralt #current a {
   background-position:0% -42px;
        color: #FFF;
}
#headeralt #current a span {
   background-position:100% -42px;
        color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }

.header1 { background-color:#083a81; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 19px;
FONT-FAMILY: Arial}
.header2 { background-color:#ebebeb; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #1f3864; LINE-HEIGHT: 19px;
FONT-FAMILY: Arial}
.row2 { background-color:#A5D1FF; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 19px;
FONT-FAMILY: Arial}
.row1 { background-color:#083a81; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; LINE-HEIGHT: 19px;
FONT-FAMILY: Arial}
.row3 { background-color:#E6080C; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; LINE-HEIGHT: 19px;
FONT-FAMILY: Arial}
.row4 { background-color:#e5dede; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; LINE-HEIGHT: 19px;
FONT-FAMILY: Arial}
.row5 { background-color:#ffffff; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 19px;
FONT-FAMILY: Arial}
.row6 { background-color:#eaeac1; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 19px;
FONT-FAMILY: Arial}


.topnav {
  overflow: hidden;
  background-color: #c7c7c7;
}

.topnav a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
  line-height: 40px;
  vertical-align: middle; 
  font-weight:bolder;
}

.active {
  background-color: #87a8db;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 15px;    
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  line-height: 40px;
  vertical-align: middle;
  font-weight:bolder;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
.rows:after {
  content: "";
  display: table;
  clear: both;
}
.headfont
{
        margin: 0;
        padding: 0;
        font: .80em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
        color: #000000;
        text-align: center;
}
.semi-transparent-button { display: block; box-sizing: border-box; margin: 0 auto; padding: 8px; width: 80%; max-width: 200px; background: #fff; /* fallback color for old browsers */background: rgba(255, 255, 255, 0.5); border-radius: 8px; color: #fff; text-align: center; text-decoration: none; letter-spacing: 1px; transition: all 0.3s ease-out; }

.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */