/* $Id: zen.css,v 1.14.2.6 2009/11/05 11:03:32 johnalbin Exp $ */

/*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal6-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal6-reference.css file
 *   Forum            See line 197 of Zen's drupal6-reference.css file
 *   Menus            See line 667 of Zen's drupal6-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal6-reference.css file
 *   Polls            See line 287 of Zen's drupal6-reference.css file
 *   Search           See line 320 of Zen's drupal6-reference.css file
 *   User Profiles    See line 945 of Zen's drupal6-reference.css file
 */


  /* GENERAL CLASSES ----------------------------------------------------------------*/

  body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  background-color: #636800;
  background-image: url(/sites/all/themes/five/images/bg.png);
  background-repeat: repeat-x;
  font-family: tahoma, arial, sans-serif;
  font-size: 11px;
  line-height: 100%;
  
  }
  
  #home {
  width: 931px;
  margin: 0 auto
  }
  
  #sub {
  width: 100%;
  }
  
  h1 {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  line-height: 100%;
  font-size: 12px;
  }
  
  p {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  }
  
  #logoAnim {
  position: absolute; 
  top: 0px; 
  margin: 0px 0px 0px 20px;
  }

  #logoNoAnim {
	display: none;
}
  
  /* TOP BAR -----------------------------------------------------------------------*/
  
  #topBar {
  /*background-image: url(/sites/all/themes/five/images/logo.png);
  background-repeat: no-repeat;
  background-position: 20px 0px;*/
  height: 115px;
  width: 911px;
  z-index: 10000;
  }
  
  #sub #topBar {
  /*background-image: url(/sites/all/themes/five/images/logo.png);
  background-repeat: no-repeat;
  background-position: 20px 0px;*/
  height: 115px;
  width: 911px;
  margin: 0 auto;
  }

  #topBar .block-menu_block {
    text-align: right;
    margin-left: 211px;
    width: 700px;
    position: relative;
  }
  
  #topBar ul {
  position: absolute;
  right: 0px;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  }
  
  #topBar li {
  display: block;
  float: left;
  }
  
  #topBar a:link, #topBar a:visited {
  color: #b0b283;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  float: left;
  padding: 75px 15px 28px 17px;
  background-image: url(/sites/all/themes/five/images/sep_menu.png);
  background-repeat: no-repeat;
  }
  
  #topBar a:hover {
  color: #dbddac;
  background-image: url(/sites/all/themes/five/images/sep_menu_hover.png);
  background-repeat: no-repeat;
  }
  
  /* PROMO ----------------------------------------------------------*/
  
  #promoFlash {
  width: 100%;
  height: 289px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 115px;
  }

