.navigation{
	width: 150px;
	margin-left: 30px;
	font-family:bookman old style;
    font-style:normal;
    font-size:14pt;
	color: #828282
}
.navbar{
float:center;
padding: 2px;
border:thin solid  #828282;
width:25%;
background-color:#000;
overflow:auto;
display: flex;
    justify-content:center;
    box-shadow: 0 1.5rem 6rem rgba(0,0,0,0.1);
	

}
.navbar a{
float: left;
padding: 12px;
color: #828282;
text-decoration: overline;
image-decoration: underline;
box-shadow: 0 1.5rem 6rem rgba(0,0,0,0.1);
font-size: 17px;
}
.navbar a:hover{
background-color:#E5E5E5;
}
.active{
background-color:#A4A49E;

}
@media screen and (max-width : 695px ){
  .navbar a {
    float: right;
    display:flex;
  }
}

.grid-container {
  display: grid;
  grid-template-columns: 25% 25% 25%;
  width:100%;
  height: auto;
  gap: 100px;
  /*background-image: url("BPSweblogo2.png");*/
  padding: 10px;
  justify-content: center;
  align-items: center;
}
.drone{
	float:right;
	/*border-style:solid;border-color:silver;*/
	hieght:150px;
	width:150px;
	opacity: 0.5;
	padding-bottom:0px;
    font-family:bookman old style;
    font-style:underline;
    font-size:72pt;
	color: #828282;	
}

img.logo{
	float:center;
	/*border-style:solid;border-color:silver;*/
	hieght:250px;
	width:250px;
	opacity: 0.5;
	padding-bottom:0px;
    font-family:bookman old style;
    font-style:underline;
    font-size:72pt;
	color: #828282;	
}
img.headinglogo{
	float:left;
	/*border-style:solid;border-color:silver;*/
	hieght:200px;
	width:200px;
	opacity: 0.5;
	padding-bottom:0px;
    font-family:bookman old style;
    font-style:underline;
    font-size:72pt;
	color: #828282;	
}

p.imgtitle{
    /*float:left;*/
    font-family:bookman old style;
    font-style:underline;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    font-size: 12pt;
	color: #828282;
}
.font{
    font-family:Trebuchet MS;
    font-style:underline;
    font-size: 12pt;
    color:#828282;
}
.font2{
    font-family:Trebuchet MS;
    font-style:underline;
    font-size: 36pt;
    color:#404040;
}

a { color: #828282;
 text-decoration: none;
 font-weight:normal;
} 

a:hover	{ 
color: #FFFFFF;
 text-decoration: underline;
}

.news{
	font-size: 20pt;
	 color:#700000;
}

.newscontainer{
	margin-left: auto;
    margin-right: auto;
	width: 500px;
}

.mainheading{
	text-align: center;
    font-size: 39pt;
    color:#404040;
}

img.gallery_index{
	border:thin solid; 
	color:#828282;
    width:100px;
    height:90px;
}


img.gallery_client{
	border:thin solid; 
	color:#828282;
    width:120px;
    height:110px;
}

img.mail{
	border:none;  
	color:#00bfff;
}

.contact{
	font-family:Trebuchet MS;
	font-style:normal;
    font-size:20pt;
    color:#828282;
}

.balloon_text{
	font-family:Trebuchet MS;
         font-style:normal;
         font-size:15pt;
         color:#828282;
}

 .balloon_title{
		font-family:Trebuchet MS;
         font-style:normal;
         font-size:18pt;
         color:#828282;
}
 
 
 /* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #FFFFFF;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}
.pagenav{
	font-size:18pt;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	color:#828282;
}

.pagenums {
	font-size:10px;
	font-family: Trebuchet MS, verdana, arial;
	color: #FFFFFF;
}

.banner .email{
	font-weight:bold;
}

/* index frame */

.indexContent {
	width:95%;
	padding-top:6px;
	padding-bottom:6px;
}

.indexInfo {
	font-size: 11px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 0 0 6px;
}

.indexInfo .filename {
	color: #FFFFFF;
}

.indexInfo .date {
	color: #FFFFFF;
}

/**************** IMage Gallery *******************/

/* file info */

#imageInfo{
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 6px 0 6px;
}

.content {
	font-size:11px;
/*	color: #FFFFFF;*/

	padding-top:6px;
	padding-bottom:6px;
}

.header{
	font-size:9px;
	font-weight:bold;
	color: #FFFFFF;
}

.contentLast {
	font-size:11px;
/*	color: #FFFFFF;*/
	padding-top:6px;
}

/* feedback */

.feedback {
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 6px 6px 0 6px;
}

.checkBoxText
{
	font-size: 11px;
	color: #FFFFFF;
}
.button {
	font-weight:bold;
	font-size: 11px;
	color:#ffffff;
	width:100%;
	background-color:#D6BA8B;
}

/**************** E O IMage Gallery *******************/
 

body {margin:0; background:#111; padding:5px; font:11px Trebuchet MS,Arial}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#414141; font:Lucida Handwriting; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}