html {
    /*background-color:#d9d3d0;*/
}

body {
    padding-top: 10px;
    padding-bottom: 20px;
    width:1200px !important;
    max-width:1200px;
    margin:auto;
   /* background-color:#e7e7e7;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    /*color:#000;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/

.LeftLogo {
    max-width:120px;
    float:left;
   
}

    .LeftLogo img {
    width:100%;
    max-width:120px;
    height:auto;
    }

.TopLogo {
    max-height:120px;
    float:left;
    max-width: 760px;
}

    .TopLogo img {
        width:100%;
        max-width:500px;
        height:auto;
    }



.innerContent {
    
    font-size:1.25em;
    padding-left:10px;
    max-width:600px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

.innerContent {
    font-size:1.3em;

}

}

.lead {
    font-size:18px;
}

.dxpnl-edge.t{
    left:auto !important;
    right:auto !important;
    max-width:1200px;
    
}

.dl-horizontal dt {
    white-space: normal;
}


.jumbotron ul, .jumbotron p {
    color:#000 ;
    font-size:.75em ;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}