/* CSS Document */

 .top_images img {  }
 .top_images { border:solid; border-width:1px; border-color:#CCCCCC; }

.htbar {  overflow:auto;  padding:1px;   }



.htdivlogomenuborder { width:calc(100% - 2px);   overflow:auto; padding:1px;  }
.htdivlogo { width:280px; height:80px; float:left; padding-left:50px;  border:solid; border-width:0px;    } /* calc(70% - 700px) */  


.registeronline { background-color:#993300; color:#FFFFFF; font-family:Open Sans; font-size:16px; height:25px; width:150px; float:left; }
.registeronline a { color:#FFFFFF; font-family:Open Sans; font-size:16px; text-decoration:none; }

.htdivcontlinksborder { float:left; height:40px; width:360px; overflow:auto;  padding:1px; display:none;  }
.htdivcontlinks { margin-left:20px; width:150px; float:left; text-align:center; height:35px; padding-top:5px; background-color:#b92300;  }
.htdivcontlinks a { color:#FFFFFF;  }

.menu {  float:left;  padding:1px; height:50px; font-family:"Open Sans"; border:solid; border-width:0px; margin-top:20px;  }
.menu a { text-decoration:none; text-transform:none; line-height:30px; }
.hedercontrolwhitesp { height:80px; }
.searchbox { height:25px; width:160px; background-color:#FFFFFF; margin-right:20px; border:0px; padding:0px; float:right;  }
.imglinkbox { height:25px; width:160px; background-color:#FFFFFF; margin-right:20px; border:0px; padding:0px; float:right;  }

.searchbar { background-color:#005992; width:100%; border:0px; padding:10px; overflow:auto;  }
.fsearch { margin:0px; padding:0px; }
.searchkey { margin:0px; padding:0px; font-size:11px; text-align:right; width:154px; height:18px; border:none; text-decoration:none; border-style:none; }
#searchbar { display:none; }

.menu a {  
	background-color: #FFFFFF;
    border: 2px solid #0067CB;
    color: #003366 !important;
    text-decoration: none;
    padding: 12px 24px;
    line-height: 1;
    min-width: 150px;
    border-radius: 100px;
    font-weight: normal;
    position: relative;
    margin-bottom: 12px;
 	}
	.menu a:hover { 
	background-color: #0099FF;
    border: 2px solid #0067CB;
    color: #fff !important;
    text-decoration: none;
    padding: 12px 24px;
    line-height: 1;
    min-width: 150px;
    border-radius: 100px;
    font-weight: bold;
    position: relative;
    margin-bottom: 12px;
 	}


@media only screen and (max-width:1185px) {
.htdivcontlinksborder { width:200px; padding-top:1px; height:50px; }
.htdivcontlinks { margin-left:0px; width:160px; padding-left:0px; padding-top:5px; margin-top:10px; }
.registeronline { display:none; }
.htdivlogomenuborder { width:calc(100% - 1px); }
.searchbox { margin-right:20px; width:155px;  }
.imglinkbox { margin-right:20px; width:155px;  }
#studypack { display:none; }
.menu a { padding: 6px 12px; min-width: 100px; }

}

@media only screen and (max-width:1010px) {
.menu { padding-top:0px; height:50px; }
.htdivlogo { float:left; }
.hedercontrolwhitesp { height:80px; }
.htdivcontlinksborder { display:none; }
} 

@media only screen and (max-width:920px) {
#about { display:none; }
.htdivlogo { width:210px; float:left; padding-left:10px; height:50px;     }
}

@media only screen and (max-width:820px) {
.menu {   }
}

@media only screen and (max-width:760px) {
.menu { display:none; }
}

@media only screen and (max-width:630px) {

.hedercontrolwhitesp { height:80px; }
} 

@media only screen and (max-width:480px) {
.htdivlogo { width:90%; float:none; padding-left:20px;   }
.searchbox { margin-right:20px; }
.imglinkbox { margin-right:20px; }
} 
@media only screen and (max-width:360px) {
.htdivlogo { width:90%; float:none; padding-left:20px;   }
.searchbox { margin-left:0px; margin-right:20px;  }
.imglinkbox { margin-left:0px; margin-right:0px; width:140px; }
} 
@media only screen and (max-width:350px) {
.searchbox { margin-left:0px; margin-right:0px; width:98%; }
.imglinkbox { display:none; }
.searchkey { margin:0px; padding:0px; }
} 