/*
screen.css =============================================================
	 	
========================================================================	
   	Author:	James Dacosta
   	Email: 	james@bright-interactive.com
   	Date:	07/01/08	
------------------------------------------------------------------------
	Comments
------------------------------------------------------------------------
   Styles for the new natives design
   	
   	- all smaller text is generally set to 85%
   	
========================================================================*/

/* =reset from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, #home img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, table, tbody, tfoot, thead, tr, th, .comply td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
#i ul { float:left; width:190px; }





/* remember to define focus styles! */
:focus { outline: 0; }

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
.comply table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* =typograpy
------------------------------------------------------------------------*/

strong { font-weight: bold; }
em { font-style: italic; }

body {
	font-size: small;
	line-height: 1.3;
	font-family: Arial, Verdana, sans;
	color: #333;
}

h1 {
	font-size: 130%;
	color: #266092;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 5px;
}

h2 {
	font-size: 110%;
	color: #266092;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0px;
}

input.text {
	font-size: 110%;
	padding: 0;
}



/* =outer
------------------------------------------------------------------------*/

#header { background: #577CA6 url(/img/structure/header-bg.jpg) top left repeat-x; }

/* =header
------------------------------------------------------------------------*/

#header .inner { height: 110px; }

#account_frame {
	position: absolute;
	top: 16px;
	right: 0;
	color: #fff;
	font-size: 85%;
}

a:hover { text-decoration: none; }
#account, #account a { color: #fff; }
#logo { margin: 18px 0 0 0; float:left; }

form#search-form {
	float: right;
	position: absolute;
	top: 45px;
	right: 0px;
	width: 30em;
	text-align: right;
}

input.text { font-size: ; }
form#search-form label { margin: 0 10px 0 0; }

form#search-form * {
	vertical-align: middle;
	margin: 0;
}

/* =navigation
------------------------------------------------------------------------*/

#nav-container {
	width: 900px;
	position: absolute;
	top: 84px;
	left: 50%;
	margin-left: -450px;
}

#nav li {
	position: relative;
	float: left;
	/*
	width:120px;
*/
}

/* negative margin-left to make the tabs overlap */

/*
#nav li{ width:123px; margin-left:-35px;}
#nav li#home-nav{width:110px; margin-left:0;}
#nav li#jobs-nav{width:118px;}
#nav li#courses-nav{width:135px;}
#nav li#mynatives-nav{width:145px;}
#nav li#news-nav{width:120px;}
#nav li#events-nav{width:125px;}
#nav li#resorts-nav{width:130px;}
#nav li#shop-nav{width:115px;}
#nav li#about-us-nav{width:140px;}
*/

#nav li#home-nav { margin-left: 0; }
#nav li { margin-left: -24px; }
ul#nav li#home-nav a { z-index: 1000; }
ul#nav li#jobs-nav a { z-index: 900; }
ul#nav li#courses-nav a { z-index: 800; }
ul#nav li#mynatives-nav a { z-index: 700; }
ul#nav li#news-nav a { z-index: 600; }
ul#nav li#events-nav a { z-index: 500; }
ul#nav li#resorts-nav a { z-index: 400; }
ul#nav li#shop-nav a { z-index: 300; }
ul#nav li#about-us-nav a { z-index: 200; }

#nav li a {
	display: block;
	width: 100%;
	float: none;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

/* margin-left to make the submenus sit under the tabs */
#nav li ul {
	width: 152px;
	margin-left: 0px;
}

#nav li ul li { margin-left: 0px; }

#nav li li, #nav li li a {
	position: static;
	float: left;
	width: 100%;
	display: block;
	cursor: pointer;
}

#nav ul {
	position: absolute;
	left: -999em;
	top: 26px;
	z-index: 2000;
}

#nav li:hover, #nav li.sfhover, #nav a:hover { cursor: pointer; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }

#nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul {
	left: auto;
	top: auto;
	margin-left: 140px;
}

ul#nav li a span.c {
	padding: 0px 0px 0px 5px;
	background: url(/img/structure/tab-centre.png) top center repeat-x;
	z-index: 100;
}

ul#nav li a span.r, ul#nav li a span.l, ul#nav li a span.c {
	line-height: 26px;
	height: 26px;
	float: left;
	position: relative;
}

