/* @override http://dev.skialbertalive.com/css/main.css?ver=200901131140 */

/*
	-----------------------------------------------
		Master Screen Style
	-----------------------------------------------
		SkiAlbertaLive.com
		author:		Ryan Mayer
		date:		 	November 2006
	----------------------------------------------- 
*/


/* body
----------------------------------------------- */
html,body{margin:0px;padding:0px}
body {color: #5B5845; margin: 0px; padding: 0px; background: top repeat-x #5B5845 scroll; font: 62.5% Arial, Helvetica, sans-serif; text-align:center;}

a:link {color: #585842; text-decoration: none; font-weight:bold;}
a:visited {color: #585842; text-decoration: none; font-weight:bold;}
a:hover {color: #b73d13;  text-decoration: underline; font-weight:bold;}

#container {width: 929px; margin: 0px auto; padding: 0px; background:#5B5845 url(../img/0.jpg) 0 0 repeat-y;}
#sitenav {width: 929px; height: 104px; margin: 0px; padding:0px; background:transparent url(../img/bgSitenav.jpg) top no-repeat;}
#subnav {width: 177px; height: 298px;  margin: 20px 0px 0px 20px; padding:50px 0px 0px 30px; background:#333 url(../img/bgSubnav.jpg) top no-repeat; float:left; text-align:left; _line-height: 10px;}
#body {margin:0px; padding:0px; background:#475556 url(../img/bgBody.jpg) 0 0 repeat-y;}
#content {width: 589px; margin: 0px 0px 0px 56px; padding:0px; background:#A58445 url(../img/bgContent.jpg) top no-repeat; float:left;}
#contentBody {width: 515px; margin: 0px 0px 0px 40px; padding:10px 0px 0px 0px; text-align: left;}
#contentBody p {font-size: 1.2em; line-height: 1.6em; color: #FFF; text-align: left; padding:0px 0px;} 
#contentBody p.listing {padding: 0px; margin: 5px;} 
#contentBody img {margin: 10px 10px 10px 10px;}
#content img.foot {margin: 0px 0px -4px 0px;}


td {font-size: 1.2em; line-height: 1.6em; color: #fff;} 

#breadcrumb {margin: 0px; padding:0px; width:500px; height:15px; display:block; color: #b8b8a0; float:left}
#search {margin: 0px 30px 0px 0px; padding: 6px 0px 0px 10px; width:200px; height:25px; background: transparent url(../img/bgSearch.jpg) 0 0 no-repeat; float:right}
.input {background: transparent; border:0px; font-size: 1.2em; font-weight:bold; color: #FFF; text-align: left; }


#navLeft {float:left; width:178px; height:45px; margin:0px; padding:0px;} 
#navRight {float: right; width:670px; height:45px; margin:0px; padding:0px;}

a.logo_btn {display: block; float: left; width: 178px; height: 104px; background: transparent url(../img/btn_logo.jpg) 0px 0px no-repeat;}
a.logo_btn:hover {background: transparent url(../img/btn_logo.jpg) 0px -104px no-repeat;}

a.bread:link {background: transparent; color: #b8b8a0; text-align: left; font-weight:bold; margin:0px; padding: 0px;}
a.bread:visited {color: #b8b8a0; text-decoration: none; font-weight:bold;padding: 0px; margin:0px;}
a.bread:hover {color: #FFF;  font-weight:bold; padding: 0px; margin:0px;}

a.skihills_btn {display: block; float: left; width: 123px; height: 66px; background: transparent url(../img/btn_skihills.jpg) 0px 0px no-repeat;}
a.skihills_btn:hover {background: transparent url(../img/btn_skihills.jpg) 0px -66px no-repeat;}
a.wheresnow_btn {display: block; float: left; width: 168px; height: 66px; background: transparent url(../img/btn_wheresnow.jpg) 0px 0px no-repeat;}
a.wheresnow_btn:hover {background: transparent url(../img/btn_wheresnow.jpg) 0px -66px no-repeat;}
a.upcoming_btn {display: block; float: left; width: 154px; height: 66px; background: transparent url(../img/btn_upcoming.jpg) 0px 0px no-repeat;}
a.upcoming_btn:hover {background: transparent url(../img/btn_upcoming.jpg) 0px -66px no-repeat;}
a.packages_btn {display: block; float: left; width: 192px; height: 66px; background: transparent url(../img/btn_packages.jpg) 0px 0px no-repeat;}
a.packages_btn:hover {background: transparent url(../img/btn_packages.jpg) 0px -66px no-repeat;}

a.skiblog_btn {display: block; float: left; width: 192px; height: 66px; background: transparent url(../img/btn_skiBlog.jpg) 0px 0px no-repeat;}
a.skiblog_btn:hover {background: transparent url(../img/btn_skiBlog.jpg) 0px -66px no-repeat;}

a.learn_btn {display: block; float: left; width: 117px; height: 39px; background: transparent url(../img/btn_learn.jpg) 0px 0px no-repeat;}
a.learn_btn:hover {background: transparent url(../img/btn_learn.jpg) 0px -39px no-repeat;}
a.getback_btn {display: block; float: left; width: 138px; height: 39px; background: transparent url(../img/btn_getback.jpg) 0px 0px no-repeat;}
a.getback_btn:hover {background: transparent url(../img/btn_getback.jpg) 0px -39px no-repeat;}
a.family_btn {display: block; float: left; width: 110px; height: 39px; background: transparent url(../img/btn_family.jpg) 0px 0px no-repeat;}
a.family_btn:hover {background: transparent url(../img/btn_family.jpg) 0px -39px no-repeat;}
a.interex_btn {display: block; float: left; width: 116px; height: 39px; background: transparent url(../img/btn_interex.jpg) 0px 0px no-repeat;}
a.interex_btn:hover {background: transparent url(../img/btn_interex.jpg) 0px -39px no-repeat;}
a.boarders_btn {display: block; float: left; width: 156px; height: 39px; background: transparent url(../img/btn_boarders.jpg) 0px 0px no-repeat;}
a.boarders_btn:hover {background: transparent url(../img/btn_boarders.jpg) 0px -39px no-repeat;}

#contentMap {margin: 0px 0px 0px 56px; padding:0px; background:#A58445 url(../img/bgContent.jpg) top no-repeat;}

#toppanel {background:#CCC url(../img/bgMapTop.jpg) 0 0 no-repeat; width:870px; height: 26px;}
#leftpanel {background:#CCC url(../img/bgMapLeft.jpg) 0 0 no-repeat; width:170px; height: 453px; float:left;}
#middlepanel {background:#CCC url(../img/#.jpg) 0 0 no-repeat; width:532px; height: 453px; float:left;}
#rightpanel {background:#CCC url(../img/bgMapRight.jpg) 0 0 no-repeat; width:170px; height:453px; float:left;}
#botpanel {background:#CCC url(../img/bgMapBot.jpg) 0 0 no-repeat; width:870px; height: 26px;}

 #footer {width:929px; height:89px; margin:0px 0px 20px 0px; padding:0px; background:url(../img/tempFooter.jpg) top no-repeat;}
/*#footer div.left_footer {float: left; width: 223px; height: 40px; padding: 110px 15px 0px 90px; font-size: 1.1em; color: #b8b8a0; text-align:left;}
#footer div.right_footer {float: left; 	width: 300px; height: 40px; background: transparent url(../img/logo_tal.jpg) 100% 100% no-repeat; padding: 110px 0px 0px 20px; font-size: 1.1em; color: #b8b8a0; border-left: 0px solid #999; text-align:left;}
#footer a:link {color: #b8b8a0; text-decoration: none;}
#footer a:visited {color: #b8b8a0; text-decoration: none;}
#footer a:hover {color: #CCC; text-decoration: underline;} 

.subnav {font-size: 1.2em; color: #FFF;}
.subnav a:link {color: #FFF; text-decoration: none;}
.subnav a:visited {color: #FFF; text-decoration: none;}
.subnav a:hover {color: #FFF; text-decoration: underline;}*/


#subnav a {margin:0px 0px 0px 0px; padding:  0px 0px 0px 0px; font-size: 1.2em; }
#subnav a:link {color: #fff; text-decoration: none;}
#subnav a:visited {color: #fff; text-decoration: none;}
#subnav a:hover {color: #fff;  text-decoration: underline;}
#subnav a.selected {color: #fff;}


#header {width: 929px; height:222px; margin:0px; padding:0px; cursor: pointer;}

h1 {font-size: 1.5em; text-align:left; text-decoration:none; letter-spacing:0; color: #FFF; padding: 0px 0px 0px 0px; }
h2 {font-size: 1em; font-weight:bold; font-variant:small-caps; text-align:left; color: #CCC; margin: 0px;}

.right {text-align: right;}

.boxSkiHills {width:214px; height:225px; margin: 0px 0px 0px 25px; padding: 0px; background:url(../img/bgSkiHills.jpg) top no-repeat; float: left;}
.boxSkiHills p {font-size: 1.1em; line-height: 1.2em; color: #FFF; text-align: left; padding:0px 15px 0px 15px;}
.boxSkiHills a:link {color: #FFF; text-decoration: none; font-weight:bold;}
.boxSkiHills a:visited {color: #FFF; text-decoration: none; font-weight:bold;}
.boxSkiHills a:hover {color: #FFF;  text-decoration: underline; font-weight:bold;}

.boxWheresSnow {width:214px; height:225px; margin: 0px; padding: 0px;background:url(../img/bgWheresSnow.jpg) top no-repeat; float: left;}
.boxWheresSnow p {font-size: 1.1em; line-height: 1.2em; color: #FFF; text-align: left; padding:0px 15px 0px 15px;}
.boxWheresSnow a:link {color: #FFF; text-decoration: none; font-weight:bold;}
.boxWheresSnow a:visited {color: #FFF; text-decoration: none; font-weight:bold;}
.boxWheresSnow a:hover {color: #FFF;  text-decoration: underline; font-weight:bold;}

.boxUpcoming {width:214px; height:225px; margin: 0px; padding: 0px; background:url(../img/bgUpcoming.jpg) top no-repeat; float: left;}
.boxUpcoming p {font-size: 1.1em; line-height: 1.2em; color: #FFF; text-align: left; padding:0px 15px 0px 20px;}
.boxUpcoming a:link {color: #FFF; text-decoration: none; font-weight:bold;}
.boxUpcoming a:visited {color: #FFF; text-decoration: none; font-weight:bold;}
.boxUpcoming a:hover {color: #FFF;  text-decoration: underline; font-weight:bold;}

.boxPackages {width:216px; height:225px; margin: 0px; padding: 0px; background:url(../img/bgPackages.jpg) top no-repeat; float: left;}
.boxPackages p {font-size: 1.1em; line-height: 1.2em; color: #FFF; text-align: left; padding:0px 15px 0px 25px;}
.boxPackages a:link {color: #FFF; text-decoration: none; font-weight:bold;}
.boxPackages a:visited {color: #FFF; text-decoration: none; font-weight:bold;}
.boxPackages a:hover {color: #FFF;  text-decoration: underline; font-weight:bold;}


.boxLearn {width:214px; height:225px; margin: 0px 0px 0px 25px; padding: 0px; background:url(../img/bgLearn.jpg) top no-repeat; float: left;}
.boxLearn p {font-size: 1.1em; line-height: 1.2em; color: #FFF; text-align: left; padding:0px 15px 0px 20px;}
.boxLearn a:link {color: #FFF; text-decoration: none; font-weight:bold;}
.boxLearn a:visited {color: #FFF; text-decoration: none; font-weight:bold;}
.boxLearn a:hover {color: #FFF;  text-decoration: underline; font-weight:bold;}
 
.boxGetBack {width:214px; height:225px; margin: 0px; padding: 0px; background:url(../img/bgGetBack.jpg) top no-repeat; float: left;}
.boxGetBack p {font-size: 1.1em; line-height: 1.2em; color: #FFF; text-align: left; padding:0px 15px 0px 15px;}
.boxGetBack a:link {color: #FFF; text-decoration: none; font-weight:bold;}
.boxGetBack a:visited {color: #FFF; text-decoration: none; font-weight:bold;}
.boxGetBack a:hover {color: #FFF;  text-decoration: underline; font-weight:bold;}
 
.boxFamilyFun {width:214px; height:225px; margin: 0px; padding: 0px; background:url(../img/bgFamilyFun.jpg) top no-repeat; float: left;}
.boxFamilyFun p {font-size: 1.1em; line-height: 1.2em; color: #FFF; text-align: left; padding:0px 15px 0px 20px;}
.boxFamilyFun a:link {color: #FFF; text-decoration: none; font-weight:bold;}
.boxFamilyFun a:visited {color: #FFF; text-decoration: none; font-weight:bold;}
.boxFamilyFun a:hover {color: #FFF;  text-decoration: underline; font-weight:bold;}
 
.boxIntermediate {width:216px; height:225px; margin: 0px; padding: 0px; background:url(../img/bgIntermediate.jpg) top no-repeat; float: left;}
.boxIntermediate p {font-size: 1.1em; line-height: 1.2em; color: #FFF; text-align: left; padding:0px 15px 0px 25px;}
.boxIntermediate a:link {color: #FFF; text-decoration: none; font-weight:bold;}
.boxIntermediate a:visited {color: #FFF; text-decoration: none; font-weight:bold;}
.boxIntermediate a:hover {color: #FFF;  text-decoration: underline; font-weight:bold;}
 
.boxBoarders {width:428px; height:139px; margin: 0px 0px 0px 240px; padding: 0px; background:url(../img/bgBoarders.jpg) top no-repeat;}
.boxBoarders p {font-size: 1.1em; line-height: 1.2em; color: #FFF; text-align: left; padding:0px 55px 0px 45px;}
.boxBoarders a:link {color: #FFF; text-decoration: none; font-weight:bold;}
.boxBoarders a:visited {color: #FFF; text-decoration: none; font-weight:bold;}
.boxBoarders a:hover {color: #FFF;  text-decoration: underline; font-weight:bold;}




/* Helpers */
.clear {clear: both;}


#topright {position: absolute; right: 0; top: 0; display: block; height: 180px; width: 91px; background: #333 /*url(../img/TAL_banner.png) no-repeat; text-indent: -999em;*/ text-decoration: none;}
a.banner {display: block; height: 180px; width: 91px; background: transparent url(/img/TAL_bannerWall.png) 0px 0px no-repeat;}
a.banner:hover {background: transparent url(/img/TAL_bannerWall.png) 0px -180px no-repeat;}


/* Table */
.table p {font-size: 1.1em; color: #FFF; text-align: left; padding:0px;} 
#content img.foot {margin: 0px 0px -4px 0px;}
/* Common Footer
----------------------------------------------- */
#footer div.patch_footer {float: left; 
						  width: 100px; 
						  height: 40px;
						  margin-left: 100px; 
						  _margin-left: 65px; 
						  background: transparent url(../img/AB-leather-patch.png) 65% 90% no-repeat; 
						  _background: transparent url(../img/AB-leather-patch.jpg) 65% 90% no-repeat; 
						  padding: 115px 15px 0px 90px; 
						  font-size: 1.1em; 
						  color: #b8b8a0; 
						  text-align:left; 
						  }
#footer div.left_footer {float: left; 
                         width: 300px; 
						 height: 40px;  
						 background: transparent 0% 100% no-repeat; 
						 padding: 100px 15px 0px 0px;   
						 font-size: 1.1em; 
						 color: #b8b8a0; 
						 text-align:left; }
#footer div.right_footer {float: left; 	
                          width: 200px; 
						  height: 40px; 
						  background: transparent 0% 100% no-repeat;   
						  padding: 100px 0px 0px 0px; 
						  font-size: 1.1em; 
						  color: #b8b8a0; 
						  border-left: 0px solid #999; 
						  text-align:left; }
#footer a:link {color: #b8b8a0; text-decoration: none;}
#footer a:visited {color: #b8b8a0; text-decoration: none;}
#footer a:hover {color: #CCC; text-decoration: underline;}

/* Floating Flash Ad. */
#flad-wrap {
  position: fixed;
  _position: absolute; /* ie6 */
  visibility: hidden;
  z-index: 100;
  width: 900px;
  height: 300px;
  top: 40px;
  background-color: transparent;
}
#flad-bg {
  position: fixed;
  _position: absolute; /* ie6 */
  z-index: 50;
  width: 100%;
  height: 100%;
  _height: 1100px; /* ie6 */
  top: 0;
  background-color: #000;
  opacity: 0.75;
  filter:alpha(opacity=75); /* ie7 */
  _background-color: none; /* ie6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bgFlAd.png', sizingMethod='scale'); /* ie6 */
}
#flad-close-button {
  position: relative;
  width: 40px;
  height: 10px;
  top: -249px;
  left: 727px;
}
#flad-close-button a:link, #flad-close-button a:visited {
  display: block;
  width: 40px;
  height: 10px;
  background: transparent url(/img/flad-close-button.png) no-repeat 0 0;
  background: transparent url(/img/flad-close-button-ie.png) no-repeat 0 0;
}

#flad-close-button a:hover, #flad-close-button a:active {
  background-position: 0 -10px;
}


/* @group general listing */

.listing h2 {
	margin-bottom: 0 !important;
}

.listing h3 a:link, .listing h3 a:visited {
	color: #A76F3E;
	/*font-weight: normal;*/
}

.listing p {
	line-height: 1.2;
}

.listing .item {
	clear: both;
	min-height: 45px;
	padding: 5px 0;
	background: transparent url(/img/bg/newsitem.jpg) no-repeat 0 0;
}

.listing .item .shield {
	float: left;
	background: transparent no-repeat 0 0;
}

.listing .item .article {
	margin-left: 5px;
	margin-right: 5px;
}

/* @end */

/* @group Packages listing */


.listing#list-packages .article {
	margin: 0 5px 0 136px;
}

.listing#list-packages .shield {
	/*width: 90px;*/
	/*width: 99px;*/
	margin: -7px 0 0 10px;
	/*border: 3px solid #7d7555;*/
}

.listing#list-packages h2 a:link, .listing#list-packages h2 a:visited {
	color: #4b473b;
}

.listing#list-packages h3 a:link, .listing#list-packages h3 a:visited {
	color: #4b473b;
}

.listing#list-packages div.hr {
	margin-bottom: -4px;
}

.more {
  margin: 10px 0;
}

.more img {
  margin: 0 !important;
  padding: 0 !important;
}

/* @end */


/* @group Paginator */

ul.paginator {
	padding: 4px;
	text-align: right;
}

ul.paginator li {
	display: inline;
	padding: 2px;
}

ul.paginator li.current {
	padding: 2px 4px;
	color: #4a483f;
	background-color: #b5b69f;
	font-weight: bold;
}

ul.paginator li.next-off, ul.paginator li.previous-off {
	color: #b5b69f;
	font-weight: bold;
}

/* @end */