body {    
  padding: 0px;             
  font-family: 'Jaldi'; font-size: 16px;  
  background-color: #fff;  
}

header {background-color: #000;}

.container{background-color: #fff;}     
#toplogo .container{background-color: #000;}   


.navbar {background-color: #000;}      
.navbar-header{background-color: #000; margin:0px; padding:0px;}    
.navbar-collapse {background-color: #000; margin:0px; padding:0px; height:10px;}  


.row  {margin:10px;}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;      
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {  
  border: 1px solid #f00;      
}
.navbar-wrapper .navbar {
  padding-right: 10px;
  padding-left: 10px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
 
 
.navbar {      
  border: 0px solid #f00;   
  margin:0px;
  padding:0px;      
  font-size:16px; 
  background-color: #000;     
}



.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}


.navbar-brand
{      
    /*
    background-image: url(../cwslogo.png);
   background-repeat: no-repeat;
   background-size: 318px 50px;
   display: block;
   height: 50px;   
   width: 350px;    */
}

   


.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;      
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;    
}


               

.navbar-static-top{background-color: #000;}    


#examples{text-align: center;}

#examples img{border: 1px solid #ddd;}


#siteinfo{font-size:16px; padding-top:30px;}


  h1 { 
 
}


 .top-intro {
  padding: 0px 0px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
  font-size:23px;
  line-height: 26px;
}
.top-intro h1 {
    font-size: 30px;
    margin:0px;
    font-family: 'Baloo';
    color:#333;
}

.top-intro h2 {
    font-size: 24px;
    margin:15px 0 0 0;
    font-family: 'Baloo';
    color:#333;
}

.top-intro p {
  margin-bottom: 5px;  
  font-size: 20px;  
  line-height: 24px;
  color:#000;
}




ul{list-style-type:square;} 
li{display: list-item; font-size:18px; line-height:20px;}
  
            



.top-intro > hr {
  border-top-color: #d5d5d5;
}
.container .top-intro,
.container-fluid .top-intro {
  border-radius: 6px;
}
.top-intro .container {
  max-width: 100%;
}

.mid-intro {margin-top:20px;}
 .mid-intro p {
  margin-bottom: 5px;  
  font-size: 18px;  
  line-height: 22px;
  color:#000;
}
.mid-intro h2 {
    font-size: 22px;
    margin:0px;
    font-family: 'Baloo';
    color:#333;
}

.mid-intro h3{
    font-size: 20px;
    margin:0px;
    font-family: 'Baloo';
    color:#000;
}

.mid-intro h4, .mid-intro h6{
    font-size: 18px;
    margin:0px;
    font-family: 'Baloo';
    color:#000;
    padding:10px 0 0 10px;
}
    
.indented{padding-left:10px;}
         

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}



.cws-footer{background-color: black; padding-bottom:30px; min-height:200px;}
.cws-footer .container{background-color: black;}   
.cws-footer .row{color:#fff;}
.cws-footer .row a{color: #fff; padding:0 10px;}   
.cws-footer .contact{color: #fff; padding:10px;}
.cws-footer .contact a{color: #fff; padding:0 5px;}
.cws-footer .cws{color: #fff; font-size:12px; line-height:1.25; margin-top:40px;}







 /* EMAIL */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=submit] {
    font-size:20px;
    padding: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.form_error{
    color:#f00; 
    font-weight:bold;  
}             


/* Add a background color and some padding around the form */
.emailcontainer {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}