/*
  #promoNoFlash {
	display:none;
  }*/
  
  
  /* HOMEPAGE CONTENT -----------------------------------------------*/
  
  #contentContainer {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #fff;
  line-height: 15px;
  
  }
  
  #contentContainer .pageblock {
  padding: 20px 20px 8px 20px;
  }
  
  #contentContainer hr {
  background-color: #9ca40d;
  border: none;
  height: 1px;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  }
  
  /* SUBPAGE CONTENT -----------------------------------------------*/
  
  #sub #contentContainer {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  color: #40412c;
  line-height: 15px;
  /*background-image: url(/sites/all/themes/five/images/bg_sub_content.png); 
  background-repeat: repeat-x;*/
  background-color: #fff;
  }
  
  #sub #contentContainerContent {
  width: 896px;
  margin: 0 auto;
  padding: 30px 0px 30px 0px;
  background-image: url(/sites/all/themes/five/images/bg_sidenav.png); 
  background-repeat: repeat-y;
  background-position: 635px 100%;
  }
  
  #sub #contentContainerContent h2 {
  font-size: 14px;
  font-weight: normal;
  color: #636800;
  }
  
  #sub #contentContainerContent ul {
  margin: 0px 0px 15px -8px
  }
  
  #sub #contentContainer #alpha {
  width: 598px;
  float: left;
  margin: 0px 0px 0px 6px;
  padding: 0px 30px 0px 0px;
  /*background-image: url(/sites/all/themes/five/images/sep_content.png); 
  background-repeat: repeat-y;
  background-position: 100% 0px;*/
  }
  
  #sub #contentContainer #alpha p {
  margin: 0px;
  padding: 0px;
  }
  
  #sub #contentContainer #alpha .title {
  font-size: 20px;
  font-family: arial, helvetica, sans-serif;
  letter-spacing: -0.5pt;
  
  }
  
  /* SIDENAV ---------------------------------------------------------*/
  
  #sideNav {
  width: 261px;
  }
  
  #sub #contentContainer #beta {
  width: 261px;
  float: right;
  line-height: 100%;
  font-size: 11px;
  /*background-image: url(/sites/all/themes/five/images/bg_sidenav.png); 
  background-repeat: repeat-y;
  background-position: 0px 100%;*/
  padding: 0px 0px 20px 0px;
  }
  
  
  
  #cover01 {
  position: absolute;
  width: 261px;
  height: 30px;
  background-color: #ffffff;
  display: block;
  z-index: 1000;
  top: 0px;
  margin: 115px 0px 0px 635px;
  }
  
  #sub #contentContainer #beta .item-list {
  width: 255px;
  margin: 0px 0px 0px 0px
  }
  
  #sub #contentContainer #beta .item-list li {
  width: 255px;
  margin: 0px 0px 0px 0px;
  border-bottom: 0px solid #cc0000;
  list-style-type: none
  }
  
  
  #sub #contentContainer #beta ul {
  padding: 0px 0px 25px 0px;
  margin: 0px;
  line-height: 100%;
  font-size: 11px;
  }
  
  #sub #contentContainer #beta li {
  padding: 12px 0px 14px 0px;
  background-image: url(/sites/all/themes/five/images/sep_sidenav.png); 
  background-repeat: no-repeat;
  background-position: 0px 100%;
  }
  
  #sub #contentContainer #beta a:link, #sub #contentContainer #beta a:visited {
  color: #5B5C45;
  text-decoration: none;
  padding: 0px 0px 0px 30px;
  background-image: url(/sites/all/themes/five/images/bullet_sidenav.png); 
  background-repeat: no-repeat;
  background-position: 0px 0px;
  } 
  
  #sub #contentContainer #beta a:hover {
  color: #636800;
  background-image: url(/sites/all/themes/five/images/bullet_sidenav.png); 
  background-repeat: no-repeat;
  background-position: 0px -32px;
  } 
  
  /* SIDENAV SHOWCASE---------------------------------------------------------*/
  
  #sub #contentContainerShowcase #beta {
  width: 261px;
  float: right;
  line-height: 100%;
  font-size: 11px;
  /*background-image: url(/sites/all/themes/five/images/bg_sidenav.png); 
  background-repeat: repeat-y;
  background-position: 0px 100%;*/
  padding: 0px 0px 20px 0px;
  }
  
  #sub #contentContainerShowcase #beta .item-list {
  width: 255px;
  margin: 0px 0px 0px 0px
  }
  
  #sub #contentContainerShowcase #beta .item-list li {
  width: 255px;
  margin: 0px 0px 0px 0px;
  border-bottom: 0px solid #cc0000
  }
  
  
  #sub #contentContainerShowcase #beta ul {
  padding: 0px 0px 25px 0px;
  margin: 0px;
  line-height: 100%;
  font-size: 11px;
  }
  
  #sub #contentContainerShowcase #beta li {
  padding: 12px 0px 14px 0px;
  background-image: url(/sites/all/themes/five/images/sep_sidenav.png); 
  background-repeat: no-repeat;
  background-position: 0px 100%;
  }
  
  #sub #contentContainerShowcase #beta a:link, #sub #contentContainerShowcase #beta a:visited {
  color: #5B5C45;
  text-decoration: none;
  padding: 0px 0px 0px 30px;
  background-image: url(/sites/all/themes/five/images/bullet_sidenav.png); 
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block
  } 
  
  #sub #contentContainerShowcase #beta a:hover {
  color: #636800;
  background-image: url(/sites/all/themes/five/images/bullet_sidenav.png); 
  background-repeat: no-repeat;
  background-position: 0px -32px;
  } 
  
  /* SUBPAGE CONTENT (SHOWCASE) -----------------------------------------------*/
  
  #sub #contentContainerShowcase {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  color: #40412c;
  line-height: 15px;
  /*background-image: url(/sites/all/themes/five/images/bg_sub_content.png); 
  background-repeat: repeat-x;*/
  background-color: #fff;
  }
  
  #sub #contentContainerContentShowcase {
  width: 896px;
  margin: 0 auto;
  padding: 30px 0px 30px 0px;
  background-image: url(/sites/all/themes/five/images/bg_sidenav.png); 
  background-repeat: repeat-y;
  background-position: 635px 100%;
  }
  
  #sub #contentContainerContentShowcase h2 {
  font-size: 14px;
  font-weight: normal;
  color: #636800;
  }
  
  #sub #contentContainerContentShowcase ul {
  margin: 0px 0px 15px 0px
  }
  
  #sub #contentContainerShowcase #alpha {
  width: 598px;
  float: left;
  margin: 0px 0px 0px 6px;
  padding: 0px 30px 0px 0px;
  /*background-image: url(/sites/all/themes/five/images/sep_content.png); 
  background-repeat: repeat-y;
  background-position: 100% 0px;*/
  }
  
  #sub #contentContainerShowcase #alpha p {
  margin: 0px;
  padding: 0px;
  }
  
  #sub #contentContainerShowcase #alpha .title {
  font-size: 20px;
  font-family: arial, helvetica, sans-serif;
  letter-spacing: -0.5pt;
  
  }
  
  
  /* NEWS TICKER ----------------------------------------------------*/
  
  #home #contentContainer .view-content ul {
  list-style-type: none;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  padding: 20px 30px 0px 30px;
  background-image: url(/sites/all/themes/five/images/header_news.png);
  background-repeat: no-repeat;
  background-position: 30px 0px;
  }
  
  #contentContainer .view-content p {
  padding: 0px;
  margin: 0px 0px 3px 0px;
  }
  
  .ticker-title {
  border-top: 1px solid #9ca40d;
  padding: 5px 0px 0px 0px;
  font-weight: bold;
  display: none
  }
  
  .ticker-title a:link, .ticker-title a:visited {
  color: #fff;
  text-decoration: none;
  margin: 0px;
  }
  
  .ticker-body {
  border-top: 1px solid #9ca40d;
  padding: 5px 0px 0px 0px;
  margin: 5px 0px 4px 0px;
  }
  
  .ticker-meta {
  margin: 0px 0px 8px 0px
  }
  
  .ticker-meta a:link, .ticker-meta a:visited {
  color: #686e00;
  text-decoration: none;
  padding: 0px 0px 0px 4px
  }
  
  .ticker-meta a:hover {
  color: #4f5402;
  }
  
  .ticker-link {
  background-image: url(/sites/all/themes/five/images/btn_readmore.png);
  background-repeat: no-repeat;
  padding: 1px 6px 2px 4px;
  line-height: 100%
  }
  
  .ticker-date {
  background-image: url(/sites/all/themes/five/images/bg_date.png);
  background-repeat: no-repeat;
  padding: 1px 6px 2px 6px;
  line-height: 100%;
  color: #b3bc2e
  }
  
  /* NEWS LISTING ----------------------------------------------------*/
  
  #sub #contentContainerContent #news-view .view-content ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  /*background-image: url(/sites/all/themes/five/images/header_news.png);
  background-repeat: no-repeat;
  background-position: 30px 0px;*/
  }
  
  #sub #contentContainerContent #news-view .item-list {
  margin: 0px 0px 0px -18px;
  padding: 0px;
  }
  
  #sub #alpha .item-list {
  margin: 0px 0px 0px -18px;
  padding: 0px 0px 0px 0px;
  }
  
  #sub #contentContainerContent #news-view .item-list li {
  border-bottom: 1px solid #ccc;
  padding: 0px 0px 15px 105px;
  margin: 0px 0px 15px 0px;
  background-image: url(/sites/all/themes/five/images/icon_newslisting.png);
  background-repeat: no-repeat;
  background-position: 0px -2px;
  list-style-type: none;
  }
  
  #news-view .views-field-title {
  font-size: 15px;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
  color: #636800;
  padding: 0px 0px 0px 0px;
  }
  
  #news-view .views-field-created {
  font-size: 9px;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
  
  
  #news-view .field-content a:link, .field-content a:visited {
  background-image: url(/sites/all/themes/five/images/bg_readmore.png);
  background-repeat: no-repeat;
  display: block;
  width: 69px;
  height: 16px;
  padding: 0px 0px 0px 8px;
  margin: 5px 0px 0px 0px;
  color: #fff;
  text-decoration: none
  }
  
  
  /* GENERAL LISTINGS -----------------------------------------------*/
  
  li.item-list {
  background-color: #cc0000
  }
  
  li.leaf {
  list-style-type: none;
  list-style-image: none;
  background-position: 1px 11px;
  color: #153B67;
  }
  
  li.collapsed {
  list-style-type: none;
  list-style-image: none;
  }
    
  li.expanded {
  list-style-type: none;
  list-style-image: none;
  }
    
  .active ul {
  margin: 0px
  }
    
  .active li {
  border-top: 0px dashed #ccc;
  }
  
  /* COPYRIGHT ----------------------------------------------------------*/
  
  #copyrightContainer {
  background-image: url(/sites/all/themes/five/images/bg_copyright.png);
  background-repeat: repeat-x;
  width: 100%;
  height: 100%;
  padding: 30px 0px 30px 0px;
  background-color: #636800;
  }
  
  .copyright {
  width: 871px;
  color: #9ca40d;
  margin: 0 auto;
  padding: 0px 30px 30px 30px;
  text-align: center;
  }
  
  .copyright a:link, .copyright a:visited {
  color: #9ca40d;
  text-decoration: none;
  }
  
  .copyright a:hover {
  color: #fff;
  }
  
  /* BREADCRUMBS ---------------------------------------------*/
  
  .breadcrumbContainer {
  border-bottom: 1px solid #d7d7d7;
  padding: 0px 0px 10px 0px;
  margin: -5px 0px 20px 0px;
  width: 600px;
  }
  
  .breadcrumb {
  padding: 0px; 
  margin: 0px;
  font-size: 10px;
  }
  
  .breadcrumb a:link, .breadcrumb a:visited {
  text-decoration: none;
  color: #40412c;
  }
  
  .breadcrumb a:hover {
  color: #636800;
  }
  
  /* SHOWCASE SCROLLER -----------------------------*/
  
  #sub #contentContainerContentShowcase {
  width: 896px;
  margin: 0 auto;
  padding: 30px 0px 30px 0px;
  background-image: url(/sites/all/themes/five/images/bg_sidenav.png); 
  background-repeat: repeat-y;
  background-position: 635px 100%;
  }
  
  #sub #contentContainerShowcase {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #40412c;
  line-height: 15px;
  background-color: #fff;
  }
  
  

  #sub #contentContainerShowcase #cover01 img {
  margin-top: 30px
  }
  
  
