/* unvisited link */
a:link {
  color: rgba(0,150,71,1);
}

/* visited link */
a:visited {
  color: rgba(0,150,71,1);
}

/* mouse over link */
a:hover {
  color: rgba(255,185,1,1);
}

/* selected link */
a:active {
  color: red;
}	


a.urlink:link {
  text-decoration: none;
  color: grey;
}

a.urlink:visited {
  text-decoration: none;
  color: grey;
}

a.urlink:hover {
  text-decoration: none;
  color: grey;
}

a.urlink:active {
  text-decoration: underline;
  color: grey;
}



a.pageLink:link {
  text-decoration: none;
  color: rgba(0,150,71,1);
}

a.pageLink:visited {
  text-decoration: none;
  color: rgba(0,150,71,1);
}

a.pageLink:hover {
  text-decoration: underline;
  color: rgba(255,185,1,1);
}

a.pageLink:active {
  text-decoration: underline;
  color: red;
}




a.urlink2 {
  font-size: 22px;
}


H1 {
	color: rgba(255,185,1,1);	
	font-size: 40px;
}


.resUrl {
  font-size: 18px;
}

.resLink {
  font-size: 20px;
}

.resDesc {
  font-size: 18px;
}


.HomePageBody {
    background-color: black;
/*     min-height: 1000px; */
	color: white;	
}

.HomePageTop {
    position: relative;
    top: 0;
    text-align: center;
    background-image: url("/vitu/img/tbse_top1.png");
    background-repeat: no-repeat;
/*     background-size: 48px 48px; */
    background-position: right 0px top 0px;

    min-height: 221px;
/*     height: 1200px;  */
    /* 100%; */
    
    width: 100%;
    outline: none;
    border: none;
    z-index: 3;
}



.HomePageBot {
    position: relative;
    bottom: 0;
    text-align: center;
    
    background-image: url("/vitu/img/tbse_bot1.png");
    background-repeat: no-repeat;
/*     background-size: 48px 48px; */
    background-position: left 0px bottom 0px;

    height: 185px;
    width: 95%;
    background-color: black;
    outline: none;
    border: none;
    z-index: 5;
}

.HomePageBotStart {
    position: fixed;
    bottom: 0;
    text-align: center;
    
    background-image: url("/vitu/img/tbse_bot1.png");
    background-repeat: no-repeat;
/*     background-size: 48px 48px; */
    background-position: left 0px bottom 0px;

    height: 185px;
    width: 95%;
    background-color: black;
    outline: none;
    border: none;
    z-index: 3;
}


.MainContent  {

    z-index: 7;
/*   margin: auto; */

  position: relative;
  text-align: center;
      
/*
  top: 30%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
*/
}


.MainLinks  {
	margin-left: 100px;
	margin-right: 300px;
    text-align: left;
}

.freeText{
	text-align: center;
	width: 85%;
	margin:auto;
}

.MainContentStart  {

    z-index: 7;
/*   margin: auto; */
  position:relative;
  text-align: center;
  
  top: 10%;
  height: 100px;

/*
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
*/
}

.sb-example-1  {

/*   margin: auto; */
/*   position: relative; */

/*
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
*/
}

.search-2  {
/*
  margin: auto;
  position: relative;
*/
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sb-example-1 .search {
  margin: auto;
  width: 60%;
  position: relative;
  display: flex;
}
.sb-example-1 .searchTerm {
  width: 100%;
  border: 3px solid rgba(255,185,1,1);
  border-right: none;
  padding: 5px;
  border-radius: 25px 0 0 25px;
  outline: none;
  color: rgba(255,185,1,1);
  padding-left: 25px;
  background: black;
  font-size: 18px;
}
.sb-example-1 .searchTerm:focus{
  color: white;
  padding-left: 25px;
}
.sb-example-1 .searchButton {
  width: 80px;
  height: 50px;
  border: 1px solid gold;
  background: rgba(0,150,71,1);
  text-align: center;
  color: rgba(255,185,1,1);
  border-radius: 0 25px 25px 0;
  cursor: pointer;
  font-size: 18px;
}

.FooterLinks {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 15;
}

.pageLinks{
  text-align: center;
  font-size: 22px;	
}

.wrapper { 
/*   border : 2px solid #000;  */
  overflow:hidden;
}

.wrapper div {
/*    min-height: 200px; */
/*    padding: 10px; */
   margin-left: 20px;
   width: 100%;
}

.resultDiv{
  width: 65%;
  margin: auto;
}

#one {
  float:left;   
  text-align: left;
  width: 65%;
}
#two {
  float:right; 
  min-height: 100px;
/*   overflow:hidden; */
  width: 30%;
  min-width:280px;
}

.sq_ads {
  width: 400px;
  max-width: 90%;
  max-height: : 500px;
  height: auto;
  padding: 20px;
}

.toplogo {
  width: 499px;
  max-width: 90%;	
}

@media screen and (max-width: 950px) {
  #one { 
    float: left;
    margin-right:10;
    width:95%;
  }
  #two { 
    float: left;
    margin-right:0;
    width:100%;
  }
  .sb-example-1 .search {
	width: 80%;
  }  

	.wrapper div {
	   margin-left: 10px;
	   width: 100%;
	}
	
	.resultDiv{
	  width: 80%;
	  margin: auto;
	}
	
  
}

@media screen and (max-width: 600px) {
  .sb-example-1 .search {
	width: 90%;
  }  
  	.resultDiv{
	  width: 90%;
	  margin: auto;
	}
  
}