ul#nav li a span.r {
	width: 65px;
	background: url(/img/structure/tab-right.png) top right no-repeat;
	z-index: 150;
	float: left;
	/*
	position:absolute;
	right:4px;
*/
}

ul#nav li a span.l {
	width: 11px;
	background: url(/img/structure/tab-left.png) top left no-repeat;
	z-index: 50;
	position: relative;
}

/*
ul#nav li a:hover { z-index: 1100 !important; }
*/

ul#nav li a:hover span, ul#nav li:hover a span, ul#nav li.sfhover a span {
	z-index: 2000;
	background-position: center left !important;
}

ul#nav li ul {
	width: 152px;
	background: url(/img/structure/nav-back.png) bottom left no-repeat;
	float: left;
	padding-bottom: 10px;
}

ul#nav li a:hover span, ul#nav li:hover a span, ul#nav li.sfhover a span, ul#nav li ul a { color: #326593; }
ul#nav ul a { border-bottom: 1px solid #c7c7c7 !important; }
ul#nav li.last a { border: none !important; }
ul#nav li ul a:hover { color: #000; }

ul#nav li ul a {
	padding: 3px 0px;
	width: 120px;
	margin: 0 auto;
	margin-left: 16px;
}

ul#nav a.parent { background: url(/img/structure/parent.gif) center right no-repeat; }

ul#nav a.parent:hover, ul#nav li li:hover a.parent,  ul#nav li li.sfhover a.parent {
	background-position: center left;
	color: #000;
}

#nav li ul ul {
	background: #fff;
	border: 1px solid #ccc;
	width: 146px;	
}

#nav li ul ul li a {
	border: none !important;
	font-weight: normal;
	padding: 2px 0;
}

#nav li ul ul li a:hover { text-decoration: underline; }

body#home li#home-nav a span.l,
ul#nav li a:hover span.l {
	position: relative;
	float: left;
}

body#home li#home-nav a { color: #014380; }
body#home li#home-nav a span { background-position: bottom left; }

body#home li#home-nav a * { z-index: 1500; }


/* =layout
------------------------------------------------------------------------*/

div.inner {
	width: 910px;
	margin: 0 auto;
	position: relative;
}

#content div.inner { overflow: hidden; }

.c-col {
	width: 290px;
	float: left;
	margin-left: 20px;
}

#secondary-content .c-col {
	width: 292px;
	float: left;
	margin-left: 17px;
}

.c-col-first, #secondary-content .c-col-first { margin-left: 0; }
.c-block { margin-bottom: 15px; }

#main-content, #secondary-content {
	float: left;
	margin-top: 20px;
}

/* =headings
------------------------------------------------------------------------*/

h2 { margin-bottom: 15px; }

h3 {
	font-size: 90%;
	color: #000;
	font-weight: bold;
	line-height: 1.1;
}

/* =homepage blocks
------------------------------------------------------------------------*/

#content a { color: #217CAB; }
#content a:hover { text-decoration: none; }
body#home #content dt a { font-weight: bold; }
body#home #content dt { margin-top: 12px; }

body#home #content dd {
	font-size: 85%;
	color: #707070;
}

a.bd, a.bd img { border: 1px solid #cdcdcd !important; }
a.bd:hover { border-color: #999 !important; }
#a, #d { min-height: 190px; }
#e { min-height: 110px; }
#h { min-height: 300px; }
#i,#f { min-height: 175px; }
#b { min-height: 285px; }

#a, #b, #c, #d, #e, #f, #g, #h, #i{
	padding:0 !important;
	margin:0 !important;

}

/* id[a] welcome */
#a {
	overflow: hidden;
	position: relative;
	background: url(/img/structure/skier.jpg) top left no-repeat;
}
#a h1 {
	margin-top:20px;
}

#a h1, #a p {
	width: 60%;
	float: right;
	clear: both;
}

/* id[b] latest news */
#b, #j { position: relative; }

#b a#news-rss, #j a#events-rss {
	position: absolute;
	top: 0px;
	right: 0px;
	text-decoration: none;
	font-size: 80%;
	color: #000;
	font-weight: bold;
	background: url(/img/structure/rss.jpg) center right no-repeat;
	padding-right: 16px;
	padding-top: 2px;
}

#b dl {font-size:90%;}

#b a#news-rss:hover, #j a#events-rss:hover { text-decoration: underline; }

/* id[c] tribe magazine */
#c h3 {
	margin-top: 10px;
	overflow: hidden;
}

