﻿
@font-face {
    font-family: segoeui_font ;
    src: url("segoeui.ttf");
}

html {
	font-family: segoeui_font , Verdana  ;
	height:100%;
}  

body {
 background-color:#FFFFFF; 
 background-size:100%; 
 margin:0px;
 padding:0px;
 width:100%;
 height:100%;
 overflow:auto;
 line-height:1.5em;
}

 
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (-o-min-device-pixel-ratio: '150/100'),
        only screen and (min-resolution: 150dpi),
        only screen and (min-resolution: 1.5dppx) 
{
   body { font-size: 120%; line-height:normal;  }
} 

.container  {
	width:100%; 
	height:100%; 
}  

.container-1280  {
	padding:0px 0px 0px 0px ;
	margin-left:auto;
	margin-right:auto; 
	max-width:1280px ;
	
}  


.left-col { 
	vertical-align:top;
  display:inline-block ; 
  width:40% ;                           
  margin-top:2%;
  margin-left:4%;margin-right:4%;
  margin-bottom:2%;
  text-align:left;
  padding:0px 0px 0px 0px ;
 	
}


div.nomargins {
	margin:0px;
}

	

.junk-remove-if-nothing-broke-header-right-col { 
	margin-left:1%;margin-right:0%
	vertical-align:top;               
	margin-top:0px;
	margin-bottom:2%;
  display:inline-block ; 
  margin-top:2%;
  width:60% ;
  text-align:left;
  padding:0px 0px 0px 0px ; 
 	  line-height:1em;
 	  position:relative;top:0px;left:0px;

}

.right-col { 
	margin-left:4%;margin-right:4%
	vertical-align:top;               
	margin-top:0px;
	margin-bottom:2%;
  display:inline-block ; 
  margin-top:2%;
  width:40% ;
  text-align:left;
  padding:0px 0px 0px 0px ;
 	
}

.all-col { 
	vertical-align:top;
  display:inline-block ; 
  width:85% ; 
  text-align:left;
  padding:0px 0px 0px 0px ;
  margin-top:0px;margin-right:0%;margin-bottom:0px; 	
} 

.logo-bsk {
  display:inline-block ; 
  height: 100%; 
 /*  width:30%;margin-left:18%;	  */
	}

.rel { 
		position:relative;
	  top:0px;
	  left:0px; 
	  z-index:50;
	} 
.abs {
		position:absolute;
	  top:0px;
	  left:0px;
	}

.evenly div.logos {
  white-space:nowrap;
  background:transparent;
  display:inline-block;
  font-size:1rem;
}


  
h1 {
	font-size:2.8rem;
	margin-top:4%;
	color:#1c4865;
	line-height:1.2em;
	font-family: segoeui_font;
	letter-spacing:0.1em;

	}  

h2 {
	font-size:1.5em;
	margin-top:5%;
	color:#1c4865;
	line-height:1.2em;
	 font-family: segoeui_font ;
	}  

h3 {
	font-size:2.1em;
	margin-top:4%;
	color:#1c4865;
	font-family: segoeui_font;
	letter-spacing:0.1em;
	line-height:1.2em;
	text-align:center;
	}  

li {
	margin-top:8px;
	}  




a.nav2 {
	 text-decoration:none;
	 font-weight:bold;
	 font-family:Verdana;
	 font-size:1.0em; 
	 margin-left:auto; 
	 margin-right:auto;
	}
	 
div.dropdown-div {  position:relative; top:0px; left:0px; z-index:20; width:100px; background-color:#0072bc; padding-bottom:0px;; }
a.dropdown-nav	{display:normal; font-family: segoeui_font ; font-size:0.9em; width:180px; background-color: #285C35; color:white;  padding-left:10px; display:block; text-decoration:none;  }
div.main-nav-div { position:relative; top:0px; left:0px; }

a.dropdown-nav:link {  color:#FFFFFF;}     
a.dropdown-nav:visited { color:#FFFFFF; }  
a.dropdown-nav:focus { color:#FFFFFF; }    
a.dropdown-nav:hover { color:#1c4865; }    
a.dropdown-nav:active { color:#1c4865;}    





a.nav2:link {  color:#FFFFFF;}
a.nav2:visited { color:#00A5E7; }
a.nav2:focus { color:#c32015; }
a.nav2:hover { color:#ffffff; }
a.nav2:active { color:#c32015;}


a.nav-main { 
 font-family: titel_font ;
 font-size:0.9em;
 color:white; 
 background-color:#285c35 ; 
 margin-left:15px;
 }  


@media (max-width: 780px) 
{
	.right-col { display: block ; width:90%; padding-right:20px; }
	.left-col { display: block ; width:90%;  padding-right:20px; } 
	h1 { }

}