/* Easy Slider */

  #showcase-scroller {
    padding: 0px;
    margin-top: 45px;
  }

  #showcase-scroller ul, #showcase-scroller li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style:none;
    
    }
    
    
    
  #showcase-scroller li { 
    /* 
      define width and height of list item (slide)
      entire slider area will adjust according to the parameters provided here
    */
    width: 600px;
    overflow:hidden;
    margin: 0px 0px 0px 0px;
    } 
    
    #showcase-scroller li a:link, #showcase-scroller li a:visited {
    text-decoration: none
    }        
    
  #prevBtn { 
    top: 206px;
    display:block;
    z-index:1000;
    position: absolute;
    } 

  #nextBtn { 
    top: 206px;
    margin: 0px 0px 0px 560px;
    display:block;
    z-index:1000;
    position: absolute;
    }
	

  #nextBtn a {  
    display:block;
    position:relative;
    width:30px;
    height:16px;
    padding: 0px 0px 0px 9px;
    color: #686e00;
    text-decoration: none;
    background-image: url(/sites/all/themes/five/images/bg_next.png);
    
    }

  #prevBtn a {  
    display:block;
    position:relative;
    width:48px;
    height:16px;
    padding: 0px 0px 0px 9px;
    color: #686e00;
    text-decoration: none;
    background-image: url(/sites/all/themes/five/images/bg_previous.png);
    } 
    
  /* SHOWCASE CLASSES ---------------------------*/
  
  .showcaseTitle {
  font-size: 16px;
  font-weight: bold;
  color: #636800;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  padding: 0px;
  }
  
  .showcaseTeaser {
  color: #4a4b35;
  padding: 0px;
  }
  
  #showcase-content {
  margin: 10px 0px 0px 0px;
  padding: 0px;
  width: 600px;
  min-height: 300px;
  }

  #showcase-scroller li img {
    width: 590px;
    height: 276px;
  }
    
  /* numeric controls */  

  /*ol#controls{
    margin: 0px 0px 0px 0px;
    padding: 2px 10px 0px 15px;
    height: 30px;  
    }
    
  ol#controls li{
    margin: 0px; 
    padding: 0px;
    float: left;
    list-style: none;
    line-height: 100%;
    }
    
  ol#controls li a {
    float:left;
    border-right: none;
    color: #999;
    padding: 0px 0px 0px 0px;
    text-decoration:none;
    font-size: 8px;
    font-weight: bold;
    font-family: tahoma, arial, sans-serif;
    }
    
  ol#controls li.current a{
    color:#600;
    }
    
  ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}*/
  
  /* // Easy Slider */

  .showcase-container {
  /*height: 220px;*/
  padding: 15px 0px 0px 0px;
  margin: 0px 0px 0px 2px;
  border-top: 1px solid #ccc;
  cursor: pointer;
  }
  
  
  
  .tabs a:link, .tabs a:visited {
  border: none
  }