#c h3 span {
	width: 60%;
	display: block;
	float: left;
}

#c h3 a { float: right; }

/* id[d] find a job */
#d div#find-inner {
	background: url(/img/structure/find-mid.gif) top left repeat-y;
	width: 248px;
	padding: 10px 21px;
}

#d div#find-bottom {
	background: url(/img/structure/find-bottom.gif) bottom left no-repeat;
	padding-bottom: 11px;
}

#d div#find-top {
	background: url(/img/structure/find-top.gif) top left no-repeat;
	padding-top: 10px;
}

#d label {
	font-size: 85%;
	margin-bottom: 2px;
	display: block;
}

#d input.text {
	width: 238px;
	padding: 2px 0;
}

#d span * { vertical-align: middle; }

#d span {
	padding: 4px 0;
	text-align: right;
	width: 100%;
	display: block;
	float: left;
	overflow: hidden;
}

#d span select {
	width: 160px;
	float: left;
}

#d #job-links { font-size: 85%; }
#d h2 { margin-bottom: 5px; }

/* id[e] job focus */
#e span img {
	padding: 0;
	margin: 0;
}

#e h2 {
	margin-bottom:5px;
}

#e p{
	font-size:85%;
	margin-bottom:10px;
}


#e span {
	float: left;
	padding: 0;
	width: 49%;
	text-align: center;
	display: block;
	height: 60px;
}

/* id[f] latest */
#f {
	position: relative;
	float: left;
	width: 100%;
}

#f dl{
	width:125px;
	float:left;
}

#f dt {
/*
	overflow: hidden;
*/
	margin: 0;
	padding: 0;
 	float:left;
 	width:124px;
}

/*
#f dt a { width: 125px; }
#f dt a span { max-height:100px; display:block; overflow:hidden; }
*/

#f dt a, #f dt img {
	padding: 4px;
	display: block;
	float:left;
}

#f dt img {
	padding: 0;
	float:left;
/*
	width: 123px;
*/
}


#f dt span{
	height:70px;
	overflow:hidden;
	display:block;
}

#f h2 * { cursor: pointer; }

#f h2 span {
/*
	background: url(/img/structure/latest.gif) top left no-repeat;
	height: 17px;
	width: 290px;
	display: block;
	float: left;
*/
}

/*
#f h2 span.switch { background-position: left bottom; }
*/

#f h2 {
/*
	text-indent: -999px;
	float: left;
	width: 290px;
*/
}

#f .window {
	width: 290px;
	min-height: 170px;
	float: left;
 	position: relative;
}


#f #latest dl dd span {
	color:#333;
	display:block;
}

#f #latest dl dd span {
	color:#333;
	display:block;
}

#f #latest dl.l1 {
	float: left;
	margin-right: 20px;
}

#f dd em{
	font-style:normal;
	font-size:90%;
}

.clear-block {
	position: absolute;
	left: -9999px;
}

#g {
	float: left;
	width: 100%;
}

#g dl {font-size:90%;}

#i p strong#latest-snow {
	float: left;
	display: block;
	margin-bottom: 5px;
}

#i a#snow-img {
	float: right;
	padding: 4px;
	margin: 0 0 0 10px;
	width: 80px;
}

#i ul#snow-reports{

}

#i ul#snow-reports li{
	display:inline;
}

#i span{
	float:left;
	width:100%;
}

#i a#snow-img img {
	float: right;
	border: 1px solid #ccc;
}

#j dl { width: 100%; }

#j dt {
	float: left;
	border-right: 1px solid #ddd;
	clear: both;
}

#j dd {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	width:240px;
}

#j dt span {
	display: block;
	width: 35px;
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 0.9;
}

#j dt span.date {
	font-size: 125%;
	font-weight: bold;
	color: #35728E;
}

#j dt span.month {
	font-size: 85%;
	color: #666;
}

#j dd p strong { font-size: 110%; }
#j p.location {font-size:90%;}
#j dd p { color: #333; }
#j dd p em { color: #666; }


/* used on the events page*/
#eventsRssButton img {
	margin-top: -5px;
	float: left;
}


/* =secondary
------------------------------------------------------------------------*/

#secondary-content #newsletter {
	background: url(/img/structure/signup-bg.jpg) top left no-repeat;
	height: 115px;
	padding: 30px 10px 0;
}

