body {  /*sets up the page background colour and font styles for page.*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #CCCCCC;
	line-height: 120%;
	
}
#container { /*for ie pc to centre page in browser window as margin auto does not work*/
	text-align: center;

	
}
#banner { /*sets the top pic banner*/
	width: 760px;
	height: 90px;
	margin: 0px;
	background-image: url(images/topbanner.jpg);
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}
#banner a{
	color:#FFFFFF;
}
#banner a:link, a:visited, a:focus {
	color:#FFFFFF;
	text-decoration:none;
}
#banner a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
#banner a:active{
	color:#FF0000;
	text-decoration: none;
}
/*-------STYLES FOR DROP DOWN MENU--------*/
#menu{
	margin: 0px auto;
	height: 20px;
	width: 760px;
	background-image: url(images/menubg.gif);
	background-repeat: repeat-x;
	font-size: 12px;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu a{
	text-decoration: none;
}
#menu div{
	padding: 3px 5px 0px 5px;
}
#menu div.tiny{
	width: 4.5em;
}
#menu div.small{
	width: 5em;
}
#menu div.medium{
	width: 6em;
}
#menu div.large{
	width: 6.5em;
}
#menu div a{
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
#menu div a:hover{
	text-decoration: underline;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #000;
	padding: 0.2em 5px;
}
#nav li li a:hover {
	background-color: #000099;
	color: #FFFFFF;
	font-weight: bold;
}

#menu li {
	float: left;
	position: relative;
	text-align: left;
	font-style: normal;
	font-size: 12px;
}
#menu li#first{
	margin-left: 5px;
}
li ul {
	display: none;
	position: absolute;
	top: 98%;
	left: 0;
	background-color:#CCCCCC;
	border: 1px solid #999999;
	width: 11em;
}
.doubleHigh{
	height: 36px;
	line-height: 145%;
}
li>ul { /*to reset second list position in browsers other than ie*/
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	height: 18px;
	background-image: url(images/dropmenubg.gif);
	background-repeat: repeat;
	width: 11em;
}
/*for all lists nested in the hovered list set:*/
li:hover ul, li.over ul { /*sets the hover to display hidden menu/ and 'over' for ie & javascript*/
	display: block;
	background-image: url(images/dropmenubg.gif);
	background-repeat: repeat-x;
}
/*----END OF DROP DOWN MENU-------*/


#backgroundPic{ /*for prices page tables*/
	background-image: url(images/menubg.gif);
	background-repeat: repeat-x;
}
#dropMenuPic{
	background-image: url(images/dropmenubg.gif);
	background-repeat: repeat;
}
#info{ /*layout for white info bar*/
	margin: 0px;
	width: 760px;
	height: 30px;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	/*position: absolute;
	z-index: 0;*/
}

#indexInfo{ /*layout for white info bar*/
	margin: 0px;
	width: 760px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
}

#indexBar{
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 200px;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/skierTextBanner_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*position: absolute;
	z-index: 0;*/
}

#imageBar{ /*layout for centre pic bar*/
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 170px;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	/*position: absolute;
	z-index: 0;*/
}
#imageBar img{ /*centre image floating left, image tag within imagebar*/
	float: left;
	height: 170px;
	width: 568;
	margin: 0px;
	padding: 0px;
}

#redPanel{ /*red block on right*/
	margin: 0px;
	margin-left: 0px;
	padding: 10px;
	width: 172px;
	height: 150px;
	background-color:#FF0000;
	float: right;
	
	/*z-index: 0;*/
}
#redPanel img{
	width: 138px;
	height: 97px;
}
#redPanelGap{ /*red block on right*/
	margin: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding: 10px;
	width: 172px;
	height: 150px;
	background-color:#FF0000;
	float: right;
	/*position: absolute;
	z-index: 0;*/
}
#redPanelGap2{ /*red block on right*/
	margin: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: -92px;
	padding: 10px;
	width: 172px;
	height: 150px;
	background-color:#FF0000;
	float: right;
	/*position: absolute;
	z-index: 0;*/
}
#redPanel a {
	color: #FFFFFF;
}

#redPanel a:link, a:visited, a:focus {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
#redPanel a:hover{
	color: #000099;
	text-decoration: underline;
}
#redPanel a:active{
	color: #000099;
	text-decoration: underline;
}
#redPanelIn{ /*red block on right*/
	margin: 0px;
	margin-left: 0px;
	margin-top: 13px;
	padding: 10px;
	width: 172px;
	height: 127px;
	text-align: left;
	background-color:#FF0000;
	float: right;
	/*position: absolute;
	z-index: 0;*/
}
#redPanelIn a {
	color: #FFFFFF;
}

#redPanelIn a:link, a:visited, a:focus {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
#redPanelIn a:hover{
	color: #000099;
	text-decoration: underline;
}
#redPanelIn a:active{
	color: #000099;
	text-decoration: underline;
}
#redPanelIn p{
	color:#FFFFFF;
	font-size: 12px;
	line-height: 120%;
	margin: 0;
	margin-top: 7px;
	margin-bottom: 0px;
	padding: 0;
}

