@charset "utf-8";

.headimg {
    display:none;   
}

.container {
    background:#FFFFFF;   
}


.navbar {
	border-radius: 0px;	
    background-color:#fff;
    margin-left: -15px;
    margin-bottom: 0px;
    margin-right: -15px;
}

.navbar-header {
    background-image: url(images/1secondheader-boot2.png);
    background-size: 100% 100%;       
}

.navbar-brand {
    margin:0px;
    padding:0px !important;
}

.navbar-brand img {
    max-width: 240px;
}

.navbar-default .navbar-toggle {
    background-color: #FFFFFF;   
}


ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

@media (min-width: 768px) {

.nav-tabs.nav-justified>li>a {
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
  
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 8px;
}
}

.leftcol {
    background-color: #BBD3E8;
    padding: 15px;
}

.maincol {
    padding: 15px;
}


.miniappbg  {
    width: 100%;
    display: inline-block;
    background-image:url(images/app1bg.jpg);
    margin-bottom: 24px;
}

.miniapptxt {
    margin: 10px auto 0px;   
}

.miniapptxt img {
    max-width:100%;
}

.miniappimg {
    float:left;
    width: 50%;
}

.miniappimg img {
    max-width:400px;
    width: 100%;
    padding: 10px;
}

.miniappform {
    float:left;
    width: 50%;
    text-align: center;
    margin: 0px 0px -40px 0px;
}

.miniappform label{
    color: #ffffff;
}

.miniappend {
    
}

.rightcol {
    background-color: #BBD3E8;
    padding: 15px;
}

.spaceedge {
    width: 94%;
    margin: 10px auto;   
}

.boxbg {
    padding: 0px;
    margin: 0px;
    border: 1px solid #000066;
}

.boxttl {
    background-color: #000066;
    padding: 6px;
    margin: 0px;
}

.boxttl p {
    color:#FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align:center;
}

.boxttl a {
    color:#FFFFFF;
}

.boxtxt {
    background-color: #fff;
    padding: 6px;
    margin: 0px;
}

.boxtxt p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.boxft {
    background-color: #000099;
    padding: 6px;
    margin: 0px;
}

.boxft p {
    color:#FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align:center;
    font-size: x-small;
}

.boxft a {
    color:#FFFFFF;
}

.dsktoponly {
    display: none;   
}

.table-midcol {
    max-width: 100%;
}

/* 1st response */
	@media only screen and (max-width : 1200px){

.miniappbg  {
    width: 100%;
    margin-bottom: 14px;
    height: 263px;
    background-image:url(images/app1bg.jpg);
}

    }
    
/* 2nd response */
	@media only screen and (max-width : 1000px){

.miniappbg  {
    width: 100%;
    margin-bottom: 14px;
    height: inherit;
    background-image:none;
}

.miniappimg img {
    float:none;
    width: 100%;
    max-width:inherit;
}

.miniappform {
    float:none;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.miniappend {
    
}

    }

/* Small Devices, Tablets */
	@media only screen and (min-width : 768px){
.headimg {
    display:inherit;
    padding: 0px;
}

.headimg img{
    max-width:100%;
}

.container {
    margin:0px auto;
    padding:0px;
    background:#FFFFFF;   
}

.row {
  margin: 0px;
}

.navbar {
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.navbar-brand {
    margin:2px;
    padding:0px !important;
}

.navbar-brand img {
    display: none;
}

.nav-tabs {
    border-bottom: 0px;
}
.dsktoponly {
    display: inherit;   
}

.mobileonly {
    display: none;   
}

.table-midcol {
    width: 460px;
    margin: 0px auto;
}


    }