/* Setting Browser Default Styles */
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; }
li              { display: list-item; }
head            { display: none; }
table           { display: table; }
tr              { display: table-row; }
thead           { display: table-header-group; }
tbody           { display: table-row-group; }
tfoot           { display: table-footer-group; }
col             { display: table-column; }
colgroup        { display: table-column-group; }
td, th          { display: table-cell; }
caption         { display: table-caption; }
th              { font-weight: bolder; text-align: center; }
caption         { text-align: center; }
body            { margin: 8px; }
h1              { font-size: 2em; margin: .67em 0; }
h2              { font-size: 1.5em; margin: .75em 0; }
h3              { font-size: 1.17em; margin: .83em 0; }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0; }
h5              { font-size: .83em; margin: 1.5em 0; }
h6              { font-size: .75em; margin: 1.67em 0; }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder; }
blockquote      { margin-left: 40px; margin-right: 40px; }
i, cite, em,
var, address    { font-style: italic; }
pre, tt, code,
kbd, samp       { font-family: monospace; }
pre             { white-space: pre; }
button, textarea,
input, select   { display: inline-block; }
big             { font-size: 1.17em; }
small, sub, sup { font-size: .83em; }
sub             { vertical-align: sub; }
sup             { vertical-align: super; }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle; }
td, th, tr      { vertical-align: inherit; }
s, strike, del  { text-decoration: line-through; }
hr              { border: 1px inset; }
ol, ul, dir,
menu, dd        { margin-left: 40px; }
ol              { list-style-type: decimal; }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0; }
u, ins          { text-decoration: underline; }
br:before       { content: "\A"; white-space: pre-line; }
center          { text-align: center; }
:link, :visited { text-decoration: underline; }
:focus          { outline: thin dotted invert; }


/* Website Styles */

/* Layout */
html {
	margin: 0;
	padding: 0;
	}
body {
	background: transparent url(backgrounds/sides.jpg) repeat center top;
    margin: 0px;
	padding: 0px;
//	font-family: Trebuchet MS, Tahoma, Lucida Sans Unicode, Verdana;
//	font-size: 16px;
//	color: #333333;

}
#content {
    margin: 0 auto;
	width: 1002px;
	background: #F2F2ED;
	height: auto;
	border: 1px solid #2FB2DC;
	border-width: 0px 1px;
	position: relative;     // might want checking on
}
#title-bg {
	background: #2FB2DC;
	height: 90px;
	width: 450px;
    float: left;
	background: -webkit-gradient(linear, left top, left bottom, from(#2FB2DC), to(#70D6EF));
	background: -moz-linear-gradient(top,  #2FB2DC,  #70D6EF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2FB2DC', endColorstr='#70D6EF');
	background: -o-linear-gradient(top, #2FB2DC, #70D6EF);
}
#title-img {
	background: transparent url(titles/title-sprite.png) no-repeat;
	background-position: 0px 0px;
	height: 90px;
	width: 450px;
	float: left;
}
#title-img span {
    display: none;
}
#skiers-img {
	background: url(titles/title-sprite.png) no-repeat;
	background-position: -450px 0px;
	height: 90px;
	width: 230px;
	float: left;
	display: block;
}
#skier-img {
	background: url(titles/title-sprite.png) no-repeat;
	background-position: -450px 0px;
	height: 90px;
	width: 77px;
	float: left;
	display: block;
	margin-left: 30px;
}
#snowboarder-img {
	background: url(titles/title-sprite.png) no-repeat;
	background-position: -700px 0px;
	height: 90px;
	width: 65px;
	float: left;
	display: block;
}
#sport-header {
	background: url(backgrounds/skiing_bg90.jpg) no-repeat right top;
	height: 90px;
}
.sporttitlefont, .snowboardingtitlefont, .sports-titlefont {
  background: transparent;
	font-family: Lucida Sans Unicode, Lucida Grande, Trebuchet MS, Tahoma, Verdana;
	font-weight: bold;
	color: #333333;
	text-align: center;
	float: left;
	line-height: 90px;
}
.sports-titlefont {   
	font-size: 36px;
	line-height: 45px;
	padding-left: 5px;
	padding-right: 5px;
	width: 340px;
	height: 90px;
}
.sporttitlefont {
	width: 250px;
	font-size: 48px;
}
.snowboardingtitlefont {
	padding-left: 40px;
	font-size: 40px;
	padding-right: 20px;
}
#main-area {
	background: #CCCCCC;
	width: 100%;
	float: left;
