@charset "utf-8";

html { height:100%; }
body { height:100%; font-family:calibri, "trebuchet ms", verdana, sans-serif; font-size:16px; }
a:link, a:visited{text-decoration:none;color:#4083f1;} 
a:hover{text-decoration:none;color:#6922d4;}

h1 { font-size:26px; color:#000000; padding:0; margin:0 0 7px 0; }
h2 { font-size:24px; color:#000000; padding:0; margin:0 0 7px 0; }
h3 { font-size:18px; color:#000000; padding:0; margin:0 0 7px 0; }
p { padding-top:5; margin-top:0; }

nav { font-size:13px; padding-bottom:10px; font-style: italic;}

.fs18 { font-size:18px; }
.bold { font-weight:bold; }


@media all and (max-width:570px){
h1,h2,h3,h4 { font-size:18px; }
}

.sub_columns ul { columns: 3;  -webkit-columns: 3;  -moz-columns: 3; }

@media all and (max-width:900px){
.sub_columns ul { columns: 3;  -webkit-columns: 3;  -moz-columns: 3; }
}

@media all and (max-width:680px){
.sub_columns ul { columns: 2;  -webkit-columns: 2;  -moz-columns: 2; }
}

@media all and (max-width:505px){
.sub_columns ul { columns: 1;  -webkit-columns: 1;  -moz-columns: 1; }
}

.page-wrapper { height:100%; width:100%; }
.logo { height:80px; width: 213px; background-color:#096cc9; } /*055fd9*/
.left-side { background-color:black; }
.main-content { background-color:#eeeeee; }
.content-wrapper { padding:10px; }
.menu-item { 
	border-bottom:1px solid #222222;
	padding:10px; 
	background-color:#262626; 
	color:white;
}

.menu-item:hover { 
	border-bottom:1px solid #222222;
	padding:10px; 
	background-color:#3b3b3b; 
	color:white;
}

.topnav{
    overflow:hidden;
    background-color:#096cc9;
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:2;
}

.myLinks {
    background-color:#333333;
}

.topnav #myLinks {
  display: none;
}
.topnav a {
  color: #f1f1f1;
  padding: 12px 10px;
  text-decoration: none;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  border:1px solid black;
  right: 0;
  top: 0;
}

.myLinks a:hover {
  background-color: #272727;
  color: #e8e8e8;
}

.reverse_text {
	 display: inline-block;
	 transform: scaleX(-1);
	 -webkit-transform: scaleX(-1);
	 -ms-transform: scaleX(-1);
	 -o-transform: scaleX(-1);
}