/* Social Media */
  #node-28 .facebook img {
	float:left;
	width: 60px;
	padding-top: 30px;
	padding-left: 40px;
}
 #node-28 .twitter img {
	float:left;
	width: 100px;
	padding-top: 5px;
	padding-left: 50px;
}
  #node-28 .vimeo img {
	float:right;
	padding-right: 20px;
	width: 100px;
  }

  #node-28 .youtube img {
	float: left;
	padding-top: 10px;
	padding-left: 20px;
  }

/* Ipad Stuff */

@media only screen and (device-width: 768px) {
	#logoAnim {
                display: none;
        }
        #logoNoAnim {
                display: block;
        }
        #promoFlash {
                display:none;
        }
        #promoNoFlash {
                display:block;
                height: 289px;
                width: 100%;
                overflow: hidden;
                margin: 0 auto;
                text-align: center;
                position: absolute;
                top: 115px;
        }
        #topBar .block-menu_block {
                top: -110px;
        }
	#topBar .block-menu_block {
                margin-left: 120px;
        }


}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	#logoAnim {
                display: none;
        }
	#logoNoAnim {
		display: block;
	}
	#promoFlash {
		display:none;
	}
	#promoNoFlash {
		display:block;
                height: 289px;
		width: 100%;
                overflow: hidden;
                margin: 0 auto;
                text-align: center;
                position: absolute;
                top: 115px;
        } 
	#topBar .block-menu_block {
		top: -110px;
	}
	#topBar .block-menu_block {
		margin-left: 120px;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	#logoAnim {
                display: none;
        }
	#logoNoAnim {
		display: block;
	}
	#promoFlash {
		display: none;
	}
	#promoNoFlash {
		display:block;
                height:289px; 
		width: 100%;
                overflow: hidden;
                margin: 0 auto;
                text-align: center;
                position: absolute;
                top: 115px;
        }	
	#topBar .block-menu_block {
                top: -110px;
        }
	#topBar .block-menu_block {
                margin-left: 120px;
        }

 
}