/* CSS Document */
@font-face {
    /*font-family: 'Conv_Dezen_Pro_Regular_2';*/
    font-family:Arial;
   /* src: url('../fonts/Dezen_Pro_Regular_2.eot');
    src: url('../fonts/Dezen_Pro_Regular_2.woff') format('woff'), url('../fonts/Dezen_Pro_Regular_2.ttf') format('truetype'), url('../fonts/Dezen_Pro_Regular_2.svg') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

html body
{
    padding: 0;
    margin: 0;
    font-size: 12px;
    background-color: #ffffff;
    /*font-family: 'Conv_Dezen_Pro_Regular_2';*/
      font-family:Arial;
   
  
    
}

 a:link
{
    text-decoration:none;
    color:#336600;
}

 a:hover
{
    color:#66CB00;
}

 a:visited
{
    text-decoration:none;
    color:#336600;
}

 a1:link
{
    text-decoration:none;
    color:#ac9627;
}

 a1:hover
{
    color:#ac9627;
}

 a1:visited
{
    text-decoration:none;
    color:#014d89;
}

.main-wrapper
{
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;   
    
}

.header
{
    margin-left:auto;
    margin-right:auto;
    width: 100%;
    height: 82px;
   
}
.header1
{
    margin-left:auto;
    margin-right:auto;
    width: 1002px;
    height: 82px;
    border:0px solid red;
    
}
.logo
{
    float : left;
    width: 223px;   
    background-image: url('../gif/BBGlogo.jpg');
    background-repeat: no-repeat;
    
    
}

.top
{
    float: right;
    margin-top: 15px;
    width: 296px;
    height: 48px;
}

.search
{
    float: right;
    clear: both;
    width: 196px;
    height: 22px;

}

.search input[type="text"]
{
    float: left;
    width: 153px;
    height: 19px;
    background-color: #e7e7e7;
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    color: #868687;
}

.search-btn
{
    float: right;
    height: 22px;
    width: 24px;
    background-color: #e7e7e7;
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    text-transform: uppercase;
    color: #8d8d8f;
    text-align: center;
    line-height: 20px;
}

.top-menu
{
    float: right;
    clear: both;
    height: 26px;
    width: 196px;
    margin-top: 10px;
   
    font-family:Arial;

    
}

.top-menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
      font-family:Arial;
      border: 0px solid red;
      font-style:normal;
      
}

.top-menu ul li
{
    float: left;
    margin-right: 10px;
    list-style: none;
    list-style-type: none;
    font-size: 11px;
      font-family:Arial;
      font-style:normal;
      
      
}


.top-menu ul li:nth-child(3)
{
    margin-right: 10px;
    
}

.top-menu ul li:last-child
{
    margin-right: 0px;
}


.top-menu ul li a
{
    text-decoration: none;
    color: #868687;
}

.top-menu ul li a:hover
{
    color: #cfa688;
}

.menu-wrapper
{
    width:100%;
    height:36px;
    background-color:#360;
    position:relative;
    min-width:1002px;
}

.main-menu
{
    width: 1002px;
    height: 100%;
    margin: auto auto;
    line-height: 36px;
        

}

.main-menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}


.main-menu ul li
{
    float: left;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 15px;
  border:0px solid yellow;
    font-family:Arial;
    font-style:normal;
    text-decoration:none;
}

.main-menu ul li:first-child
{
   
    margin-left:28px;
    font-family:Arial;
   
}

.main-menu ul li a
{
    text-decoration: none;
    color: #ffffff;
    font-family:Arial;
}

.main-menu ul li a:hover
{
    
    color: #d7c050 ;
    font-family:Arial;
}

.main
{
    margin-left:auto;
    margin-right:auto;
    width: 1002px;
    height: auto;
    font-family:Arial;

}
.main-top
{
    width: 100%;
    height: 100%;
    margin-top:2px;
    border:0px solid red;
    font-family:Arial;
    

}
.main-slider
{
    /*background-image:url('../gif/animation1.jpg');
    background-position:left;
    background-repeat:no-repeat;*/
    position:absolute;
    width:621px;
    height:339px;
    z-index:0;
    border:0px solid red;
    
}

.main-slider:before
{
content:"";
width:621px;
height:339px;
position:absolute; 
/*z-index:1;*/

}
.slider-bg
{
    float:right;
    background-image:url('../gif/bg-white.png');
    background-position:right;
    background-repeat:no-repeat;
    width:554px;
    height:339px;
    border:0px solid red;
    z-index:1;
    position:relative; 
}
.slider-text
{
    float:right;
    width:345px;
    height:300px;
    border:0px solid red;
    margin-top:30px;
    margin-right:25px;
}

.slider-text h1
{
    text-align:left;
    color:#014d89;
   
    font-size:33.24px;
    font-weight:normal;
    padding:0;
    margin:0 0 34px 0;
   
  
}

.slider-text h2
{
    text-align:left;
    color:#499100;
    font-size:27px;
    font-weight:bold;
    padding:0;
    margin:0;
  
     
}

.slider-text p
{
    text-align:left;
    color:#646464;
    font-size:15px;
	line-height:25px;
     
}

/*.slider-text a
{
    text-decoration:none;
    color:#014d89;
}*/


.main-bottom
{
    width: 100%;
    height: 280px;
    border:0px solid red;
}

.main-bottom h1
{
    color:#014d89;
    font-weight:normal;
    font-size:22px;
    margin:0;
    padding:0;
   
}

