@charset "utf-8";
/* CSS Document */

/* STYLING FOR HOME PAGE SLIDDER */
.hp-banner-wrapper {
  /*position:inherited;*/
  float:left;
  width: 930px;
  height: 225px;
  overflow:hidden;
  /*margin-bottom:-25px;*/
}
.hp-rotate-images {
  float:right;
  width: 930px;
  height: 200px;
  overflow:hidden;
}
.hp-rotate-captions {
  position:absolute;
  display:block;
  float:left;
  width: 230px;
  height: 200px; 
  overflow:hidden;
  background-color:#000;
  z-index:100;
  /*opacity:0.8;*/
  filter:alpha(opacity=0.8); /* For IE8 and earlier */
  
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
  
  /* orange for clearing
  background: rgb(210,56,4);
  background: rgba(210,56,4,0.9);
  */
  
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.hp-rotate-captions2 {
  position:absolute;
  display:block;
  float:left;
  width: 230px;
  height: 200px; 
  overflow:hidden;
  background-color:#d23804;
  z-index:100;
  /*opacity:0.75;*/
  filter:alpha(opacity=70); /* For IE8 and earlier */
  
  background: rgb(210,56,4); 
  background: rgba(210,56,4,0.7);
  
  /* For IE 5.5 - 7*/
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
  /* For IE 8*/
  /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
}


.hp-rotating-item {
  display: none;
  position: relative;
  top: 0;
  left: 0;
}

.hp-rotating-item img { 
  margin:0 !important;
}

/*.hp-rotating-item a { 
  border-bottom:dotted 1px;
 }*/

.hp-rotating-item h1,          
.hp-rotating-item h2 { 
  font-family: Georgia,Helvetica,Arial,sans-serif; 
  font-weight:normal; 
  font-size:2.1em; 
  line-height:1.125em; 
  /*margin-top:1.125em; */
  vertical-align:top; 
  padding:0px 10px 10px 10px; 
  color: #fff;
  text-shadow: #000 1px 1px 1px;
}

.hp-rotating-item h3 {
  font-family: Georgia,Helvetica,Arial,sans-serif; 
  font-weight:normal; 
  font-size:1.4em; 
  line-height:1.12em; 
  vertical-align:top; 
  padding:10px 10px 10px 10px; 
}

.hp-rotating-item p { 
  padding:10px;
  font-family:Verdana, Helvetica, Arial, sans-serif;
  /*font-family: Georgia,Helvetica,Arial,sans-serif; */
  /*font-size:1.35em;*/
  font-size:1.15em;
  margin:0;
  color: #fff;
  text-shadow: #000 1px 1px 1px;
}

.hp-rotating-item  h2 a,
.hp-rotating-item  h3 a { 
  font-family:Georgia,Helvetica,Arial,sans-serif; 
  font-size:1.5em; 
  line-height:1.125em; 
  color:#FFF; 
  background-color:#729e12; }

.hp-rotating-item  a { 
  text-decoration: none;
  border-bottom: 1px #bbbbbb dotted;
}

.hp-rotating-item  a:hover { 
  text-decoration: none;
  border-bottom: 1px #ffffff dotted;
}

.hp-rotating-item  p,
.hp-rotating-item  h1,
.hp-rotating-item  h2,
.hp-rotating-item  h3,
.hp-rotating-item  a { color:#FFF; }

#hp-pager { 
  display:block;
  background-color:#2f2e2b;
  width: 930px;
  height: 20px;
  position: absolute;
  margin: 0px 0px 10px 0px; 
  top: 333px;
  /*left: 480px; */
  z-index:5;
  float:left;
}
  
#hp-pager a { 
  margin: 2px; 
  padding: 2px 4px; 
  border: 1px solid #ccc; 
  background: #fff; 
  text-decoration: none; 
  font-size:0.85em; }
#hp-pager a.activeSlide { background: #ea0 }
#hp-pager a:focus { outline: none; }

/*********************************/

/****** STYLING FOR NON-HOME PAGE BANNERS *********/
.banner-wrapper {
  position: relative;
  width: 700px;
  height: 252px;
  margin-bottom:20px; 
  /*overflow:hidden;*/
}

/*
#banner-wrapper {
  position: relative;
  width: 700px;
  height: 210px;
}*/

/*
#banner-wrapper img{
  width: 700px;
  height: 170px;
}
*/

.banner-wrapper-medium {
  position: relative;
  width: 700px;
  height: 200px;
  margin-bottom:20px; 
  /*overflow:hidden;*/
}

.banner-wrapper-shallow {
  position: relative;
  width: 700px;
  height: 170px;
  margin-bottom:20px; 
  /*overflow:hidden;*/
}

.rotate-images {
  float:left;
  width: 480px;
  height: 252px;
  overflow:hidden;
}

.rotate-images-medium {
  float:left;
  width: 700px;
  height: 200px;
  overflow:hidden;
}

.rotate-images-shallow {
  float:left;
  width: 700px;
  height: 170px;
  overflow:hidden;
}

.rotate-captions {
  float:left;
  width: 220px;
  height: 252px; 
  overflow:hidden;
  background-color:#729e12;
}

.rotating-item {
  display: none;
  position: relative;
  top: 0;
  left: 0;
}

.rotating-item img { 
  margin:0 !important;
}

.rotating-item a           { border:none; }

.rotating-item h1,          
.rotating-item h2 { 
  font-family: Georgia,Helvetica,Arial,sans-serif; 
  font-weight:normal; 
  font-size:1.85em; 
  line-height:1.125em; 
  /*margin-top:1.125em; */
  vertical-align:top; 
  padding:10px 10px 10px 10px; 
}

.rotating-item  h2 a { 
  font-family:Georgia,Helvetica,Arial,sans-serif; 
  color:#FFF; 
  background-color:#729e12; }

.rotating-item h3{
  font-family: Georgia,Helvetica,Arial,sans-serif; 
  font-weight:normal; 
  font-size:1.125em; 
  line-height:1.125em; 
  vertical-align:top; 
  padding:10px 10px 10px 10px; 
}

.rotating-item  h3 a { 
  font-family:Georgia,Helvetica,Arial,sans-serif; 
  font-size:1.3em; 
  line-height:1.2em; 
  color:#FFF; 
  background-color:#729e12; }

.rotating-item p { 
  padding:10px;
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:1em;
}

.rotating-item  p,
.rotating-item  h1,
.rotating-item  h2,
.rotating-item  h3,
.rotating-item  a { color:#FFF; }

.collapsed { visibility:hidden; opacity:0.0; height:0; }

.banner  { width:700px; }

/*** PAGER STYLING ***/
#pager { 
  margin: 5px; 
  position: absolute;
  top: 225px;
  left: 480px; 
  z-index:5;}
#pager a { 
  margin: 2px; 
  padding: 2px 4px; 
  border: 1px solid #ccc; 
  background: #fff; 
  text-decoration: none; 
  font-size:0.85em; }
#pager a.activeSlide { background: #ea0 }
#pager a:focus { outline: none; }


/*#banner_pager { height:19px; margin:0; position:absolute; bottom:10px; left:490px; }
#banner_pager img { margin:0; }
#banner_pager a { border:none; }
#banner_pager a:hover { border:none; }
#banner_pager a:active  { border:none; text-decoration:none; outline:none; }*/