html {
    border:0;
    margin:0 auto;
    padding:0;
    height: 100%;
}
body {
  background-color: #2B2B27;
  color:#ccc;
  font-size: 150.01%;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  line-height: 1.5em;
  color:000;
  margin:0 auto;
  padding:0;
  background-image: url(http://www.phillipsbuildingbloomsburg.com/cms/assets/_core/images/background.png);
    background-repeat: repeat-x;
    background-color: #183020;
  /* background-position: center 10px; */
}

#title {
    background: #434a5b; /* Old browsers */

    font: bold Arial, Georgia, Verdana;
    font-size:120%;
    color: #FFFFFF;
    padding:6px 0 6px 0;
    margin-top:5px;
    margin-bottom: 5px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #666666;
}

/* ################ GLOBAL ################ */
@font-face {
    font-family: 'Cachet-Bold';
    src: url('Cachet-Bold.eot?#iefix') format('embedded-opentype'),  
         url('Cachet-Bold.ttf')  format('truetype'),
         url('Cachet-Bold.svg#Cachet-Bold') format('svg'),
         url('Cachet-Bold.woff#Cachet-Bold') format('woff'),
         url('Cachet-Bold.otf#Cachet-Bold') format('otf');
         }
@font-face {
    font-family: 'Cachet-Book';
    src: url('Cachet-Book.eot?#iefix') format('embedded-opentype'),  
         url('Cachet-Book.ttf')  format('truetype'),
         url('Cachet-Book.svg#Cachet-Bold') format('svg'),
         url('Cachet-Book.woff#Cachet-Bold') format('woff'),
         url('Cachet-Book.otf#Cachet-Bold') format('otf');
         }
@font-face {
    font-family: 'Cachet-Medium';
    src: url('Cachet-Medium.eot?#iefix') format('embedded-opentype'),  
         url('Cachet-Medium.ttf')  format('truetype'),
         url('Cachet-Medium.svg#Cachet-Bold') format('svg'),
         url('Cachet-Medium.woff#Cachet-Bold') format('woff'),
         url('Cachet-Medium.otf#Cachet-Bold') format('otf');
    }
    
h2 {
    color:#D2FF00;
    fpnt-weight:800;
    margin:5px; 0;
}
    
h3 { color:#D2FF00;
    fpnt-weight:800;
    margin:5px; 0;
    
}  

h4 {
color:#FFC000;
}  
    
#mainwrap {
    width: 100%;
    margin: 0 auto;

    
}


@media (max-width:400px) {
    
    
 #mainwrap {
    width: 100%;

   }
}



.adjustimg {
    width:70%;
}
@media (min-width: 768px) {
.adjustimg {
   width:40%;
}
}


#maincontainer {

    position:relative;
    margin:0 auto;
    padding: 0 0 0 0;
    position:relative;
    
    background-color:#232122;

 /*   background-image: url(/cms-phem/assets/_core/images/PEbackground1.jpg);
    background-repeat: repeat-y;
*/

}

.articlebackgroundno {

    padding:15px 5px 5px 15px;
    margin-bottom: 15px;
    color:#ccc;
    margin-left:10px;
 
}
/*  Color 01   
*/
.articlebackground {
    background-color: #ffffff; /* #FAF0EE; 8?
/*    border: 8px solid #564B41; */
/*    padding:10px; */
    margin-bottom: 1px;
    color:#ccc;
    font-family: inherit;
    font-size:130%;
    line-height: 1.4em;
    padding:15px 15px 5px 15px;
    
   
}
/*   Color 02  */
.articlebackgroundot {
    background-color: #cccccc; 
}

/*  color 03
*/
.articlebackgroundob {
    background-color:#fff;
    padding:0px 0px 12px 5px;
  
}
/* color 4  
*/
.articlebackgroundnr {
     
    padding:0px;
    margin:0; 
    background-color:#FFFFFF;
    border-bottom: 1px solid #308528;
    color:#000;
}

.articlebackground2 {
    background-color: #fff; 
     border-bottom: 1px solid #2F559C;
} 

