/* Move down content because we have a fixed navbar that is 50px tall */

h1.entry-title, h2.entry-title {
    
    color: #0d6cbf;
    
}


.footer
{
    width:1024px;
    color:black ;
    background-color: #cccccc;
   
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0 auto;
    /*can not set padding-left here >> will caused move to left for the whole div*/
    text-align:left ;
    line-height: normal;
    font-size: 12px ;
    
    position:fixed;
    bottom:0;
    
}

body {
    font-family:Verdana ;
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    font-family:Verdana;
    font-size:12px;
    padding:15px;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.title
{
    font-family:Verdana ;
    font-size: 20px;
    color: Red;
    margin-bottom: 10px;
}

.header
{
      /*
 background-color: #36AD15;
color: white; 
*/
    padding: 5px 5px 5px 10px; 
    background-color: #cccccc; 
    font-weight: bold
}

.headerDown
{
    padding: 5px 5px 5px 25px; 
    background-color: #cccccc; 
    background-position: 5px;
    background-image: url(../Images/ArrowDown.png);
    background-repeat: no-repeat;
    font-weight: bold;
    vertical-align:middle;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 10px;
    }
    .body-content {
        padding: 15px;
        font-size:14px;
    }
}