#secondary-content #newsletter h3 {
	width: 85px;
	text-align: right;
	float: left;
}

#secondary-content #newsletter span a { font-size: 85%; }

#secondary-content #newsletter form {
	width: 175px !important;
	float: right;
}

#secondary-content #newsletter form li { margin-bottom: 6px; }
#secondary-content #newsletter form li * { vertical-align: middle; }

#secondary-content #newsletter form input.text {
	width: 92%;
	color: #999;
}

#secondary-content #resorts, #secondary-content #courses {
	height: 115px;
	padding: 25px 15px 0;
}

#secondary-content #resorts div, #secondary-content #courses div {
	position: relative;
	height: 85px;
}

#secondary-content #resorts { background: url(/img/structure/centre-panel.jpg) top left no-repeat; }

#secondary-content #resorts div, #secondary-content #courses div {
	width: 50%;
	float: right;
}

#secondary-content #resorts div a.button, #secondary-content #courses div a.button {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

#secondary-content #courses { background: url(/img/structure/courses.jpg) top left no-repeat; }

#secondary-content #courses div p {
	font-size: 85%;
	line-height: 1.1;
}

#courses-ghost{
	display:block;
	width:120px;
	height:130px;
	background:transparent;
	float:left;
	position:relative;
	top:-20px;
}

#resorts-ghost{
	display:block;
	width:120px;
	height:130px;
	background:transparent;
	float:left;
	position:relative;
	top:-20px;
}

/* =footer
------------------------------------------------------------------------*/

#awards img{
	padding:4px;
	background:#fff;

}

#footer { background: #435D80 url(/img/structure/footer-bg.gif) top left repeat-x; }

#footer .inner {
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 30px;
}

#footer-nav {
	width: 600px;
	float: right;
}

#footer-nav li {
	float: left;
	width: 130px;
	border-bottom: 1px solid #5D7EA7;
	margin-right: 20px;
}

#footer-nav li a {
	color: #CBD9DC;
	text-decoration: none;
	font-family: Verdana, Arial, sans !important;
	font-size: 75%;
	padding: 5px 0px 5px 10px;
	background: url(/img/structure/arrow.gif) center left no-repeat;
	line-height: 1.2;
	float: left;
}

#footer a:hover { text-decoration: underline; }

#footer-content {
	width: 280px;
	float: left;
	color: #CBD9DC;
	font-size: 85%;
	margin-top: 5px;
}

#footer-content ul, #footer-content ul li, #footer-content ul li a { float: left; }
#footer-content ul { width: 100%; }

#footer-content ul li a {
	color: #CBD9DC;
	text-decoration: none;
	padding: 4px 6px;
	margin-right: 0px;
	background: url(/img/structure/footer-sep.gif) center left no-repeat;
}

#footer-content ul li.first a {
	padding-left: 0px;
	background: none;
}

#footer #disclaimer {
	font-size: 70%;
	color: #7C97B5;
}

/* =misc
------------------------------------------------------------------------*/

/* hidden - for screen readers*/
.sr {
	font-size: 0% !important;
	text-indent: -9999em !important;
	position: absolute;
	top: -9999px;
}

* html .rssButton{margin:6px 0;}

.rssButton *{
	line-height:2;
	vertical-align:middle !important;
}
.rssButton img{
	margin:-2px 0 0 0 !important;
	
}


/* try and fix the spacing issue on table headings*/
/* if the td has the background colour specified it's probably a header...*/

#main table td[bgcolor="#9191FF"] p, #main table td[bgcolor="#000080"] p, td.header p,  td.header b, td.header small, td.header strong{
	padding:2px 0 !important;
	margin:0 !important;
}

* html td.header * {padding:0 !important; margin:0 !important;}

#main table td[bgcolor="#9191FF"] , #main table td[bgcolor="#000080"], td.header {width:auto;}

img.aLeft{
	float:left;
	margin:0px 5px 0px 0 !important;
}

.moresnow_block {
	margin-top:0px;
}

.moresnow_content td{
	padding-bottom:1px;
}




#main .list td p{margin-bottom:0px; line-height:1.2;}


#resorts-list td, #reporters-list td {text-align:center;}
#reporters-list td *{vertical-align:top; line-height:0.6;}
#reporters-list td span.style2{font-size:9px; line-height:1; display:block; margin:-4px 0 10px 0; padding:0;}