.off-screen,
#header .a {text-indent:-999px; background-repeat: none; display:block; overflow:hidden;}

/* weather carousel */
#weather-wrap {position: relative; width: 200px;}
#weather {position:relative; left: 0; width: 172px; height: 117px; overflow: hidden; }
#weather div.carouselPanel { background: #e0e0dc; position:absolute; width: 172px; height: 117px; overflow: hidden; text-align:center;}
.weatherDate {font-size:1.2em; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; display: block; width: 100%; padding-top:8px; text-align:center; font-weight: bold; text-transform: uppercase; color: #5e5b5b; }
.weatherImage {text-align:center; margin:8px 0;}
.weatherTemperature { display: block; width: 100%; font-size:18px; font-weight:bold; text-align:center; color: #202020;}

#previous-weather {position:absolute; top:92px; left:-15px; display: block; background: url(../images/bg-weather-previous.png) no-repeat; height: 40px; width: 40px;}
#previous-weather:hover { background-position: 0 -40px; }
#next-weather {position:absolute; top:92px; right: 15px; display: block; background: url(../images/bg-weather-next.png) no-repeat; height: 40px; width: 40px;}
#next-weather:hover { background-position: 0 -40px; }

/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

#mainCarousel							{ width: 961px; height: 310px; background: url(../images/bg-slider.gif) no-repeat; padding: 0 18px 0 21px; }
.anythingSlider                         { width: 961px; height: 310px; position: relative; padding: 0; }
.anythingSlider .wrapper                { width: 961px; overflow: auto; height: 310px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: -20px; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 310px; width: 961px; }
.anythingSlider ul li#panel1			{ background: url(../images/panel2.jpg); }
.anythingSlider ul li#panel2			{ background: url(../images/panel6.jpg); }
.anythingSlider ul li#panel3			{ background: url(../images/panel3.jpg); }
.anythingSlider ul li#panel4			{ background: url(../images/panel4.jpg); }
.anythingSlider ul li#panel5			{ background: url(../images/panel5.jpg); }
.anythingSlider ul li#panel6			{ background: url(../images/panel1.jpg); }
.anythingSlider .arrow                  { display: block; height: 71px; width: 71px; background: url(../images/bg-previous-arrow.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 120px; cursor: pointer; }
.anythingSlider .forward                { background: url(../images/bg-next-arrow.png); right: -20px; }
.anythingSlider .back                   { background: url(../images/bg-previous-arrow.png); left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -71px; }
.anythingSlider .back:hover             { background-position: 0 -71px; }

#start-stop                             { display: none; }

a#previous-arrow {position:absolute; top:120px; left:0; display: block; background: url(../images/bg-previous-arrow.png) no-repeat; height: 71px; width: 71px; z-index: 10; }
a#previous-arrow:hover { background-position: 0 -71px; }
a#next-arrow {position:absolute; top:120px; right:0; display: block; background: url(../images/bg-next-arrow.png) no-repeat; height: 71px; width: 71px; z-index: 10; }
a#next-arrow:hover { background-position: 0 -71px; }
/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#mainCarousel .panelContent { padding: 20px 0 0 677px; width:235px; z-index: 1; font-size: 13px; line-height: 1.4em; color: #cfcfcf; }
#mainCarousel h3 { color:#ffffff; font-size:25px; padding-bottom:.5em 0 1em 0; line-height: 1.4em; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; }
#mainCarousel p { min-height: 110px; }

.more-info { background: url(../images/bg-more-info.png) no-repeat; height: 53px; width: 220px; cursor: pointer; margin-left: -10px; }
.more-info:hover { background-position: 0 -53px; }