body {    
  padding: 0px;
  background-color: #fff;  
  color:#000; font-family: 'Lato', sans-serif;  
  font-size:16px;   
}

.fs-14{font-size:14px;}
.fs-15{font-size:15px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}  
.fs-20{font-size:20px;}   
.fs-22{font-size:22px;}   
.fs-26{font-size:26px;}                                   
.fs-30{font-size:30px;}
.fs-32{font-size:32px;}
        
                                                             
.vcenter{display: flex; align-items: center;}   
.orangestar{color:#ff6200; font-size:7px;}     

.cta { display: inline-block; background: #fff; color: #000; padding: 12px 24px; text-decoration: none; border-radius: 8px;  margin-top: 20px;  border-style: solid;    border-color: #000;  border-width: 1px; }
.cta:hover { background: #f6f6f6; text-decoration: none; color: #000;}
footer { background: #2b2b2b; color: #fff; text-align: center; padding: 20px; margin-top: 40px; }

                                                                  
.row  {margin:0px; padding: 0px 15px; border: 0px solid #0f0;}
.rowmain{min-height:350px;}

/* 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: 0px solid #f00;      
}
.navbar-wrapper .navbar {
  padding-right: 10px;
  padding-left: 10px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
 
 
.navbar {    
  min-height: 20px; 
  border: 0px solid #f00;     
  padding-top:0px;  
  font-size:15px;   
  margin:0px; padding:0px;    
  background-color: #fff; 
  font-family: 'Montserrat', sans-serif;  
}


 .navbar-nav 
{ 
    float:left;
    width:100%;
    text-align: center;         
}  
                                         

.navbar-nav > .nav-item > a {color:#000;}    
.nav-item{font-size:18px; font-weight:bold;}
.nav-link:hover{color:#f0f; background:#ddd;}  


a.dropdown-item {color:#fff;}   
a:hover.dropdown-item {color:#ff001a; background-color: #f7921d;}  

.navbar-toggler-icon {background-image: url('/images/hamburger-icon.png');}  

                                                                           

/* centers over two lines   */
.navbar-nav li {float: none; display: inline-block; border: 0px solid #0f0;}


.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; 
  border: 0px solid #f00;
  padding:7px; 
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #f58733;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #f58733;    
}
     
     
     
     
.dropdown-menu {   
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;    
  background-color: #000;    
  border: 1px solid rgba(255, 255, 255, .50); 
  background-color: #f7921d; 
  border:1px solid #000;      
}
.dropdown-menu > li > a {
  padding: 3px 10px;  
  color: #fff; 
  min-width: 160px;
}  
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #f58733;  
  background-color: #000;
}    
     
    
/* add these to get nav bar sub menus on hover rather than click  */
 .dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}   
     
 
.adminlinks {
  padding-left: 20px;
  list-style: none;
}
     
.adminlinks a{
  color:#00f;
}
 .adminlinks a:hover, .adminlinks a:focus{
  color:#ff9009;
  text-decoration: none;
}      
     

.list-unstyled a{
  color:#fff;
}

 .list-unstyled a:hover, .list-unstyled a:focus{
  color:#ff9009;
  text-decoration: none;
}    
     
 
     
     
#examples{text-align: center;}

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


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


  h1 {      
  color:000; 
  font-weight:bold; 
  font-size:24px;       
}

  h2,h3 {      
  color:#c45e00; 
  font-weight:bold; 
  font-size:24px; 
  margin-bottom: 10px;      
}
      

 .jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1 {
    font-size: 41px;
    margin:0px;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}


.btn-small {
  padding: 1px 5px;
  font-size: 12px; 
  line-height: 1.2;
  border-radius: 3px;
}

.btn-medium {
  padding: 5px 5px;
  font-size: 13px;
  font-weight:bold;
  line-height: 1.2;
  border-radius: 3px;
}


input[type="submit"]
{
    color: #000;
    font-weight:bold;   
    border-color: #000;   
    background:#ddd;  
}  

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"].focus,
input[type="submit"]:active,
input[type="submit"].active{
  color: #000;
  font-weight:bold;  
  background: #ddd;
  border-color: #000;
}


.adminform{padding-left:3px; border: 1px solid #000; color:#000;}



.btn-orange {
  color: #fff;
  font-weight:bold;
  background-color: #ff9009;
  border-color: #000;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active{
  color: #fff;
  background-color: #f08400;
  border-color: #000;
}


.btn-grey {
  color: #aaa;
  font-weight:bold;
  background-color: #eee;
  border-color: #aaa;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey.focus,
.btn-grey:active,
.btn-grey.active{
  color: #aaa;
  background-color: #eee;
  border-color: #aaa;
}






.btn-red {
  color: #fff;
  font-weight:bold;
  background-color: #d9534f;
  border-color: #000;
}
.btn-red:hover,
.btn-red:focus,
.btn-red.focus,
.btn-red:active,
.btn-red.active{
  color: #fff;
  background-color: #c9302c;
  border-color: #000;
}

 .btn-green {
  color: #fff;
  font-weight:bold;       
  background-color: #5cb85c;
  border-color: #000;
}
.btn-green:hover,
.btn-green:focus,
.btn-green.focus,
.btn-green:active,
.btn-green.active {
  color: #fff;
  background-color: #449d44;
  border-color: #000;
}
    

.img-circle {  
  border-radius: 50%; 
  background-color: #f08400;
  padding:1px;
}

    

 .alert-news {
  padding: 8px;
  margin: 5px 0px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #000;
  background-color: #d9edf7;
  border-color: #000;
  line-height: 14px;
}
.alert-news h2 {
  margin-top: 0;
  font-weight:bold;
  color: inherit;
  font-size:18px;
}
    
.alert-bio{
  padding: 10px;   
  margin: 0px 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #000;
  background-color: #ffc;
  border-color: #000;
  font-size:16px;
  line-height: 18px;      
}
.alert-bio h2 {
  margin: 0px;
  padding: 3px 0px;
  font-weight:bold;
  color: inherit;
  font-size:20px;
  
}

/*
#training .table > thead > tr > th,
#training .table > tbody > tr > th,
#training .table > tfoot > tr > th,
#training .table > thead > tr > td,
#training .table > tbody > tr > td,
#training .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align:middle;
  border-top: 1px solid #fff;  
  font-size:18px;
  font-weight:bold;    
}
*/
      
.training{
  padding: 8px;
  line-height: 25px;    
  font-size:18px;
  font-weight:bold;   
    
}



 
   /*
 * Footer
 */

.blog-footer {
  padding: 40px 0;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-top: 0px solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

    


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

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

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



      /* //////////////////////////////////////////////////////////////////////////////////////////////
    //   Default Modal Styles   //
////////////////////////////////////////////////////////////////////////////////////////////// */
/*   This is the background overlay   */
.backgroundOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .85;
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    z-index: 101;
    display: none;
}
/*   This is the Popup Window   */
.delayedPopupWindow {
    display: none;
    position: fixed;
    width: auto;     
    height:  auto;        
    top: 2%;
    left: 22%;   
    right: 22%;               
    background-color: #000;
    border: 2px solid #111;
    padding-bottom:20px;
    z-index: 102;      
    text-align: center;   
    
}
/*   This is the closing button  */
#btnClose {
    width:100%;     
    display: block;
    text-align: right;
    text-decoration: none;
    color: #BCBCBC;
}
/*   This is the closing button hover state  */
#btnClose:hover {
    color: #c90c12;
}
/*   This is the description headline and paragraph for the form   */
#delayedPopup > div.formDescription {
    float: left;
    display: block;
    width: 100%;         
    padding: 1% 3%;
    font-size: 18px;
    color: #666;
    clear: left;
}


#privacy{font-size:14px; color:#000; padding-bottom:50px;}
#privacy ul{list-style-type:square;} 
#privacy li{display: list-item; line-height:20px;}

.PrivacyDeclaration{font-size:12px; padding:20px;  border: 1px solid #aaaaaa;}
.PrivacyTableHeader {font-weight: bold; border-bottom: 1px solid #777777; text-align: left; padding: 4px;}
.PrivacyTableHeader[dir='rtl'] {text-align: right;}
.PrivacyTableCell {text-overflow: ellipsis; word-wrap: break-word; border-bottom: 1px solid #777777; vertical-align: top; padding: 4px 4px 5px 4px;}
.PrivacyDeclaration th, .PrivacyDeclaration td {border: 1px solid #777777; padding:2px;}

                                      
.CookieDeclaration{font-size:16px; padding:20px;}
.CookieDeclarationDialogText, .CookieDeclarationIntro {margin: 0 0 14px 0}
.CookieDeclarationType {font-size:12px; display: block; margin: 12px 0 12px 0; padding:8px 8px 0 8px; border: 1px solid #333333; vertical-align: top;}
.CookieDeclarationTypeHeader {font-weight: bold;}
.CookieDeclarationTypeDescription {margin: 2px 0 16px 0;}
.CookieDeclarationTable {table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0 0 18px 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
.CookieDeclarationTableHeader {font-weight: bold; border-bottom: 1px solid #777777; text-align: left; padding: 4px;}
.CookieDeclarationTableHeader[dir='rtl'] {text-align: right;}
.CookieDeclarationTableCell {text-overflow: ellipsis; word-wrap: break-word; border-bottom: 1px solid #777777; vertical-align: top; padding: 4px 4px 5px 4px;}