/* CSS For BGCBC HomePage */
 html {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;}
  
 body{
    margin: 0px;
    padding: 15px 20px 10px 20px;
    background-color: #fff;
}
 img {
    border: none;    
}
.Top {float:right;}
 .hide{
  display:none;} 
 .sitemap_secondlevel .hide{
  display: inline;
  line-height:200%;}
 .leftlinks_child .hide{
  display:none;} 
  
 .footerdark .hide, .footerlight .hide, .footerwhite .hide{
  display: inline;} 
  
 div {
    margin-left: 0px;
    padding-left: 0px;
    color: #000000;
}
 p {
    margin-bottom: 1px;
    color: #000;
    margin-left: 5px;
} 
 a {
     color:#999999;
     text-decoration:none;
  }
  
 a:hover {text-decoration:none;
  color:#666;}
  
 ul, li{
    margin-left: 20px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-top:2px;
    list-style-image: url(/images/RedTriangle.jpg);
} 
  
 li{
  margin-left: 10px;
  padding-left: 0;
  margin-top: 2px;
  margin-bottom: 2px;
  list-style-image:url(/images/RedTriangle.jpg);}
  ol li{
  list-style-image:none;
  }

  
 h1.home{
    font-size:100%;
    margin-left: 5px;
} 
 h1{
  font-size: 130%;
  font-weight:bold;
  color: #000000;
  padding-top:5px;} 
  
 h2{
  font-size: 120%;
  font-weight:bold;
  color: #000000;
  padding-top:5px;}  
  
 h3{
  font-size: 110%;
  font-weight: bold;
  color: #666;
  padding-top:5px;}
  
  
 
  
  
  caption
 .clear {
  clear: both;
  } 
caption {
    text-align: left;
    font-weight: bold;
    padding: 10px 10 px 10px 0px;
    color: #FFFFFF;
}
  
 .clear { display: none; } /* */
 .box-wrap{
    background: #fff;
    border: 1px solid #666;
    color: #fff;
}
  
 .box-header{
    margin: 0;
    padding: 0;
    border: none;
    background-color:#fff;
    border-bottom: 1px solid #ccc;
    min-height: 120px;
    text-align: left;
}
.banner {
    text-align: left;
    width:100%; 
    height:100px;
}
.bannerSearch {
    text-align:left; 
    width:29.5%; 
    float:right;
}
.bannerSearchAdvanced {
    font-weight: normal;
}
.banner img {
}
.banner form{
    margin: 0px;
    padding: 0px;
    width:100%
}
.banner table {
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.banner td {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.tinytext {
    font-size: xx-small;
}
 .imagewrap{
  margin-bottom: 20px;
  margin-top: 20px;
  clear:both;} 
 
 /* ---------------- STYLES FOR THE TOP BANNER AREA -------------------------- */
 
 .header{ top:0; text-align:left;}

 .headerLogo {position:absolute; left:0; top:50; /*width:100%;*/ text-align: left; }
 /* .headerDragon {width:20%; float:left; text-align: center;} */
 .headerDragon {float:left; width:70%; padding-left:20px}


 .headerImage{ width:100%;}
 .topnav{
    color:#fff;
    padding: 4px 2px 5px 5px;
    font-size: 70%;
    text-align: left;
    background-color: #000;
}
 
 .topnav a{
  TEXT-DECORATION: none;
  color:#fff;}
 
 .topnav a:hover{
  TEXT-DECORATION: none;
  color:#ccc;}
 
 .topnav SPAN{
  FONT-SIZE: 80%}
  .logoimg img{
  padding: 0px;
  left:18px;
  top: 29px;
  border:none;
  position:absolute;}
 
 .logomore img{
  padding: 0px;
  border:none;
  position:absolute;
  }
 
 .topsearch{
  font-size: 70%;
  padding: 10px;
  z-index:100;
  }
  
 #topsearch .searchinput{
  font-size: 60%;
  width: 120px;
  height: 20px;
  border: 1px solid;
  padding: 1px 1px 1px 5px;}
  
 .searchbutton{
    font-size: 110%;
    height: 20px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}
  
 .button{
  font-size: 90%;
  background-color: #ccc;
  border: 1px gray solid;
  padding: 1px 0px 1px 0px;}
  
  
  .logotopheader{
  border:none;
  position:absolute;
  background-color: #000000;
  padding: 4px 2px 5px 2px;
  font-size: 70%;
  text-align: right;
   
  
  }
 
 /* ------------------ STYLES FOR THE LEFT HAND SIDE ------------------------------- */
 
 .homelink{
    width:100%;
}
  .homelink a{
  text-align:left;
  font-size:80%;
  display:block;
  background-color: #666;
  border-bottom: 2px solid #fff;
  color:#fff;
  text-decoration:none;
  padding: 2px;
  text-transform:capitalize;}
 
 .homelink a:hover{
    display:block;
    border-bottom: 2px solid #fff;
    text-decoration:none;
    color: #CCCCCC;
}
 .level_2_OFF {  text-align:left;  font-size:80%;  color:#fff;  background-color:#C0C0C0;  width:100%;}  
 .level_2_OFF a {    text-align:left;    display:block;    background-color:#999;    border-bottom: 2px solid #fff;    color:#fff;    text-decoration:none;    padding: 2px 2px 2px 2px;  }
 .level_2_OFF a:hover {  color:#666666;  text-decoration:none;}
 
 .level_2_ON {  text-align:left;  font-size:80%;  color:#fff;  background-color:#FF0000;  width:100%;}  
 .level_2_ON a {    text-align:left;    display:block;    background-color:#FF0000;    border-bottom: 2px solid #fff;    color:#FFFFFF;    text-decoration:none;    padding: 2px 2px 2px 2px;  }
 .level_2_ON a:hover {  color:#CCCCCC;  text-decoration:none;}
 
 .level_2_history{  text-align:left;  font-size:80%;  color:#fff;  background-color:#FF9999;  width:100%;}  
 .level_2_history a {    text-align:left;    display:block;    background-color:#FF9999;    border-bottom: 2px solid #fff;    color:#FFFFFF;    text-decoration:none;    padding: 2px 2px 2px 2px;  }
 .level_2_history a:hover {  color:#666666;  text-decoration:none;}
 .level_3_OFF {  text-align:left;  font-size:80%;  color:#fff;  background-color:#CACACA;  width:100%;}  
 .level_3_OFF a {    text-align:left;    display:block;    background-color:#CACACA;    border-bottom: 2px solid #fff;    color:#fff;    text-decoration:none;    padding: 2px 2px 2px 15px;  }
 .level_3_OFF a:hover {  color:#666666;  text-decoration:none;}
 .level_3_ON {  text-align:left;  font-size:80%;  color:#fff;  background-color:#FF0000;  width:100%;}  
 .level_3_ON a {    text-align:left;    display:block;    background-color:#FF0000;    border-bottom: 2px solid #fff;    color:#fff;    text-decoration:none;    padding: 2px 2px 2px 15px;  }
 .level_3_ON a:hover {  color:#666666;  text-decoration:none;} 
 .level_3_history {  text-align:left;  font-size:80%;  color:#fff;  background-color:#FF9999;  width:100%;}  
 .level_3_history a {    text-align:left;    display:block;    background-color:#FF9999;    border-bottom: 2px solid #fff;    color:#fff;    text-decoration:none;    padding: 2px 2px 2px 15px;  }
 .level_3_history a:hover {  color:#666666;  text-decoration:none;} 
 .level_4_OFF {  text-align:left;  font-size:80%;  color:#fff;  background-color:#CACACA;  width:100%;}  
 .level_4_OFF a {    text-align:left;    display:block;    background-color:#CACACA;    border-bottom: 2px solid #fff;    color:#FFF;    text-decoration:none;    padding: 2px 2px 2px 25px;  }
 .level_4_OFF a:hover {  color:#666666;  text-decoration:none;}
 .level_4_ON {  text-align:left;  font-size:80%;  color:#FFF;  background-color:#FF0000;  width:100%; }  
 .level_4_ON a {    text-align:left;    display:block;    background-color:#FF0000;    border-bottom: 2px solid #fff;    color:#FFF;    text-decoration:none;    padding: 2px 2px 2px 25px; }
 .level_4_ON a:hover {  color:#666666;  text-decoration:none;} 
 .level_4_history {  text-align:left;  font-size:80%;  color:#FFF;  background-color:#FF9999;  width:100%; }  
 .level_4_history a {    text-align:left;    display:block;    background-color:#FF9999;    border-bottom: 2px solid #fff;    color:#FFF;    text-decoration:none;    padding: 2px 2px 2px 25px; }
 .level_4_history a:hover {  color:#666666;  text-decoration:none;} 
 .level_5_OFF {  text-align:left;  font-size:80%;  color:#fff;  background-color:#CACACA;  width:100%;}  
 .level_5_OFF a {    text-align:left;    display:block;    background-color:#CACACA;    border-bottom: 2px solid #fff;    color:#FFF;    text-decoration:none;    padding: 2px 2px 2px 35px;  }
 .level_5_OFF a:hover {  color:#666666;  text-decoration:none;}
 .level_5_ON {  text-align:left;  font-size:80%;  color:#FFF;  background-color:#FF0000;  width:100%; }  
 .level_5_ON a {    text-align:left;    display:block;    background-color:#FF0000;    border-bottom: 2px solid #fff;    color:#FFF;    text-decoration:none;    padding: 2px 2px 2px 35px; }
 .level_5_ON a:hover {  color:#666666;  text-decoration:none;}

 .level_6_OFF {text-align:left;  font-size:80%;  color:#fff;  background-color:#CACACA;  width:100%;}  
 .level_6_OFF a {text-align:left;    display:block;    background-color:#CACACA;    border-bottom: 2px solid #fff;    color:#FFF;    text-decoration:none;    padding: 2px 2px 2px 45px;  }
 .level_6_OFF a:hover {color:#666666;  text-decoration:none;}
 .level_6_ON {text-align:left;  font-size:80%;  color:#FFF;  background-color:#FF0000;  width:100%; }  
 .level_6_ON a {text-align:left;    display:block;    background-color:#FF0000;    border-bottom: 2px solid #fff;    color:#FFF;    text-decoration:none;    padding: 2px 2px 2px 45px; }
 .level_6_ON a:hover {color:#666666;  text-decoration:none;} 


  .endlink{
    text-align:left;
    background-color: #666666;
    min-height: 20px;
    height: 20px;
    margin:0;
    background-image: url(/images/DropDownBox_Curved_Edge.jpg);
    background-repeat: no-repeat;
    background-position: right;
}



.leftfeature{
background-color:#fff;
border:1px solid #999;
color:#666;
font-size:75%;
margin:10px 0 10px 4px;
padding:2px;
text-align:left;
width:92%;
float:left;
}


.leftfeature a{
color:#390;
text-decoration:none;
float:left;
}

.leftfeature img,.leftfeature img a{
background-color:#fff;
border:0;
float:left;
margin:1px 1px 0;padding:0;}

.leftfeature_logo{
margin-bottom:10px;
margin-left:4px;
margin-top:10px;
padding:2px;
float:left;
text-align:left;
width:90%;}

.leftfeature_logo img{border:1px solid #999;float:left;}





/*------------------ STYLES FOR THE IMAGES ROW --------------------------- */
  
  
.column-imageone {
    height: 90px;
    width: auto;
    float: left;
    padding-left: 8px;
    text-align:left;
} 
.column-imagetwo {
    height: 90px;
    width: 17%;
    text-align: right;
    float: left;
} 
.column-imagethree {
    height: 90px;
    width: 17%;
    float: left;
    text-align: right;
} 
 .column-imagefour {
    height: 90px;
    width: 21%;
    float: left;
    text-align: right;
    /* width: 20%; */
    padding-right:5px;
} 
.column-imagefive {
    height: 90px;
    width: auto;
    float: right;
    text-align: right;
} 
 
/* -------------------------- STYLES FOR THE Print ROW --------------------------------- */ 

.printText {color:#999999; text-decoration:none;}

.column-printone {
    height: 30px;
    float: left;
    width: 20px;
        
} 

.column-printone-content {
  background-color: #fff;
  position:relative;
  overflow:hidden;
  font-size: 80%;
  text-align:left;
  padding:0;
  margin:0;}  

.column-printtwo {
    height: 30px;
    width: 8%;
    float: left;
    
} 

.column-printtwo-content {
  background-color: #fff;
  position:relative;
  overflow:hidden;
  font-size: 80%;
  text-align:left;
  padding:0;
  margin:0;}  
  
  

.column-printthree {
    height: 30px;
    width: 20%;
    float: left;
    text-align: left;
    font-size: 70%;
    
} 

.column-printthree-content {
  background-color: #fff;
  position:relative;
  overflow:hidden;
  font-size: 80%;
  text-align:left;
  padding:0;
  margin:0;}  
  
  
  
  .column-printfour {
    height: 30px;
    float: left;
    width: 6%;
    
} 

.column-printfour-content {
  background-color: #fff;
  position:relative;
  overflow:hidden;
  font-size: 80%;
  text-align:left;
  padding:0;
  margin:0;}  

.column-printfive {
    height: 30px;
    width: 20%;
    float: left;
    text-align: left;
    font-size: 70%;
    
  } 

.column-printfive-content {
  background-color: #fff;
  position:relative;
  overflow:hidden;
  font-size: 80%;
  text-align:left;
  padding:0;
  margin:0;}  


.column-printsix {
    height: 30px;
    width: 6%;
    float: left;
    text-align: left;
    
  } 

.column-printsix-content {
  background-color: #fff;
  position:relative;
  overflow:hidden;
  font-size: 80%;
  text-align:left;
  padding:0;
  margin:0;} 

.column-printseven {
    height: 30px;
    width: 20%;
    float: left;
    text-align: left;
    font-size: 70%;
    
  } 

.column-printseven-content {
  background-color: #fff;
  position:relative;
  overflow:hidden;
  font-size: 80%;
  text-align:left;
  padding:0;
  margin:0;} 


/* -------------------------- STYLES FOR THE IMAGES ROW --------------------------------- */ 
 
 .box-images{
  clear: both;
  border: none}
  
 .imagesrow{
  background-color: #fff;
  text-align: center;
  padding: 3px 10px 3px 10px;}
  
  
  
  /* ----------------Styles for the A-Z area on the home page ---------------- */
  
  
  .azfeature caption {
    color: #FFF;
    vertical-align: bottom;
    line-height: 12px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 2;
    text-align:right;
    }
  
  .tablea-z{
    background-color:#FF9999;
    border-color: #FF0000;
    border-width: 3px;
    

    border-style:inset
    color:#FFFFFF;
    font:Verdana, Arial, Helvetica, sans-serif
    
;
    text-align: center;
    font-weight: bold;
}
  
  .tablea-z a{ 
 color: #FFFFFF;
 text-decoration:none;}
  
  .tablea-z a:hover{ 
 color: #FF0000;
 text-decoration:none;}
  
  .TR#row1 {border-top:#FF0000;
  background-color:#FF0000}
  
  .TR#row2 {border-top:#FF0000}
  
  TH.a-z {text-align:center; font-weight:bold;
  vertical-align:baseline;
  speak-header:once;}
  
  TD.a-z {vertical-align:middle}
  
  
  
  .azfeature{
    margin-top:20px;
    margin-bottom: 20px;
    width:95%;
    font-size: 90%;
    vertical-align: bottom;
    position: relative;
    top: 5%;
    padding-top: -5px;
}
   .azfeature td {
    width: 15px;
    text-align: center;
    padding: 0px;
    margin: 0;
}

 /* ----------------Styles for the A-Z Page Internal---------------- */
  
  
  .captiona-zint{ caption-side:top}
  
  #row1 td {
    background-color:#FFD2D2;
    color:#FFFFFF;
    letter-spacing:inherit;
    text-align: center;
    font-weight: bold;
    padding: 5;
    width: 2em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #999999;
    border-bottom-color: #999999;}

   
  .tablea-zint a{
    color: #FFFFFF;
    text-decoration:none;
    }

  #row1 td a:link {color: #BBB; text-decoration:none;}
  #row1 td a:visited {color: #BBB; text-decoration:none;}
  #row1 td a:hover {color: #F00; text-decoration:none;}
  
  .TR#row1int {border-top:#FF0000;
  background-color:#FF0000}
  
  .TR#row2int {border-top:#FF0000}
  
  TH.a-zint {text-align:center; font-weight:bold;
  vertical-align:baseline;
  speak-header:once;}
  
  TD.a-zint {vertical-align:middle}
  
  
  
  .azfeatureint{
    margin-top:10px;
    margin-bottom: 20px;
}
.az a {color:#000000;
  text-decoration:none;}
  
 .az a:hover {text-decoration:none;
  color:#666;}

  .az ul {
    margin-left: 20px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-top:2px;
    list-style-image: url(/images/explorer_icon.jpg);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-right: 5px;
} 
  .az li{
    margin-left: 10px;
    padding-left: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    list-style-image:url(/images/explorer_icon.jpg);
    color: #000000;
}
  
  
  .aztitle {
    font-size: small;
    font-weight: bold;
    color: #FF0000;
}
  
  
  .genericbox_az{
    margin-top:40px;
    width:90%;
    font-size: 90%;
    margin-left: 6px;
}
  
  
  
 /*------------------  MAIN CONTENT AREA --------------------------- */
 
 /* container element */
 .columns-float{
    float: left;
    /* text-align:center; */
  padding:0;
    margin:0;
    width: 100%;
    position:relative;
  }
 
 
 .column-two-none {
    margin-left: 20%;
    margin-right:0;
    }
  
 /* INNER PAGE HAS A RIGHT HAND COLUMN */
  .home-column-two-right {
  margin-left: 20%;
  margin-right: 30%;
  position:relative;} 
  
  .column-two-right {
  margin-left: 20%;
  margin-right: 30%;
  position:relative;} 
  
 
 .column-two-right-newslist {
  margin-left: 20%;
  margin-right: 35%;
  position:relative;} 
 
 
 .column-one{
  float: left;
  width:20%;
  padding:0;
  margin:0;}
  
 .column-one img{
  float: right;
  background-color:#FFFFFF;
  padding:0;}
   
 .column-one-content{ 
  padding-left: 0;
  padding-right: 0;
  margin:0;}  
   
 .column-two-content {
  position:relative;
  overflow:hidden;
  font-size: 80%;
  text-align:left;
  padding: 5px 5px 5px 10px;
  margin:0;}   

  .column-two-left {
  position:relative;
  overflow:hidden;
  font-size: 80%;
  text-align:left;
  padding: 5px 5px 5px 10px;
  margin:0;}  
  
 .column-three-right {
    position:relative;
    float:right;
    width:30%;
    padding:0;
    font-size:80%;
    text-align: left;
    margin:0;
}
 .column-three-none {
  display: none;}
 .column-three {
  position:relative;
  float:right;
  width:30%;
  padding:0;
  font-size:80%;
  text-align:left;}
     
 .column-three-content {
  padding-top:0;} 
  
 .column-one-content, .column-two-content, .column-three-content{
    border: none;
    /* color: #FFFFFF; Commented out 20/10/06 */
}
  
 /* VERTICAL PADDING ABOVE COLUMNS */
 .column_padding_after{
  height:0px;
  font-size: 1px;
  line-height: 0px;
  clear: both;}
 /*/*/
 .box-wrap, .columns-float, .column-one, .column-two, .column-three, h2{
    position: relative;
}
 /* */
 
 .breadcrumb{
  font-size: 75%;
  color:#666;
  text-decoration:none;}
 
 .breadcrumb a{
  text-decoration:none;
  color:#666;} 
  
 .breadcrumb a:hover{
  text-decoration:underline;}
 
 .innercontainer{ 
  overflow:hidden;
  margin:0;
  width:90%;
  position:relative;
  padding: 0 5px 15px 10px;
  border: 1px solid #fff;
  background-color:#fff;
  margin-bottom: 5px;
    }
 .innercontainer img{ 
  text-align: center;
  overflow:hidden;}
 
 .textleft{ 
  text-align: left;
  }
    
 .mainphotocontainer { 
  text-align: center;
  margin:0;
  padding:0;
  float:none;
  width:100%;
}
 
 .mainphotocontainer img{
  float:none;    
  border: 1px solid #ccc;}
 .newsphotocontainer {
    text-align: left;
    margin:0;
    float:none;
    width:100%;
    height:250px;
    min-height:190px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
} 
  
.newsarticletitle {
    font-size: small;
    font-weight: bold;
    color: #FF0000;
}
.newsarticlelist {
    font-size: small;
    font-weight: bold;
    color: #000;
}
.newsarticletext {
    font-size: small;
    font-weight: normal;
    color: #000;
}
.newsarticlelist a{
  text-decoration:none;
  color:#000;} 
.newsarticledate {
    font-size: 80%;
    color: #999999;
}
 .newsphotocontainer img {
    float:none;    
  border: 1px solid #ccc;}
  
 .innerleft{
  float:left;
  min-width: 48%;
  max-width: 48%;
  width:48%;}
  
 .innerright{
  float:right;
  width: 48%;
  max-width: 48%;
  min-width: 48%;}
  
 .contentdetail{
  font-size:80%;
  color:#666;
  line-height:250%;
  margin-top:10px;} 
  
 .contentdetail a{
  color:#666;
  text-decoration:none;}    
  
 .contentdetail a:hover{
  color:#666;
  text-decoration:underline;}  
 
 .contentdetail img{
  border-style:none;
  float:left;} 
 
 
 
 
 
 
 
 
  
 /* -------------------------- STYLES FOR THE FOOTER --------------------------------- */ 
 
 .box-footer{
  clear: both;
  border: none}
  
 .footerdark{
  background-color: #999;
  font-size: 70%;
  color: #fff;
  text-align: center;
  padding: 3px 10px 3px 10px;}
 .footerdark a{
  color: #fff;
  text-decoration: none;}
 .footerdark a:hover{
  text-decoration: none;
  color: #ccc;}
 
 .footerlight{
  background-color: #ccc;
  font-size: 70%;
  color: #666666;
  text-align: center;
  padding: 3px 10px 3px 10px;}
 
 .footerlight a{
  color: #666666;
  text-decoration: none;}
  
 .footerlight a:hover{
  color:#FFFFFF;
  text-decoration: none;
    
} 
 
 .footerwhite{
  background-color: #fff;
  font-size: 80%;
  color: #333;
  text-align: center;
  padding: 3px 10px 3px 10px;}
  
 .footerwhite a{
  color: #333;
  text-decoration: none;}
  
 .footerwhite a:hover{
  text-decoration: underline}
 
 
 
/* -------------------------- STYLES FOR THE CONTAINER BOXES ------------------------------ */   
  
 .container{
  position:relative;
  margin: 0 0 10px 0;
  padding:0;
  font-size: 90%;} 
/* ----------------- STYLES FOR THE GENERIC CONTAINER BOX -------------- */
 
.genericbox{
    margin-top:10px;
    margin-bottom: 10px;
    width:95%;
    font-size: 90%;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FF1103;
    border-right-color: #FCCFC9;
    border-bottom-color: #FCCFC9;
    border-left-color: #FF1103;
}
 .genericbox a{
    color: #666;
    text-decoration:none;
    margin-right: 20px;
}
  
 .genericbox a:hover{
  color: #666666;
  text-decoration:none;}  
  
 .genericbox ul{
  margin-left:10px;
  padding-left:10px;
  padding-bottom:0;
  margin-bottom:0;}   
  
.genericbox_darkgrey, .genericbox_lightgrey{
    font-weight:normal;
    color: #000;
    padding: 2px;
    font-size: 85%;
}  
 
 .genericbox_darkgrey_newssearch {
    color: #000;
    font-size: 85%;
    padding-left: 8px;
}  
 

 
.DoubleMiscPanel_Header{
border-bottom:1px solid #999;
font-weight:700;
padding:2px;

}

 

.DoubleMiscPanel{
border:1px solid #666;
font-size:90%;
margin-bottom:20px;
margin-top:10px;
width:95%;}

}


.DoubleMiscPanel_red{
color:#000;
font-weight:100;
padding:5px;}

.Layer1 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 311px;
    top: 78px;
}


 
 
 .genericbox_darkgrey_title a img, .genericbox_lightgrey_title a img{
  border:none;
  vertical-align:super;}    
   
.genericbox_darkgrey_description, .genericbox_lightgrey_description{
  padding-bottom: 4px;
  padding-left: 10px;}  
 
 .genericbox_darkgrey img,  .genericbox_lightgrey img{
  margin:5px;
  border:none;
  float:left;}  
 
.genericbox_darkgrey_format_pdf, .genericbox_lightgrey_format_pdf {
  color:#666;
  width:95%;
  font-size: 95%;
  padding-left: 10px;}    
 
.genericbox_darkgrey a{
    color: #000000;  
  
  
  } 

/* ----------------- STYLES FOR THE DARK GREY BOX -------------- */ 
 .genericbox_darkgrey_header{
  /* background-color:#FFFFFF; */
  color: #000000;
  font-weight: bold;
  padding: 2px;}
 
 .genericbox_darkgrey_title, .genericbox_darkgrey_title a{
  padding-bottom: 4px;
  font-weight:bold;
  color:#666;
  text-decoration:none;
  min-height:20px;
  height:20px;}
  
 .genericbox_darkgrey_title a:hover{
  padding-bottom: 4px;
  font-weight:bold;
  color: #ccc;
  text-decoration:none;}

.rightImage {
    font-size: 80%;
    }
   
  
 /* ----------------- styles for the search results -------------- */  
  
 .searchresults_form{
  background-color:#cf9;
  border: 1px solid #ccc;
  padding:10px;
  width: 95%;}
hr {
    border: 1px solid #999999;
}
  
 .searchresults_form input{
  border: 1px solid #666;}
  
 .searchitem{
  padding: 2px;} 
  
 .searchitemcolumn{
  width:22%;
  position:relative;
  float:left;
  padding: 5px;
  text-align:left;}
  
 .searchitem_button{
    font-size: 90%;
    height: 20px;
    text-align: center;
    border: 1px solid #333;
    padding-top: 1px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-left: 1px;
}
  }
   
  
 .search_info{
  padding: 5px;
  text-align:left;
  width: 95%;} 
  
 .result{
  border-bottom: 1px solid #ccc;
  padding-bottom:15px;
  margin-bottom:30px;
  float:left;
  width: 98%;}
 
 .result a{ 
  color:#063;  
  text-decoration:none;}
  
 .result a:hover{ 
  color:#666;  
  text-decoration:none;}
    
 .result img{
  padding:0;
  border: 0 none;  
  float:left;
  margin-top:0;
  margin-bottom: 0;}
  
 
 
.bgcurve {
background-image: url(/images/RedCurve.jpg);    
background-repeat: no-repeat;    
background-position: right bottom;
}
  .straplineimg img{
  padding: 0px;
  right : 200px;
  top: 15px;
  border:none;
  position: absolute;
}

.more {
    background-image: url(/images/RedTriangle_Ghosted.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    } 
.morenews {
    float:right;
    background-image: url(/images/RedTriangle_Ghosted.gif);
    background-repeat: no-repeat;
    background-position: right;
    
} 
.clearline {
    display: block;
    clear: both;
}



/* ----------------- styles for the councillors page -------------- */  
.block {
    text-align: center;
    float: left;
    padding: 0;
    margin: 5px 5px 5px 5px;
    border: 1px solid #000000;
    background: #FFFFFF;
    width: 150px !important;
    width: 148px;
    width/**/:/**/150px;
    color: #999999;
}

.councillorcontainer{
    overflow:hidden;
    margin:0;
    width:90%;
    position:relative;
    padding: 0 5px 15px 10px;
    border: 1px solid #fff;
    margin-bottom: 5px;
    color: #333333;
    }
 /*.councillorcontainer img{ /**/
  /*/text-align: center;/**/
  /*/overflow:hidden;/**/
  
  /*/}/**/
  
  
  .councillorcontainer p{
    margin-bottom: -7px;
    }
  
  
  
  
  .column-two-content-councillor {
    /* background-color: #fff; */
  position:relative;
    overflow:hidden;
    font-size: 80%;
    text-align:left;
    margin:0;
}   
  
 .column-two-content-councillor img{
  border: 1px solid #666;
  margin: 5px;}  
  
  
   .column-two-content-councillor-table {
    /* background-color: #fff; */
  position:relative;
    overflow:hidden;
    text-align:left;
    margin:0;
    padding: 0px 0px 30px 20px;
}   
  
  
  
  
  
  
  .councillorimgbox{
    margin-top:20px;
    margin-bottom: 10px;
    width:90%;
    font-size: 90%;
    padding-left: 0px;
    
}
  
  .councillorimgbox ul{
  margin-left:1px;
  padding-left:1px;
  padding-bottom:0;
  margin-bottom:0;}
  
.councillorimgbox img{
  margin:1px;
  border:none;
  float:left;}  
  
  
  .councillortextbox{
    margin-top:10px;
    margin-bottom: 10px;
    width:40%;
    font-size: 90%;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FF1103;
    border-right-color: #FCCFC9;
    border-bottom-color: #FCCFC9;
    border-left-color: #FF1103;
}
  
  .councillortextbox ul{
  margin-left:6px;
  padding-left:1px;
  padding-bottom:0;
  margin-bottom:0;}   
  
  .table-councillor {
   table-layout: auto; 
   width: 90%;   
   empty-cells: show;  
   font-size: large; 
   border-collapse: collapse; }
   
 .td-councillor {
 height:25px;
 
 }
 
 .th-councillor-h1 {
    width:23px;
    height:27px;
}
 .th-councillor-h2 {
 width:100px}
 
   .th-councillor-h3 {
 width:120px}
 
 .th-councillor-h4 {
 width:110px}
   
   
.td-counc, th-counc   { width: 15%; }
.caption-councillor  {
color:#000000;}
        
  
  
  
  
 /* ----------------- style for feedback forms  -------------- */   
  
div#formcontainer {width:390px; margin-left:10px;}

/*  vertical spacing */
div#formcontainer div.clearfix {
    padding:10px 0px;
    
} 
div#formcontainer form  {
    border: 1px solid #999999;
} 

div#formcontainer form label {
width:120px; 
float:left;
font-size:1em; 
color: #000000;   
margin:0 10px;
} 
div#formcenteritem {
    float: left;
    margin-left: 300px;
    
} 

/* ----------------- style for events pages  -------------- */ 

.eventlisttitle {
    font-size: small;
    font-weight: bold;
    color: #FF0000;
}
.eventlist {
    font-size: small;
    font-weight: bold;
    color: #000;
}
.eventlisttext {
    font-size: small;
    font-weight: normal;
    color: #000;
}
.eventlist a{
  text-decoration:none;
  color:#000;} 
.eventlistdate {
    font-size: 80%;
    color: #999999;
}
 
.hr-thinline{
border-top: solid;
height:1px;
width:100%;
}
  



/* ----------------- style for Online Forms  -------------- */ 

.OnlineFormsbox {
  border: 1px solid #666;
  margin-top:10px;
  margin-bottom: 20px;
  width:95%;
  font-size: 90%;
} 

.genericbox_onlineForms_header {
  background-color:#666;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #999;
  padding: 2px;
}

.genericbox_onlineforms_title {
  font-weight: bold;
}


.genericbox_onlineForms {
  float: none;
  border: none 0;
  padding: 2px;  
} 
  
.onlineforms_icon{
  padding-bottom: 0px;
  padding-top: 5px;
  padding-left: 0px;
  padding-right: 2px;
  /* min-height:31px; */
  /* height:31px; */
}
  
.onlineforms_icon img{
  border: none;
  float: left;
} 

/* ----------- Councillors table ------------------------ */
.ctable TABLE{
    MARGIN-LEFT: 0px;
    color: #333333;
    border-collapse: collapse;
    padding-bottom: 5px;
    padding-left: 10px;
}
.ctable TD.mgTableTitleTxt {
    FONT-WEIGHT: bold; BACKGROUND-IMAGE: none; COLOR: white; BACKGROUND-REPEAT: repeat; BACKGROUND-COLOR: #999999; TEXT-DECORATION: none
}
.ctable TR.mgTableOddRow {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px; 
    PADDING-BOTTOM: 5px; 
    PADDING-TOP: 5px; 
    BACKGROUND-COLOR: #e8e8ee
}
.ctable TR.mgTableEvenRow {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: white;
}
.mgTableOddRow {BACKGROUND-COLOR: #e8e8ee;}
.mgTableEvenRow {BACKGROUND-COLOR: white;}

/* ----------------- SITEMAP STYLES  -------------- */ 

.sitemapBlock {
    float: left;
    padding: 0;
    margin: 5px 5px 5px 5px;
    border: 0px solid #000;
    background: #FFFFFF;
    width: 48% !important;
    width: 48%;
    width/**/:/**/48%;
}

/* ----------------- REDDOT STYLES  -------------- */ 
.reddot {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #f00;
    font-weight: normal;
}
.info{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #666;
    font-weight: normal;
}
.border {
 border: solid 1px #000;
}
.borderleft {border-left: solid 1px #000;}

 
/* ----------------- TEXT EDITOR TABLE  -------------- */ 

  .table-texteditor {
    table-layout: auto;
    empty-cells: show;
    border: solid 1px #CCCCCC;
    border-left: solid 2px #CCCCCC;
    border-right: solid 2px #CCCCCC;
    border-top: solid 2px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    padding:2px;
   }
   
  .table-texteditor th{
    background-color:#CCCCCC;
    padding-right: 15px;
}  
   
.table-texteditor caption  {
    color:#000000;
    text-align: left;
    margin-left: -8px;
    padding-bottom: 15px;
}
       
.table-texteditor td{
   background-color:#FFFFFF;
   border-bottom: solid 1px #CCCCCC;
   border-left: solid 1px #CCCCCC;

.table-bookmarks {
  font-size:50%;
}
 

}
/* ----------------- VALLEYS VOICE -------------- */ 
#valleysVoice {
  float: left;

  width: 550px;


  }
.VVblock {
  float: left;
  padding: 0;
  margin: 5px 5px 5px 5px;
  border: 0px solid #FFFFFF;
  background: #FFFFFF;

  width: 120px !important;
  width: 118px;
  width/**/:/**/120px;




  }
a.valleysVoice {
  font-size: 80%;
  }
.valleysVoice {
  font-size: 85%;
  }


/* ----------------- BENEFITS CALC -------------- */ 

    .tdTopstrip 
    {
        background-color:#ff9; 
        color:black; 
    } 
    
    .tdStepstrip 
    { 
        background-color:#CCCCCC; 
         color:black; 
    } 
     
    .tdMost
    { 
        background-color:#e8e8ee;
        text-align:left;
          color:black; 
    } 
    
    .redfont { color:red } 
    .bluefont { color:blue } 
    .lgfont { color:lightgrey }
 
/* ---------------- FORM STYLE ------------------ */
.input100 {width:97%;}
.input75 {width:75%;}
.input50 {width:50%;}
.input25 {width:25%;}
td.formLabel {text-align:right; width:50%;}
td.formInput {width:50%; vertical-align:middle;}
.onlineForm td {vertical-align:middle;}


.ImageRight {float:right;}
 
/*-------------- SPLASH STYLES ------------ */
 .h4Splash{
  font-size: 150%;
  font-weight: bold;
  color: #666666;
  padding-top:5px;
  text-align: center;}
 
 
 .h4Splash a{
  color: #999999;
  text-decoration: none;}
  
  
  .h5Splash{
    font-size: 90%;
    color: #666666;
    padding-top:5px;
    text-align: center;
    font-weight: lighter;
    padding: 0px 20px 0px 20px;
}
 
 
 .h5Splash a{
  color: #666666;
  text-decoration: none;}
  
 
 .h6Splash{
    font-size: 80%;
    color: #666666;
    padding-top:5px;
    text-align: center;
    font-weight: lighter;
    padding: 10px 10px 10px 0px;
}
 
 
 .h6Splash a{
  color: #999999;
  text-decoration: none;}