/*Photo Rotator -- */
.rotation-container {border:1px solid #F00; background:url(images/bgs/bg-slant-stripe.jpg) repeat; width:100%;}


#photo_rotator {background-image: url('images/rotator_bg_repeater.gif'); background-repeat:repeat; width: 960px; 
                height: 385px; margin: 0.3125em auto; /*5px/16px*/ margin-bottom:0; 
                border-bottom:9px solid #333; border-top-left-radius: 10px; border-top-right-radius: 10px;position:relative;}
                
#photo_rotator #pics {background-size:100%;background-image: url('images/rotator_1.png'); background-repeat: no-repeat; background-position: top left;
                      position: absolute; top:1.166666666666667em; left:1.50214592274678%; /*14px/932*/ width:97.85407725321888%; /*912/932*/ height: 366px;z-index:1; }
                      
#photo_rotator #picsunder {background-size:100%;background-repeat: no-repeat; background-position: top left;
                      position: absolute; top:1.166666666666667em; left:1.50214592274678%; /*14px/932*/ width:97.85407725321888%; /*912/932*/ height: 366px;z-index:0; } 
                      
                                                          
#photo_rotator #wrapper {margin:51px 1.07296137339056%; /*10px*/ width: 31.43776824034335%; /*293px/932*/ top: -1px; background-color:#00aee6; color:#fff; 
                         height:287px; float: right; font-family: Arial; position:relative; z-index:4;}
    .ie7 #photo_rotator #wrapper, .ie8 #photo_rotator #wrapper {height: 290px; margin-top: 52px;}

.accordionButton          {z-index:5;width: 89.07849829351536%; /*263px/293*/  height: 39px; padding: 19px 0 0 8.74524714828897%; /*23px/263*/ float: left; cursor: pointer; font-family: Georgia; font-size: 1.583333333333333em; /*19/12*/ font-style: italic; font-weight: bold; text-decoration:none;}
    .ie7 .accordionButton {line-height:1.2em;}
.accordionButtonSelected  {z-index:5;width: 89.07849829351536%; /*263px/293*/  height: 39px; padding: 19px 0 0 8.74524714828897%; /*23px/263*/ float: left; cursor: pointer; font-family: Georgia; font-size: 1.583333333333333em; /*19/12*/font-style: italic;font-weight: bold; text-decoration:none; border-right : 7px solid #febe10;}
    .ie7 .accordionButtonSelected {line-height:1.2em;} 

.accordionContent         { z-index:5;width: 89.07849829351536%; /* 239px/293*/  height: 58px; margin: -10px 0 0 0; padding: 0 0 0 8.74524714828897%; /*20px .. 23px/263*/  float: left; line-height: 1.416666666666667em; /*17/12*/ display: none; }	
.accordionContentSelected { z-index:5;width: 89.07849829351536%; /* 239px/293*/  height: 58px; margin: -10px 0 0 0; padding: 0 0 0 8.74524714828897%; /*20px .. 23px/263*/  float: left; line-height: 1.416666666666667em; /*17/12*/ display: none; border-right: 7px solid #febe10; }

.shadow {background: url('images/rotator_menuitem_shadow.png') no-repeat top center;background-size:100%; z-index:6;}
.arrow {background: url('images/rotator_arrow.png') no-repeat top left; position: absolute; left:-24px; top:-3px; z-index:6; width:24px; height:116px;}

a.rotator {display: block; color: #fff; text-decoration: none;}


/*#photo_rotator #picsfade.rotator1{background-image: url('images/rotator_1.png');}
#photo_rotator #picsfade.rotator2{background-image: url('images/rotator_2.png');}
#photo_rotator #picsfade.rotator3{background-image: url('images/rotator_3.png');}
#photo_rotator #picsfade.rotator4{background-image: url('images/rotator_4.png');}*/




#photo_rotator {margin-bottom:0;}
#photo_rotator_320 {display: none;}
#photo_rotator_320 .box {display:none;}

@media screen and (max-width:966px)
{
    
    #photo_rotator {display:none; }
    #photo_rotator_320 {display: block; width:96%;  border: 5px solid #999; margin: 0 auto; margin-bottom: 10px;}
    #photo_rotator_320 .box {display: block; background: #00aee6; font-family: Georgia; font-size: 1.6em; font-weight: bold; font-style:italic; text-align: center; color: #fff; padding:10px 0 10px 0; border-bottom: 1px solid #fff; }
    #photo_rotator_320 .box a {color: #fff; text-decoration: none;}
    #photo_rotator_320 .box a:hover {color: #febe10; text-decoration: none;}
    
}

@media screen and (max-width:800px)
{
     body {background-image:none; background-color:#59a7ee;}
     #photo_rotator #wrapper{margin-top:42px; height:236px;}
     .accordionButton          {height: 30px; padding-top: 15px; font-size: 1.333333333333333em; /*16/12*/ }
    .accordionButtonSelected  { height: 30px; padding-top:15px; font-size: 1.333333333333333em; /*16/12*/ border-right : 5px solid #febe10;}
    .accordionContent         {height: 65px; margin-top: -5px; font-size:.9em; }	
    .accordionContentSelected {height: 65px;	margin-top: -5px; font-size:.9em; border-right: 5px solid #febe10; }
    .arrow {display:none;}
}

@media screen and (max-width:480px)
{
  #photo_rotator #wrapper {font-size:.85em;}  
 
}




@media screen and (max-width:320px)
{  
  
  #photo_rotator {display:none; }
  #photo_rotator_320 {display: block; width:97%; margin-bottom: 5px; border: 5px solid #333; margin-right: 5px;}
  #photo_rotator_320 .box {display: block; background: #5897ad; font-family: Georgia; font-size: 1.6em; font-weight: bold; font-style:italic; text-align: center; color: #fff; padding:6px 0 6px 0; border-bottom: 1px solid #fff; }
  #photo_rotator_320 .box a {color: #fff; text-decoration: none;}
  #photo_rotator_320 .box a:hover {color: #ff4f00; text-decoration: none;} 
  

 
}/*/mediaquery*/


@media screen and (max-width:600px) 
{
   
  
    #photo_rotator {display:none; }
    #photo_rotator_320 {display: block; width:96%;  border: 5px solid #999; margin: 0 auto;}
    #photo_rotator_320 .box {display: block; background: #00aee6; font-family: Georgia; font-size: 1.6em; font-weight: bold; font-style:italic; text-align: center; color: #fff; padding:6px 0 6px 0; border-bottom: 1px solid #fff; }
    #photo_rotator_320 .box a {color: #fff; text-decoration: none;}
    #photo_rotator_320 .box a:hover {color: #febe10; text-decoration: none;}
  
   
  
}/*/mediaquery*/