//  background: -webkit-gradient(linear, right top, left top, color-stop(75%, #F2F2ED), color-stop(75%, #9999AA), color-stop(75.5%, #CCCCCC));
  background: -moz-linear-gradient(right center, #F2F2ED 747px, #666666 747px, #CCCCCC 750px);
	background: -o-linear-gradient(right, #F2F2ED 747px, #666666 747px, #CCCCCC 750px);
  background: linear-gradient(right center, #F2F2ED 747px, #666666 747px, #CCCCCC 750px);
}
#main-column {
	background: #F2F2ED;     
	float: right;
	width: 747px;
	min-height: 450px;
  background: -moz-linear-gradient(top center, #C1C5C8 1px, #F2F2ED 300px);
  background: -webkit-gradient(linear, right top, right bottom, color-stop(1%, #D0D3D6), color-stop(25%, #F2F2ED));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D3D6', endColorstr='#F2F2ED');
  background: -o-linear-gradient(top, #C1C5C8 1px, #F2F2ED 300px);
  background: linear-gradient(top center, #C1C5C8 1px, #F2F2ED 300px);
}
#main-column-content {
  background: transparent;
  margin: 0 auto;
	width: 720px;
}
#left-column {
  background-color: #CCCCCC;
	color: #333333;
	width: 245px;
	float: left;
	margin-right: 10px;
}
.down-arrow, .up-arrow {
	background: url(titles/title-sprite.png) no-repeat;
	background-position: -680px 0px;
	height: 9px;
	width: 9px;
  display: inline-block;
}
.up-arrow {
	background-position: -690px -0px;
}
.in-line {
  display: inline;
}
#header {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 25px;
	background: #2FB2DC;
	border-top: 1px solid #9999AA;
	border-bottom: 1px solid #9999AA;
	background: -webkit-gradient(linear, left top, left bottom, from(#70D6EF), to(#2FB2DC));
	background: -moz-linear-gradient(top,  #70D6EF,  #2FB2DC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#70D6EF', endColorstr='#2FB2DC');
	background: -o-linear-gradient(top,  #70D6EF,  #2FB2DC);
	box-shadow: 2px 2px 4px #404040;
	position: relative;
}
#header ul {
	height: 25px;
	padding: 0px;
	margin: 0px;
}
#header li {
	display: inline;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#header a {
	padding: 0px 12px 0px 12px;
	height: 25px;
	display: inline-block;
	float: left;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	border-right: 2px solid #9999AA;
}
#header ul li a:hover {
	background: #00CCFF;
	height: 25px;
	background: -webkit-gradient(linear, left top, left bottom, from(#2FB2DC), to(#70D6EF));
	background: -moz-linear-gradient(top,  #2FB2DC,  #70D6EF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2FB2DC', endColorstr='#70D6EF');
	background: -o-linear-gradient(top,  #2FB2DC,  #70D6EF);
}
#footer {
    height:25px;
	clear: both;
	width: 100%;
	margin: 0px 0px 3px;
	padding: 0px;
	bottom: 0px;
	background: #2FB2DC;
	border-top: 1px solid #9999AA;
	border-bottom: 1px solid #9999AA;
	background: -webkit-gradient(linear, left top, left bottom, from(#2FB2DC), to(#70D6EF));
	background: -moz-linear-gradient(top,  #2FB2DC,  #70D6EF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2FB2DC', endColorstr='#70D6EF');
	background: -o-linear-gradient(top,  #2FB2DC,  #70D6EF);
	box-shadow: 2px 2px 4px #404040;
}
#footer ul {
	height: 25px;
	padding: 0px;
	margin: 0px;
}
#footer li {
	display: inline;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footer a {
	padding: 0px 9px 0px 9px;
	height: 25px;
	display: inline-block;
	float: left;
	margin: 0px;
	text-decoration: none;
	border-right: 2px solid #9999AA;
}
#footer ul li a:hover {
	background: #00CCFF;
	height: 25px;
	background: -webkit-gradient(linear, left top, left bottom, from(#70D6EF), to(#2FB2DC));
	background: -moz-linear-gradient(top,  #70D6EF,  #2FB2DC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#70D6EF', endColorstr='#2FB2DC');
	background: -o-linear-gradient(top,  #70D6EF,  #2FB2DC);
}
figure {
	margin: 0px;
}
.plus-one-header {
	display: block;
	position: absolute;
    float: right;
	top: 0px;
	right: 0px;
}
.plus-one-footer {
	display: block;
	position: absolute;
    float: right;
	bottom: 1px;
	right: 0px;
}

/* Fonts and Texts */
a:link, a:visited, a:active {
	text-decoration: none;
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 16px;
	color: #2087A8;     //  #187492;
}
a:visited {
	color: #187492;    // #236173;
}
a:hover, a:visited:hover {
	text-decoration: underline;
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 16px;
	color: #33B4DB;
}
.maincolumntextbold, dt {
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 16px;
	font-weight: bolder;
	color: #333333;
}
dt {
    padding-top: 10px;
}
p, li, dd, .maincolumntext {
	font-family: Trebuchet MS, Tahoma, Lucida Sans Unicode, Verdana;
	font-size: 16px;
	color: #333333;
}
dd {
	margin-left: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Lucida Sans Unicode, Lucida Grande, Trebuchet MS, Tahoma, Verdana;
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding-top: 10px;
}
h2, h3, h4, h5, h6 {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}
h3 {
	font-size: 18px;
}
h4, h5, h6 {
	font-size: 16px;
	padding-top: 5px;
	margin: 0.5em 0;
}
ul {
    margin-left: 0px;
    padding-left: 30px;
}
li {
    margin-top: 0.5em;
}
.navbartext a:link, .navbartext a:hover, .navbartext a:visited, .navbartext a:active, .subnavtext a:link, .subnavtext a:hover, .subnavtext a:visited, .subnavtext a:active, .pagenavtext a:link, .pagenavtext a:hover, .pagenavtext a:visited, .pagenavtext a:active {
	font-family: Verdana, Trebuchet MS, Tahoma, Lucida Sans Unicode;
	font-weight: normal;
	color: #333333;
}
.navbartext a:link, .navbartext a:visited, .navbartext a:hover, .navbartext a:visited:hover {
	font-size: 18px;
}
.subnavtext a:link, .subnavtext a:visited, .subnavtext a:hover, .subnavtext a:visited:hover {
	font-size: 15px;
}
.pagenavtext a:link, .pagenavtext a:visited, .pagenavtext a:hover, .pagenavtext a:visited:hover {
	font-size: 12px;
}
.subscript {
	font-family: "Trebuchet MS";
	font-size: 9px;
	color: #333333;
}
.superscript {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #333333;
}
.header_font li, .header_font a, .header_font a:visited, .header_font a:hover, .header_font a:visited:hover, .footer_font li, .footer_font a:link, .footer_font a:visited, .footer_font a:hover, .footer_font a:visited:hover {
    background: transparent;
	font-family: Verdana, Trebuchet MS, Tahoma, Lucida Sans Unicode;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
.header_font li, .header_font a, .header_font a:visited {
	color: #FFFFFF;
}
.feedbackformtext {
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 12px;
	color: #333333;
}
.tabletextbold {
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.feedbackformtext a, .feedbackformtext a:visited {
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 12px;
	color: #187492;
}
.feedbackformtext a:hover, .feedbackformtext a:visited:hover {
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 12px;
	color: #33B4DB;
	text-decoration: underline;
}
.feedbackformtextwhite {
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 12px;
	color: #FFFFFF;
}
.inputtext {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}
.veritextwhite {
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 6px;
}
.tabletext {
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 14px;
	color: #333333;
}
.tabletextwhite {
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 14px;
	color: #FFFFFF;
}


/* H Paragraph level */
.hlevel {
  padding: 0px 0px 0px 10px;
	marging: 0px;
}
.hlevel p {
  margin: 0.5em 0;
}

/* Navigation Blocks */
#navigationBlock {
    padding: 5px 0px 10px;
}

#navigationBlock ul li {
	list-style: none;
	padding: 7px;
	float:none;
	clear: both;
	position: static;
	margin: 0px;
}
#navigationBlock ul {
	padding: 0px 10px;
	list-style:none;
	margin: 0px;
	display: block;
}
#navigationBlock ul li a {
	background: #6DD5F0;
	border: 2px solid #9999AA;
	padding: 6px;
	text-decoration: none;
	display: block;
	width: 200px;
	list-style: none;
    color: #333333;
	border-radius: 10px;
	box-shadow: 4px 4px 8px #404040;
	margin: 0px 1px 1px 0px;
	background: -webkit-gradient(linear, left top, left bottom, from(#70D6EF), to(#2FB2DC));
	background: -moz-linear-gradient(top,  #70D6EF,  #2FB2DC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#70D6EF', endColorstr='#2FB2DC');
	background: -o-linear-gradient(top,  #70D6EF,  #2FB2DC);
}
#navigationBlock ul li a:hover {
    background: #33B4DB;
    border-color: #404040;
    color: #333333;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #404040;
	margin: 1px 0px 0px 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#2FB2DC), to(#2197B9));
	background: -moz-linear-gradient(top,  #2FB2DC,  #2197B9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2FB2DC', endColorstr='#2197B9');
	background: -o-linear-gradient(top,  #2FB2DC,  #2197B9);
}
#subnavBlock ul li {
	list-style: none;
	padding: 5px;
	float:none;
	clear: both;
	position: static;
	margin: 0px;
}
#subnavBlock ul {
	padding: 0px 39px;
	list-style: none;
	margin: 0px;
	display: block;
}
#subnavBlock ul li a {
	background: #6DD5F0;
	border: 2px solid #9999AA;
	padding: 4px;
	text-decoration: none;
	display: block;
	width: 150px;
	list-style: none;
    color: #333333;
	border-radius: 8px;
	box-shadow: 3px 3px 6px #404040;
	margin: 0px 1px 1px 0px;
	background: -webkit-gradient(linear, left top, left bottom, from(#70D6EF), to(#2FB2DC));
	background: -moz-linear-gradient(top,  #70D6EF,  #2FB2DC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#70D6EF', endColorstr='#2FB2DC');
	background: -o-linear-gradient(top,  #70D6EF,  #2FB2DC);
}
#subnavBlock ul li a:hover {
    background: #33B4DB;
    border-color: #333333;
    color: #333333;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #404040;
	margin: 1px 0px 0px 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#2FB2DC), to(#2197B9));
	background: -moz-linear-gradient(top,  #2FB2DC,  #2197B9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2FB2DC', endColorstr='#2197B9');
	background: -o-linear-gradient(top,  #2FB2DC,  #2197B9);
}

#pagenavBlock ul li {
	list-style: none;
	padding: 3px;
	float:none;
	clear: both;
	position: static;
	margin: 0px;
}
#pagenavBlock ul {
	padding: 0px 57px;
	list-style: none;
	margin: 0px;
	display: block;
}
#pagenavBlock ul li a {
	background: #6DD5F0;
	border: 2px solid #9999AA;
	padding: 3px;
	text-decoration: none;
	display: block;
	width: 120px;
	list-style: none;
    color: #333333;
	border-radius: 6px;
	box-shadow: 2px 2px 4px #404040;
	margin: 0px 1px 1px 0px;
	background: -webkit-gradient(linear, left top, left bottom, from(#70D6EF), to(#2FB2DC));
	background: -moz-linear-gradient(top,  #70D6EF,  #2FB2DC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#70D6EF', endColorstr='#2FB2DC');
	background: -o-linear-gradient(top,  #70D6EF,  #2FB2DC);
}
#pagenavBlock ul li a:hover {
    background: #33B4DB;
    border-color: #333333;
    color: #333333;
	border-radius: 6px;
	box-shadow: 2px 2px 2px #404040;
	margin: 1px 0px 0px 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#2FB2DC), to(#2197B9));
	background: -moz-linear-gradient(top,  #2FB2DC,  #2197B9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2FB2DC', endColorstr='#2197B9');
	background: -o-linear-gradient(top,  #2FB2DC,  #2197B9);
}

/* Navigation ids for button highlighting */
div#weather a#navweather,
div#sliding a#navmanoeuvres,
div#mogulskiing a#navmanoeuvres,
div#carving a#navmanoeuvres,
div#carry a#navmanoeuvres,
div#gettingup a#navmanoeuvres,
div#hockeyst a#navmanoeuvres,
div#jumping a#navmanoeuvres,
div#parallel a#navmanoeuvres,
div#poleplanting a#navmanoeuvres,
div#powder a#navmanoeuvres,
div#schuss a#navmanoeuvres,
div#shortturns a#navmanoeuvres,
div#skisoff a#navmanoeuvres,
div#skison a#navmanoeuvres,
div#snowplough a#navmanoeuvres,
div#spturn a#navmanoeuvres,
div#stem a#navmanoeuvres,
div#why a#navbasic_mechanics,
div#dolr a#navbasic_mechanics,
div#edgepress a#navbasic_mechanics,
div#long_weight a#navbasic_mechanics,
div#stance a#navbasic_mechanics,
div#resistance a#navbasic_mechanics,
div#weightdist a#navbasic_mechanics,
div#weightshift a#navbasic_mechanics,
div#creating a#navbasic_mechanics,
div#edgeeffects a#navbasic_mechanics,
div#reseffects a#navbasic_mechanics,
div#summary a#navbasic_mechanics,
div#skis a#navequipment,
div#skiconstruction a#navequipment,
div#skicambers a#navequipment,
div#bindings a#navequipment,
div#boots a#navequipment,
div#poles a#navequipment,
div#goggles a#navequipment,
div#skihelmets a#navequipment,
div#clothing a#navequipment,
div#equipment a#navequipment,
div#protective a#navequipment,
div#mistakes a#navlearning,
div#mentality a#navlearning,
div#pistesafety a#navlearning,
div#realpistes a#navlearning,
div#skilessons a#navlearning,
div#snowboarders a#navlearning,
div#chairlifts a#navlearning,
div#using a#navlearning,
div#basic_mechanics a#navbasic_mechanics,
div#manoeuvres a#navmanoeuvres,
div#learning a#navlearning,
div#mentality a#navmentality,
div#pistesafety a#navpistesafety,
div#realpistes a#navrealpistes,
div#skilessons a#navskilessons,
div#chairlifts a#navchairlifts,
div#snowboarders a#navsnowboarders,
div#using a#navusing,
div#skis a#navskis,
div#skiconstruction a#navskis,
div#skicambers a#navskis,
div#skiconstruction a#navskiconstruction,
div#skicambers a#navskicambers,
div#bindings a#navbindings,
div#boots a#navboots,
div#poles a#navpoles,
div#goggles a#navgoggles,
div#skihelmets a#navskihelmets,
div#clothing a#navclothing,
div#protective a#navprotective,
div#dolr a#navdolr,
div#edgepress a#navedgepress,
div#long_weight a#navlong_weight,
div#stance a#navstance,
div#why a#navwhy,
div#creating a#navcreating,
div#edgeeffects a#navedgeeffects,
div#reseffects a#navreseffects,
div#resistance a#navresistance,
div#weightdist a#navweightdist,
div#weightshift a#navweightshift,
div#summary a#navsummary,
div#carving a#navcarving,
div#carry a#navcarry,
div#gettingup a#navgettingup,
div#hockeyst a#navhockeyst,
div#jumping a#navjumping,
div#parallel a#navparallel,
div#poleplanting a#navpoleplanting,
div#powder a#navpowder,
div#schuss a#navschuss,
div#shortturns a#navshortturns,
div#skisoff a#navskisoff,
div#skison a#navskison,
div#snowplough a#navsnowplough,
div#spturn a#navspturn,
div#stem a#navstem,
div#sliding a#navsliding,
div#mogulskiing a#navmogulskiing,
div#mistakes a#navmistakes,
div#skier a#navskier,
div#area a#navarea,
div#making a#navmaking,
div#sbequipment a#navsbequipment,
div#snowboard a#navsbequipment,
div#sbbindings a#navsbequipment,
div#sbboots a#navsbequipment,
div#stomp a#navsbequipment,
div#sbprotective a#navsbequipment,
div#sbconstruction a#navsbequipment,
div#sbconcepts a#navsbequipment,
div#snowboard a#navsnowboard,
div#sbconstruction a#navsnowboard,
div#sbconcepts a#navsnowboard,
div#sbconstruction a#navsbconstruction,
div#sbconcepts a#navsbconcepts,
div#sbbindings a#navsbbindings,
div#sbboots a#navsbboots,
div#stomp a#navstomp,
div#sbprotective a#navsbprotective,
div#setup a#navsetup,
div#edgecatch a#navedgecatch,
div#ways a#navedgecatch,
div#catchtypes a#navedgecatch,
div#whyboarders a#navedgecatch,
div#avoidcatch a#navedgecatch,
div#hurtless a#navedgecatch,
div#catchmechanics a#navedgecatch,
div#sblearning a#navsblearning,
div#snowboardlessons a#navsblearning,
div#skiingpages a#navsblearning,
div#ways a#navways,
div#catchtypes a#navcatchtypes,
div#whyboarders a#navwhyboarders,
div#avoidcatch a#navavoidcatch,
div#hurtless a#navhurtless,
div#catchmechanics a#navcatchmechanics,
div#sblearning a#navsblearning,
div#snowboardlessons a#navsnowboardlessons,
div#skiingpages a#navskiingpages,
div#terminology a#navterminology {
    background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DDDDDD));
	background: -moz-linear-gradient(top,  #ffffff,  #DDDDDD);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DDDDDD');
	background: -o-linear-gradient(top,  #ffffff,  #DDDDDD);
}
div#creating a#navskiing,
div#edgeeffects a#navskiing,
div#reseffects a#navskiing,
div#basic_mechanics a#navskiing,
div#manoeuvres a#navskiing,
div#skis a#navskiing,
div#skiconstruction a#navskiing,
div#skicambers a#navskiing,
div#bindings a#navskiing,
div#boots a#navskiing,
div#poles a#navskiing,
div#goggles a#navskiing,
div#skihelmets a#navskiing,
div#clothing a#navskiing,
div#protective a#navskiing,
div#dolr a#navskiing,
div#edgepress a#navskiing,
div#long_weight a#navskiing,
div#stance a#navskiing,
div#resistance a#navskiing,
div#weightdist a#navskiing,
div#weightshift a#navskiing,
div#summary a#navskiing,
div#carving a#navskiing,
div#carry a#navskiing,
div#gettingup a#navskiing,
div#hockeyst a#navskiing,
div#jumping a#navskiing,
div#parallel a#navskiing,
div#poleplanting a#navskiing,
div#powder a#navskiing,
div#schuss a#navskiing,
div#shortturns a#navskiing,
div#skisoff a#navskiing,
div#skison a#navskiing,
div#snowplough a#navskiing,
div#spturn a#navskiing,
div#stem a#navskiing,
div#sliding a#navskiing,
div#why a#navskiing,
div#mogulskiing a#navskiing,
div#mistakes a#navskiing,
div#mentality a#navskiing,
div#pistesafety a#navskiing,
div#realpistes a#navskiing,
div#skilessons a#navskiing,
div#chairlifts a#navskiing,
div#snowboarders a#navskiing,
div#using a#navskiing,
div#learning a#navskiing,
div#equipment a#navskiing,
div#skiing a#navskiing,
div#snowboarding a#navsnowboarding,
div#sbequipment a#navsnowboarding,
div#snowboard a#navsnowboarding,
div#sbbindings a#navsnowboarding,
div#sbboots a#navsnowboarding,
div#stomp a#navsnowboarding,
div#sbprotective a#navsnowboarding,
div#setup a#navsnowboarding,
div#edgecatch a#navsnowboarding,
div#ways a#navsnowboarding,
div#catchtypes a#navsnowboarding,
div#whyboarders a#navsnowboarding,
div#avoidcatch a#navsnowboarding,
div#hurtless a#navsnowboarding,
div#catchmechanics a#navsnowboarding,
div#sblearning a#navsnowboarding,
div#snowboardlessons a#navsnowboarding,
div#skiingpages a#navsnowboarding,
div#about a#navabout,
div#skier a#navabout,
div#area a#navabout,
div#making a#navabout,
div#updates a#navupdates,
div#mos a#navmos {
	background: #00CCFF;
	height: 25px;
	background: -webkit-gradient(linear, left top, left bottom, from(#2FB2DC), to(#70D6EF));
	background: -moz-linear-gradient(top,  #2FB2DC,  #70D6EF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2FB2DC', endColorstr='#70D6EF');
	background: -o-linear-gradient(top,  #2FB2DC,  #70D6EF);
}
div#about a#navaboutf,
div#skier a#navaboutf,
div#area a#navaboutf,
div#making a#navaboutf,
div#contact a#navcontact,
div#disclaimer a#navdisclaimer,
div#links a#navlinks,
div#copyright a#navcopyright,
div#sitemap a#navsitemap,
div#feedback a#navfeedback,
div#mos a#navmosf {
	background: #00CCFF;
	height: 25px;
	background: -webkit-gradient(linear, left top, left bottom, from(#70D6EF), to(#2FB2DC));
	background: -moz-linear-gradient(top,  #70D6EF,  #2FB2DC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#70D6EF', endColorstr='#2FB2DC');
	background: -o-linear-gradient(top,  #70D6EF,  #2FB2DC);
}

/* Page Areas for component breakdowns etc. */

#component-area {
  display: block;
  min-height: 460px;
	background-color: rgba(128,128,128,0.1);
  border: 1px solid #9999AA;
	border-radius: 16px;
	padding: 0px 15px 0px 15px;
}

/* Positioning for Graphics and Text*/
.clear {
    clear: both;
}
.graphic_right {
	border: 1px solid #333333;
	float: right;
	padding: 0px;
	margin: 6px 0px 5px 8px;
	box-shadow: 2px 2px 4px #404040;
}
p .graphic_right, h2 .graphic_right, h3 .graphic_right {
	margin-top: 5px;
}
.graphic_right_borderless {
	float: right;
	padding: 0px;
	margin: 6px 0px 5px 8px;
}
.graphic_left {
	border: 1px solid #333333;
	float: left;
	padding: 0px;
	margin: 6px 10px 5px 0px;
	box-shadow: 2px 2px 4px #404040;
}
p .graphic_left, h2 .graphic_left, h3 .graphic_left {
	margin-top: 5px;
}
.graphic_left_borderless {
	float: left;
	padding: 0px;
	margin: 6px 10px 5px 0px;
}
.graphic_middle {
	margin: 5px;
	padding: 0px;
	border: 1px solid #333333;
	box-shadow: 2px 2px 4px #404040;
}
.graphic_middle_borderless {
	margin: 5px 0px;
	padding: 0px;
}
.graphic_description {
    display: block;
}
.right_300 {
    width: 310px;
    float: right;
}
.right_350 {
    width: 360px;
    float: right;
}
.left_300 {
    width: 312px;
    float: left;
}
.graphic_description p {
    line-height: 1.2em;
 	font-family: Trebuchet MS, Tahoma, Lucida Sans Unicode, Verdana;
	font-size: 12px;
	color: #333333;
    margin: 0.2em 0;
    text-align: center;
}
.right_300 p {
    width: 290px;
    margin-right: 5px;
    float: right;
}
.right_350 p {
    width: 340px;
    margin-right: 5px;
    float: right;
}
.left_300 p {
    width: 290px;
    margin-left: 5px;
    float: left;
}
.middle {
	background-position: center;
	text-align: center;
}
.vplayer {
	box-shadow: 2px 2px 4px #404040;  
}
.middle_border {
	vertical-align: middle;
	border: 1px solid #333333;
}
.right {
    text-align: right;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.manual {
	padding-left: 180px;
}
.copyright {
	padding-left: 55px;
}
.veritextbox {
    float: right;
	margin: 10px 5px 0px 5px;
	padding: 5px;
	border: 1px solid #333333;
}
.float_right {
    float: right;
}
.curved_border {
  border-radius: 16px;
}
#image_loop_container {
    position: relative;
    width: 350px;
    height: 133px;
}
.loop_image {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

/* Exaggerations warning block styles */
.exaggerations {
    width: 700px;
	display: block;
	background: #CCCCCC;
	padding: 2px;
	margin: 2px auto;
}

/* Error page image styles */
.faceplant {
    background: url(error_pages/faceplant.jpg);
	width: 379px;
	height: 164px;
	display: block;
	margin: 5px auto;
}

/* Table Backgrounds and Positioning */
td {
    border-radius: 2px 2px 2px 2px;
}
.dblue {
    background-color: #E0E0FF;
}
.lblue {
    background-color: #CBD4EB;
}
.mblue {
    background-color: #4EA0C6;
}
.tblue {
    background-color: #C1D0E9;
}
.graphic {
	margin: 5px;
	padding: 0px;
	border: 1px solid #333333;
}
.veribox {
    width: 550px;
	display: block;
	text-align: center;
	background-position: center;
	vertical-align: middle;
	margin: auto;
	clear: both;
}

/* Avalanche Level Blocks */
.level1 {
    background-color: #CCFF66;
}
.level2 {
    background-color: #FFFF00;
}
.level3 {
    background-color: #FF9900;
}
.level4 {
    background-color: #FF0000;
}
.level5 {
    background: url(backgrounds/level5.gif) repeat;
}
.level5, .level4, .level3, .level2, .level1 {
	height: 60px;
	width: 60px;
	border: 1px solid #333333;
	display: block;
	float: left;
	clear: both;
	margin: 5px;
}
