.table1 { width:100%}
.table1 th,td { padding:5px; vertical-align:top;}
.table1 th { background-color:#8faa56; color:#fff;}

.btn1 { width:100px;}

.marginL10 { margin-left:10px;}

.none { display:none}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.bg-txt{ background-color:#ffffcc}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}


/*
 * --------------------------------------------------
 * 1. General Elements *** B/W ***

img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}

 *--------------------------------------------------
 */
 .none { display:none}
 
 .bold { font-weight:bold}
 
#navigation {
  /* 1. Navigation wrapper */
}
#highlighted {
  /* 2. Highlighted (below header) wrapper */
}
#content {
  /* 3. Content wrapper */
}
#content-below {
  /* 4. Content Below wrapper */
}
#footer {
  /* 5. Footer wrapper */
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (min-width: 768px) {
  /* Small devices (tablets, 768px and up) */
}
@media (min-width: 992px) {
  /* Medium devices (desktops, 992px and up) */
}
@media (min-width: 1200px) {
  /* Large devices (large desktops, 1200px and up) */
}