.latest-news
{
    float:left;
    width:300px;
    height:146px;
    margin-left:28px;
    border:0px solid blue;
}

.latest-news h1
{
    margin-top:20px;
    margin-bottom:15px;
}

.l-date
{
    float:left;
    clear:both;
    color:#737373;
}

.l-news
{
    float:left;
    font-size:13px;
    color:#969696;
    margin-top:20px;
}

.bod
{
padding:5px;
    border:3px solid #C7DDC1;    
	width:330px;
    height:146px;
    background-color:white;
}

.bod div
{
   
    width:300px;
    height:113px;
    margin:19px 0 0 0px;
    border:0px solid green;
   
}

.bod div h1
{
   padding-bottom:5px;
   border-bottom:0px solid #d0d6dc;
   margin-bottom:15px;
}

.bod div .icon
{
  float:left;
  height:50px;
  width:80px;
  margin:0;
  padding:0;
  
}

.bod div .text
{
  float:left;
  height:80px;
  width:195px;
  border:0px solid red;;
  padding:0;
  text-align:justify;
  font-size:13px;
  margin-top:-15px;
  color:#565655;
  margin-left:5px;
}

.footer-wrapper
{
    width:100%;
    height:30px;
    border-top:1px solid #e6e6e6;
}

.footer
{
    margin: auto auto;
    width: 1002px;
    
}

.footer div:first-child
{
    float:left;
    margin-top:9px;
    margin-left:28px;
    color:#336600;
    font-size:11px;
}

.footer div:first-child a
{
   margin-left:20px;
   color:#336600;
}

.footer div:first-child a:hover
{
  
   color:#66CB00;
}

.footer div:last-child
{
    float:right;
    margin-top:9px;
}

.footer div:last-child img
{
    border:0;
    max-width:16px;
    max-height:16px;
    margin-left:5px;
}

/* Sub page */

.sub
{
    width:1002px;
    min-height:600px;
    overflow:auto;
    margin:2px auto auto auto;
    background-image:url('../gif/sub.jpg');
    background-repeat:no-repeat;
    background-position:top left;
    z-index:0;
    position:relative;
}
.sub1
{
    width:1000px;
    min-height:600px;
    overflow:auto;
    margin:0px auto auto auto;
    background-image:url('../gif/sub-overlay.png');
    background-repeat:no-repeat;
    background-position:top left;
    z-index:0;
    position:relative;
}

.sssub:before
{
content:"";
width:621px;
height:339px;
position:absolute; 
/*z-index:1;
top:auto;
left:auto;
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to left,  rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
*/
}

.sub-right
{
    float:right;
    width:643px;
    height:auto;
    margin-top:48px;
    
    z-index:1;
    position:relative;
    text-align:justify;
    
}

.sub-title
{
    float:right;
    width:100%;
    clear:both;
    margin-right: 0px;
}

.sub-txt p
{
    width:97%;
    clear:both;
    text-align:justify;
    
}
.sub-right h1
{
    
    text-align:left;
    margin:0 0 36px 0;
    padding:0;
    color:#014d89;
    font-weight:normal;
    font-size:18px;
   
   
}

.sub-right h2
{
    
    text-align:left;
     margin:0 0 30px 0;
    padding:0;
    color:#5f5f5f;
    font-weight:normal;
    font-size:15px;
    
}

.sub-right h3
{
    
    text-align:left;
     margin:0 0 30px 0;
    padding:0;
    color:#5f5f5f;
    font-weight:normal;
    font-size:13px;
   
}

.sub-right p
{
    
    text-align:justify;  
    font-size:13px;
    color:#4A4A4A;
    line-height:16px;
    
}

.sub-left
{
    float:left;
    width:320px;
    height:auto;
    margin-top:283px;
    margin-left:28px; 
    border:0px solid green;
    position:relative;
    z-index:1;
    font-size:12px;
   
}

.sub-left ul 
{
    list-style:none;
    list-style-type:none;
    margin:0;
    padding:0;
 
    
    }
    

.sub-left ul li
{
   display:block;
   width:299px;
    /* height:24px;*/
    background-color:#e3ebf2;
    border-bottom:1px solid #bed2e3;
    text-indent:10px; /*10 px*/
    line-height:24px;
     
}


.sub-left ul li ul li
{
   
    width:284px;
    background-color:#ffffff;
    display:block;
    border-bottom:1px solid #bed2e3;
    padding-left:15px; /*15*/
    line-height:24px;
    text-indent:-4px;
 
}

.sub-left ul li ul li ul li
{
   
    width:284px;
    background-color:#ffffff;
    display:block;
    border-bottom:1px solid #bed2e3;
    padding-left:0px;
    line-height:24px;
    
    
 
}
.sub-left ul li ul li:first-child
{
   
    border-top:1px solid #bed2e3;
}

.sub-left ul li ul li:last-child
{
   
    border-bottom:0px solid #bed2e3;
}


.sub-left ul li a
{
    text-decoration:none;
    color:#7b7878;
}

.HomeSliderBlock
{
    clear: both;
    font-family: "Lato" !important;
    height: 50px;
    margin: auto;
    width: 500px;
}
.HomeSliderBlockLine
{
color:#360;
}

.HomeSliderBlockLine1
{
color:white;
}
.HomeSliderBlockLine2
{
color:red;
}
.slidecontainer
{
height:500px;
border:1px solid red;
}