.white{ /*style for white out text links in red panel*/
	color:#FFFFFF;
	font-size: 13px;
	margin-top: 95px;
}
.white2{ /*style for white out text links in red panel*/
	color:#FFFFFF;
	font-size: 13px;
	margin-top: 75px;
}
.white2bold{ /*style for white out text links in red panel*/
	color:#FFFFFF;
	font-size: 13px;
	margin-top: 60px;
	font-weight: bold;
}
.white3{ /*style for white out text links in red panel*/
	color:#FFFFFF;
	font-size: 12px;
	margin-top: 20px;
}
#contentBox{ /*creates centre containing box for content so tops line up*/
	margin: 0px;
	width: 760px;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;

}
#content{ /*creates centre content box for text with large left margin.*/
	width: 350px;
	margin: 0px;
	padding: 0px;
	margin-left: 188px;
	margin-right: 200px;
	padding-left: 10px;
	text-align: left;
}

#content-extended{ /*creates centre content box for text with large left margin.*/
	width: 540px;
	margin: 0px;
	padding: 0px;
	margin-left: 188px;
	margin-right: 10px;
	padding-left: 10px;
	text-align: left;
}

#contentLeft{ /*creates centre content box for text with small left margin.*/
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-right: 200px;
	border: 1px solid #000000;

}
#greyBox{ /*grey floating panel box on right*/
	margin: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 10px;
	width: 172px;
	background-color: #D7D7D7;
	float: right;
	clear: right;
	text-align: left;

}
#greyBox select{
    margin: 0;
    padding: 0;
}

#right-image{
	width: 185px;
	height: 132px;
	clear: right;
	float: right;
	padding-bottom: 30px;
	margin-right: 5px;
}

#leftPanel{ /*white picture box on left*/
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 5px;

	width: 168px;
	height: 150px;
	background-color: #FFFFFF;
	float: left;

}
#clearBoth{ /*to bring the containing box below the floating panels. Without this panels will overlap footer*/
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
#footer{ /*layout for footer block*/
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 45px;
	background-color: #FFFFFF;
	padding-top: 5px;
	border-top: 5px solid #6666FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 120%;
	/*position: absolute;
	z-index: 0;*/
}
#aboveFooter{ /*bottom line of text above blue line at footer, index pg only*/
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	width: 760px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 120%;
}
#floatRight{ /*box for date in info bar*/
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	height: 30px;
	line-height: 30px;
	/*position: absolute;
	z-index: 0;*/
}
#floatLeft{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	/*position: absolute;
	z-index: 0;*/
}

#table{
	border: 1px solid #999999;
	/*position: absolute;
	z-index: 0;*/
}

p { /*style for all p tags*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	line-height: 120%;
}
.bodyWhite{
	color:#FFFFFF;
}

.big{
	font-size: 14px;
	line-height: 120%;
}
h1 {/* style for large white heading in red box*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;	
	text-align: left;
	margin-top: 7px;
}
.h1nomargin{
	margin-top: 0px;
}
.h1firstline {/* style for large white heading in red box*/
	margin: 0px;
	padding: 0px;
}
.h1secline{
	margin: 0;
	margin-top: 7px;
	padding:0;
}
h2 { /*subheading for content area*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;	
	padding: 0px;
	margin: 0px;
}
h3 { /* style for white bold text used in top banner*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;	
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-right: 5px;
	
}
#greyBox ul{
	margin-top: -10px;
	
	list-style-position: outside;
	list-style-type: disc;
}
#greyBox li {
	line-height: 130%;
	margin-left: -7px;
}
.bottomMargin{
	margin-bottom: 12px;
}
h4 { /*heading for grey box*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	line-height: 120%;	
	margin-top: 0px;
}
.whiteSubHead{
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
}
.redText{
	color: #FF0000;
}
.greenText{
	color:#006600;
}
.blueText{
	color: #000066;
}
.strapline{ /*puts gap between text lines in top banner*/
	margin-top: 55px;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.greyBoxTxt{
	margin-top: -10px;
}

.copyright{
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}

a:link, a:visited, a:focus{
	color:#000000;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	color:#000099;
	text-decoration: underline;
}
a:active{
	color: #FF0000;
	text-decoration: underline;
}
.boldBlue {
	font-weight: bold;
	color: #000099;
}
.italic-bold {
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align: left;
	line-height: normal;
}
.large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align: left;
	line-height: normal;
}
.blackSubhead {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.blueSubhead {
	font-size: 13px;
	font-weight: bold;
	color: #000066;
}

#PriceTableBG {
	background-image: url(images/tablemenubg.gif);
	background-repeat: repeat;
}
.redbox-smalltxt-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.smaller-bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.anchorlink-greybox {
	background-color: #CCCCCC;
	padding: 1px;
}
.greybox-bold {
	font-weight: bold;
	margin-top: -3px;
}
.noSpaceAbove-small-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 0px;
	padding-top: 0px;
}
.noSpaceBelow-small-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.noSpaceAbove {
	margin-top: 0px;
	padding-top: 0px;
}
.noSpaceBelow {
	margin-bottom: 0px;
	padding-bottom: 0px;
}	
}	
.tableForm{
	padding: 5px;
	margin-bottom: 10px;
}

.whitebox {
	background-color: #FFFFFF;
	padding: 5px;
	height: auto;
	width: auto;
}
.big-comp {
	font-size: 15px;
	line-height: 120%;
}