.tpl12 {
  /*  padding:15px; */
}

#blockdata {  
    /*padding:10px;*/
    vertical-align:top;
    font-family: Arial, Verdana;
    color: #FFFFFF;
    padding:5px;
    font-size:120%;
    line-height:1.5em;
}

#datablock5 {
    padding: 10px;
    padding-top:7px;
    font-size:12px;
    font-family:arial;
    text-align:left;
    margin-top:30px;
    background-color:#232122;
    margin-left:5px;
    
    color:#FFFFFF;
    line-height: 1.7em;
}


#datablock5 img {
margin-bottom:5px;}

#block1ban img {width:200px;}
#block5ban img {width:200px;}

.copyright {
    margin:0 auto;
    padding-top: 8px;
    color:#FFF;
    font-size:14px;
    font-weight:800;
    text-align:center;
}
.tpl20 {
    margin-top:-10px;
    padding 0 15px;
}  

.tplban {
   /* background-image: url(/cms/assets/_core/images/aquatics-banner.png); 
    background-repeat: repeat-x; */
    background-color: #212121; 
    font-family: Tahoma;
    font-size: 16px;
    color: #FFF;
    text-align:left;
    border-top: 1px solid #ccc;
    padding-left: 10px;
    height: 35px;
    vertical-align: middle;
   /* background-image: url(http://www.honduranfellowship.org/cms1/assets/_core/images/title-bk.png); */
    } 


.long-email {
    width:94%;
word-wrap: break-word;   
}

/*  ##############################################  Make all changes to Boot strap Below this line ########################################### */

.navbar-brand {
    float:right;
}
.navbar-toggle {
   margin-right: 5px;
    background-color: #ccc;
    padding:3px;
}
.navbar-default {
  background-color: #ac7028;
  width:100%;  
  padding-left: 2%;
  margin:0 auto; 
  margin-top:-23px;
 
 

/*-webkit-box-shadow: 0px 10px 0px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 10px 0px 0px rgba(204,204,204,1);
box-shadow: 0px 8px 0px 0px #FFA300;
border-bottom: 9px solid #FFA300;  */
}

.navbar-default .navbar-text {
  color: #FFFFFF;
  font-weight:800;
}
.navbar-default .navbar-nav > li > a {
  color:#ffffff;
  text-decoration: none;
  font-weight:800;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #FFF;
  padding:14px 15px 15px 15px;
  background-color: #202020;
}
.navbar-default .navbar-nav > .open > a {
    color: #FFF;
    background-color: #2f8527;
}
.nav {
    background-color: transparent;
    
}
.nav > li > a {
  position: relative;
  display: block;
  padding:14px 15px 15px 15px;
  font-size: 16px;
}
.dropdown-menu {
    background-color: #FAFEE7;
    color:#000;
}
.dropdown-menu > li > a {
    color:#000;
    font-size:16px;
    font-weight:800;
}
.dropdown-menu > li > a:hover,
.dropdown-menu  > li > a:focus {
  color: #FFF;

  background-color: #2f8257;
  
dropdown-open [
background-color:#2f8257;;
]

}

table {
    border-spacing:0px;
}
    
.embed-container {
 position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; 
}


.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute; top: 0; left: 0%; width: 100%; height: 100%;
 }    
 
 .dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* ################ FOOTER ############### */

#footer-wrap {
    position: relative;
    bottom: 0;
    left: 0;
    min-width: 100%;
    margin: 0 auto;
    
    }

#footer-container {
    min-height: 140px;
    margin: 0 auto;
    color: #FFFFFF;
     background-color:#232122;
    margin-top:-0px;



    
}

#footer {
    text-align:center;
    font-weight:bold;
    font-size:12px;
    color: #FFFFFF;
    min-height:100px;
  
}
/*
.footernav {font-size: 12px; font-weight: 200; color:#3863C3;}    
.footernav A {font-size: 12px; color: #3863C3; text-decoration: none;}
.footernav A:visited {font-size: 12px; color:#3863C3;}
.footernav A:hover { color: #000; font-size: 12px;}
}
*/