body {
    padding-top: 50px;
    padding-bottom: 20px;    
}

/* Set padding to keep content from hitting the edges (larger width screens.. tablets and PCs) */
.body-content {
    padding-left: 45px;
    padding-right: 35px;
}
/*  Keep width down on site and more in center of page*/
body .container{
  max-width:800px;
}
    
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Override the default bootstrap behavior add extra padding to better separate the navigation page header to the body content */
body { padding-top: 140px; }
/* mobile devices */
@media screen and (max-width: 768px) {
    body { padding-top: 190px; }
    .body-content {
    padding-left: 10px;
    padding-right: 10px;
}
}
/* Override the default bootstrap behavior remove border from list */
li.borderless {
  border: 0 none;
  list-style-type: disc;  
}

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

/* Override navbar background
.navbar{
  background: url(./images/banner.bmp) repeat-x;
}*/
/* Override navbar background and font color*/
.navbar{ 
  background: url(./images/banner.bmp);
  color: #FFFFFF;
}
/* Override navbar menu page links*/
.navbar .nav > li > a {          
    color:  #FFFFFF;
}
.navbar .nav > li > a:hover {      
    color:  #CCCCCC;
}