/* ALPINE RECREATION INDEX STYLES */

/* info bubbles layout */
#infobubbles {height: 480px;}
#infobubbles h1 {font-size: 20px; font-weight: normal; font-variant: small-caps; color: #fff; padding: 0; margin: 0; text-align: right;}
#infobubbles h1 a {color: #fff; font-weight: normal;}
#infobubbles h1 a:hover {color: #fff; text-decoration: none;}
#infobubbles p {padding: 3px 0; font-size: 12px;}
#infobubbles a {color: #000; font-weight: normal;}
#infobubbles a:hover {color: #000; text-decoration: none;}
#trek, #climb, #ski {background: transparent; margin-left: 10px; float: left; width: 242px; display: inline; overflow: hidden;}
#news {background: transparent; margin-right: 10px; float: right; width: 204px; display: inline;}
#news h3 {font-size: 12px; padding: 6px 0 0 0;}
#news p {text-align: justify; padding: 0 0 4px; font-size: 10px;}
#news a {color: #000; font-weight: bold;}
#news a:hover {text-decoration: underline;}
#info {width: 370px; margin: 10px 0 0 10px; overflow: hidden;}
#info p, #links p {font-size: 11px; padding: 2px 0;}
#links {width: 363px; float: right; margin: 10px 10px 0 10px; display: inline; overflow: hidden;}

/* round corners */
.ztop, .zbottom {display: block; background: transparent; font-size: 1px;}
.zb1, .zb2, .zb3, .zb4 {display: block; overflow: hidden;}
.zb1, .zb2, .zb3 {height: 1px;}
.zb2, .zb3, .zb4 {border-left: 1px solid #555;	border-right: 1px solid #555;}
.zb1 {margin: 0 5px; background: #555;}
.zb2 {margin: 0 3px; border-width: 0 2px;}
.zb3 {margin: 0 2px;}
.zb4 {height: 2px; margin: 0 1px;}
/* background colours */
#trek .zb2, #trek .zb3, #trek .zb4 {background: #8B9638;}
#climb .zb2, #climb .zb3, #climb .zb4 {background: #a54545;}
#ski .zb2, #ski .zb3, #ski .zb4 {background: #5681ac;}

/* box contents */
.zboxheader {height: 28px; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #555;}
.zboxfooter {height: 120px; border-left: 1px solid #555; border-right: 1px solid #555; border-top: 1px solid #555;}
.zboxcontent {display: block; border: 0 solid #555; border-width: 0 1px;} /* box with adjusting height */
#news div.zboxcontent {height: 690px;} /* box with fixed height */
#info div.zboxcontent, #links div.zboxcontent {height: 200px; overflow: hidden;} /* box with fixed height */
/* background colours */
#trek .zboxheader, #trek .zboxcontent, #trek .zboxfixed, #trek .zboxfooter {background: #8B9638;}
#climb .zboxheader, #climb .zboxcontent, #climb .zboxfixed, #climb .zboxfooter {background: #a54545;}
#ski .zboxheader, #ski .zboxcontent, #ski .zboxfixed, #ski .zboxfooter {background: #5681ac;}

#movie {margin: 1px 5px;}
.movie {margin: 1px 5px;}
.moviecaption {font-size: 10px; line-height: 3px; position: absolute; bottom: 1px; right: -9px; background: #fff; padding: 0 2px; margin: 0; border: 0;}