/* 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; }


html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}



/* HTML5 Fonts */

@font-face {
	font-family: 'Sansation Bold Italic';
	src: url('fonts/Sansation_Bold_Italic.ttf');
}
@font-face {
	font-family: 'Gravity Book';
	src: url('fonts/Gravity-Book.otf');
}
@font-face {
	font-family: 'Russo One';
	src: url('fonts/Russo_One.ttf');
}
@font-face {
	font-family: 'Esphimere';
	src: url('fonts/Esphimere.otf');
}
@font-face {
	font-family: 'Formation Sans Regular';
	src: url('fonts/Formation Sans Regular.ttf');
}
@font-face {
	font-family: 'Liberation Sans Regular';
	src: url('fonts/LiberationSans-Regular.ttf');
}

/* Website Styles */


/* General Layout */
html {
	margin: 0;
	padding: 0;
	}
body {
	background: url(backgrounds/mountains.jpg) no-repeat center fixed;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#content {
	margin: 0 auto;
	width: 100%;
	max-width: 1204px;
	background: #fefefe;
	height: auto;
	border: 2px solid #9999AA;
	border-width: 0px 1px 1px;
	box-shadow: 0px 0px 25px #404040;
}


/* Title Bar Styles */
#title-bar {
    height: auto;
    width: 100%;
	display: block;
}
#menu-button {
	display: none;
}
#logo-area {
	height: 90px;
	max-height: 90px;
	width: 452px;
	display: block;
	float: left;
	border-right: 2px solid #9999AA;
}
#title-bg {
	background: #3ba2de;
	height: 100%;
	width: 100%;
//	padding-bottom: 20%;
//	height: 90px;
//	width: 450px;
	background-size: contain;
    float: left;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, from(#3ba2de), to(#92cbed));
	background: -moz-linear-gradient(top,  #3ba2de,  #92cbed);
//	background: -moz-linear-gradient(top,  #3ba2de 0%,  #92cbed 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ba2de', endColorstr='#92cbed');
	background: -o-linear-gradient(top, #3ba2de, #92cbed);
	background: -ms-linear-gradient(top, #3ba2de, #92cbed);
	background: linear-gradient(top, #3ba2de, #92cbed);
}
#title-img {
//	background: transparent url(backgrounds/title-sprite.png) no-repeat;
//	background-position: 0px 0px;
	background: transparent url(titles/title.png) no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	max-height: 90px;
	max-width: 450px;
    display: block;
	float: left;
}
#title-img span {
    display: none;
}
#sport-img {
	display: none;
}
#snowboarding-img {
	display: none;
}
#sport-bg {
	background: url(backgrounds/skier-bg.jpg) no-repeat left top;
	height: 90px;
	background-position: 400px 0px;
}
.sport-title, .snowboarding-title, .skiing-title {
	background: transparent;
	font-family: Sansation Bold Italic, Lucida Sans Unicode, Lucida Grande, Trebuchet MS, Tahoma, Verdana;
	font-weight: bold;
	color: #333333;
	text-align: center;
	float: left;
	line-height: 90px;
	text-shadow: 2px 2px 8px #FFFFFF;
	text-shadow: -2px 0 5px #FFFFFF, 0 2px 5px #FFFFFF, 2px 0 5px #FFFFFF, 0 -2px 5px #FFFFFF;
}
.sport-title {   
	font-size: 30px;
	line-height: 40px;
	padding: 5px 5px;
	width: 310px;
	height: 80px;
}
.skiing-title {
	width: 260px;
	font-size: 50px;
	text-transform: uppercase;
}
.snowboarding-title {
	width: 380px;
	font-size: 40px;
}
#right-box {
	width: 234px;
	float: right;
	clear: none;
}
#standard-icon {
	height: 60px;
	width: 234px;
//  background-color: #FFFFFF;
	display: block;
//	border: 1px solid #3ba2de;
//  border-width: 0px 0px 1px 1px; 
}
#mobile-icon {
	display:none;
}
#desktop-icon {
	display:none;
}


/* Main Column Styles */
#main-area {
	background: #fefefe;
	width: 100%;
	float: left;
	background: -webkit-gradient(linear, left top, right top, color-stop(1%, #eeeeee), color-stop(99%, #eeeeee), color-stop(99%, #9999AA), color-stop(100%, #fefefe)) no-repeat;
	background: -moz-linear-gradient(left center, #eeeeee 99%, #666666 99%, #fefefe 100%) no-repeat;
//	background: -o-linear-gradient(left, #CCCCCC 253px, #666666 253px, #f2f2ff 256px) no-repeat;
//  background: -ms-linear-gradient(left, #CCCCCC 253px, #666666 253px, #f2f2ff 256px) no-repeat;
	background: linear-gradient(left center, #eeeeee 224px, #666666 224px, #fefefe 227px) no-repeat;
	background-size: 18% 100%;
}
#main-column {
	background: #fefefe;     
	float: right;
	width: 82%;
	min-height: 450px;
	background: -moz-linear-gradient(top center, #dddddd 1px, #fefefe 300px) no-repeat;
	background: -webkit-gradient(linear, right top, right bottom, color-stop(1%, #dddddd), color-stop(100%, #fefefe)) no-repeat;
//  background: -o-linear-gradient(top, #dddddd 1px, #fefefe 300px) no-repeat;
//  background: -ms-linear-gradient(top, #dddddd 1px, #fefefe 300px) no-repeat;
	background: linear-gradient(top center, #dddddd 1px, #fefefe 300px) no-repeat;
	background-size: 100% 300px;
}
#main-column-content {
	background: transparent;
	margin: 0 auto;
	width: 95%;
}
.down-arrow, .up-arrow {
	background: url(backgrounds/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 and Footer Styles */
#header, #footer {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #3ba2de;
	border-top: 1px solid #9999AA;
	border-bottom: 1px solid #9999AA;
	height: 25px;
	box-shadow: 2px 2px 4px #404040;
}
#header {
	background: -webkit-gradient(linear, left top, left bottom, from(#92cbed), to(#3ba2de));
	background: -moz-linear-gradient(top,  #92cbed,  #3ba2de);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#92cbed', endColorstr='#3ba2de');
	background: -o-linear-gradient(top,  #92cbed,  #3ba2de);
	background: -ms-linear-gradient(top,  #92cbed,  #3ba2de);
	background: linear-gradient(top,  #92cbed,  #3ba2de);
	box-shadow: 2px 2px 4px #404040;
	position: relative;
}
#footer {
	margin: 0px 0px 3px;
//	bottom: 0px;
	background: -webkit-gradient(linear, left top, left bottom, from(#3ba2de), to(#92cbed));
	background: -moz-linear-gradient(top,  #3ba2de,  #92cbed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ba2de', endColorstr='#92cbed');
	background: -o-linear-gradient(top,  #3ba2de,  #92cbed);
	background: -ms-linear-gradient(top,  #3ba2de,  #92cbed);
	background: linear-gradient(top,  #3ba2de,  #92cbed);
	float: left;
	display: block;   
}
#header ul, #footer ul, .manual {
	height: 25px;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
}
#header ul {
	width: 60%;
}
#header li, #footer li , .manual {
	width: 20%;
	display: inline;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footer li {
	width: 10%;
}
#header a, #footer a {
//	padding: 0px 12px 0px 12px;
    width: 20%;
    text-align: center;
	height: 25px;
	display: inline-block;
	float: left;
	margin: 0px;
	text-decoration: none;
	border-right: 2px solid #9999AA;
}
#footer a {
	padding: 0px 9px 0px 9px;
    width: 10%;
}
#header ul li a:hover, #footer ul li a:hover {
	background: #00CCFF;
	height: 25px;
}
#header ul li a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#3ba2de), to(#92cbed));
	background: -moz-linear-gradient(top,  #3ba2de,  #92cbed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ba2de', endColorstr='#92cbed');
	background: -o-linear-gradient(top,  #3ba2de,  #92cbed);
	background: -ms-linear-gradient(top,  #3ba2de,  #92cbed);
	background: linear-gradient(top,  #3ba2de,  #92cbed);
}
#footer ul li a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#92cbed), to(#3ba2de));
	background: -moz-linear-gradient(top,  #92cbed,  #3ba2de);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#92cbed', endColorstr='#3ba2de');
	background: -o-linear-gradient(top,  #92cbed,  #3ba2de);
	background: -ms-linear-gradient(top,  #92cbed,  #3ba2de);
	background: linear-gradient(top,  #92cbed,  #3ba2de);
}
#footer li form {
	margin: 0px;
	padding: 0px;
}
#footer li.donate {
	display: inline;
	float: right;
	height: 21px;
	margin: 0px;
	padding: 1px 10px 1px;
	list-style: none;
}
#footer li.mobile {
	display: block;
}
#footer li.desktop {
	display: none;
}
.copyright {
	clear: both;
	background-color: #CCCCCC;
	width: 100%;
	text-align: center;
//  white-space: nowrap;
	line-height: 20px;
	font-family: Esphimere, Verdana, Trebuchet MS, Tahoma, Lucida Sans Unicode;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	display: block;
	padding-top: 4px;
	padding-bottom: 6px;
	text-shadow: 1px 1px 3px #FFFFFF;
}

figure {
	margin: 0px;
}

/* Fonts and Texts */
a:link, a:visited, a:active, a:hover, a:visited:hover, .maincolumntextbold, dt {
	text-decoration: none;
	font-family: Esphimere, Gravity Book, Verdana, Georgia;
	font-size: 18px;
	color: #28678c;
}
a:link, a:visited, a:active {
	text-decoration: none;
	font-family: Esphimere, Gravity Book, Verdana, Georgia;
	font-size: 18px;
	color: #2087A8;
}
a:visited {
//	color: #1e4b66;
}
a:hover, a:visited:hover {
	text-decoration: underline;
	color: #6dbae8;
}
.copyright a {
	font-family: Esphimere, Verdana, Trebuchet MS, Tahoma, Lucida Sans Unicode;
	font-size: 14px;
	font-weight: bold;
	color: #2087A8;
	text-shadow: 1px 1px 3px #FFFFFF;
}
.maincolumntextbold, dt {
	font-weight: bolder;
	color: #333333;
}
dt {
//    padding-top: 10px;
}
p, li, dd, .maincolumntext {
	font-family: Esphimere, Formation Sans Regular, Larke Sans Bold, Enigma, Gidole Regular, Sheep Sans, Gravity Book, Elegan Tech,  Typomoderno Bold, Liberation Sans Regular, Sansation Bold Italic, Existence Light, Giorgio, Enter Sansman, Russo One, Bebas Neue, Gravity Book, Verdana, Tahoma, Lucida Sans Unicode;
	font-size: 18px;         // 
	color: #333333;
}
dd {
	margin-left: 0px;
    padding-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Russo One, Gravity Book, Verdana, Lucida Sans Unicode, Lucida Grande, Trebuchet MS, Tahoma, Verdana;
	font-size: 34px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	padding-top: 10px;
//  text-shadow: 2px 2px 5px #cccccc;
}
h2, h3, h4, h5, h6 {
	font-size: 22px;
	text-align: left;
}
h3 {
	font-size: 20px;
}
h4, h5, h6 {
	font-size: 18px;
	padding-top: 5px;
	margin: 0.5em 0;
}
ul, ol {
    margin-left: 5%;
    padding-left: 0px;
}
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: Esphimere, 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: 13px;
}

.subscript, .superscript {
	font-family: Lucida Sans Unicode, Tahoma;
	color: #333333;
}
.subscript {
	font-size: 10px;
}
.superscript, .smallprint {
	font-size: 11px;
}
.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, .manual {
	background: transparent;
	font-family: Esphimere, Verdana, Trebuchet MS, Tahoma, Lucida Sans Unicode;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-shadow: 1px 1px 1px #cccccc;
}
.header_font li, .header_font a, .header_font a:visited , .manual {
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #808080;
}
.feedbackformtext, .tabletextbold, .feedbackformtext a, .feedbackformtext a:visited, .feedbackformtext a:hover, .feedbackformtext a:visited:hover, .feedbackformtextwhite, .inputtext, .veritextwhite, .tabletext, .tabletextwhite {
	font-family: Trebuchet MS, Verdana, Georgia;
	font-size: 14px;
	color: #333333;
}
.tabletextbold {
	font-weight: bold;
}
.feedbackformtext a, .feedbackformtext a:visited {
	color: #187492;
}
.feedbackformtext a:hover, .feedbackformtext a:visited:hover {
	color: #33B4DB;
	text-decoration: underline;
}
.feedbackformtextwhite {
	color: #FFFFFF;
}
.inputtext {
	font-family: Arial;
}
.veritextwhite {
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 6px;
}
.tabletext {
	font-size: 15px;
}
.tabletextwhite {
	font-size: 15px;
	color: #FFFFFF;
}
.italic {
    font-style: italic;
}
.question {
	font-weight: bold;
	padding: 8px;
}

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

/* Menu Styles */
#show-menu, #hide-menu {
	display: none;
}
#hide-menu a {
	display:none;
}
.menu-default, .menu-show {
	color: #333333;
	width: 18%;
	float: left;
	margin-right: 0px;
	display: block;
	background: -webkit-gradient(linear, left top, right top, color-stop(1%, #eeeeee), color-stop(99%, #eeeeee), color-stop(99%, #9999AA), color-stop(100%, #fefefe)) no-repeat;
	background: -moz-linear-gradient(left center, #eeeeee 99%, #666666 99%, #fefefe 100%) no-repeat;
	background: -o-linear-gradient(left center, #eeeeee 99%, #666666 99%, #fefefe 100%) no-repeat;
	background: -ms-linear-gradient(left center, #eeeeee 99%, #666666 99%, #fefefe 100%) no-repeat;
	background: linear-gradient(left center, #eeeeee 99%, #666666 99%, #fefefe 100%) no-repeat;

}
#button-hide {
	display: none;
}
#left-column > div {
//	margin: 0px auto;
}
.navigationBlock {
    padding: 5px 0px 10px;
}
.navigationBlock ul li, .subnavBlock ul li, .pagenavBlock ul li, .pagenavBlock2 ul li {
	list-style: none;
	padding: 5px;
	float:none;
	clear: both;
	position: static;
	margin: 0px auto;
	width: 100%;
}
.subnavBlock ul li {
	padding: 4px;
}
.pagenavBlock ul li, .pagenavBlock2 ul li {
	padding: 3px;
}
.navigationBlock ul, .subnavBlock ul, .pagenavBlock ul, .pagenavBlock2 ul {
	list-style:none;
	margin: 0px;
	display: block;
	width: 100%;
	text-align: center;
}
.subnavBlock ul {
	margin: 0px auto;
	text-align: center;
}

.pagenavBlock ul, .pagenavBlock2 ul {
	margin: 0px auto;
	text-align: center;
}
.navigationBlock ul li a, .subnavBlock ul li a, .pagenavBlock ul li a, .pagenavBlock2 ul li a {
	background: #92cbed;
	border: 1px solid #9999AA;
	padding: 4px;
	text-decoration: none;
	display: block;
	width: 95%;
	list-style: none;
	color: #333333;
	border-radius: 6px;
	box-shadow: 1px 1px 6px #404040;
	background: -webkit-gradient(linear, left top, left bottom, from(#92cbed), to(#3ba2de));
	background: -moz-linear-gradient(top,  #92cbed,  #3ba2de);
	background: -o-linear-gradient(top,  #92cbed,  #3ba2de);
	background: -ms-linear-gradient(top,  #92cbed,  #3ba2de);
	background: linear-gradient(top,  #92cbed,  #3ba2de);
	margin: 0px auto;
}
.subnavBlock ul li a {
	padding: 3px;
	width: 75%;
	border-radius: 4px;
	box-shadow: 1px 1px 5px #404040;
}
.pagenavBlock ul li a, .pagenavBlock2 ul li a {
	padding: 2px;
	width: 60%;
	border-radius: 2px;
	box-shadow: 1px 1px 4px #404040;
}
.navigationBlock ul li a:hover, .subnavBlock ul li a:hover, .pagenavBlock ul li a:hover, .pagenavBlock2 ul li a:hover {
	background: #3ba2de;
	border-color: #404040;
	color: #333333;
	border-radius: 6px;
	box-shadow: 1px 1px 2px #404040;
	background: -webkit-gradient(linear, left top, left bottom, from(#3ba2de), to(#2197B9));
	background: -moz-linear-gradient(top,  #3ba2de,  #2197B9);
	background: -o-linear-gradient(top,  #3ba2de,  #2197B9);
	background: -ms-linear-gradient(top,  #3ba2de,  #2197B9);
	background: linear-gradient(top,  #3ba2de,  #2197B9);
}
.subnavBlock ul li a:hover {
  border-color: #333333;
	border-radius: 4px;
}
.pagenavBlock ul li a:hover, .pagenavBlock2 ul li a:hover {
  border-color: #333333;
	border-radius: 2px;
}
.subnavBlock {
	display: block;
	height: 0px;
	overflow: hidden;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.subnavBlock ul {
	display: block;
	overflow: hidden;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}


.navigationBlock ul li a.menulink {
	width: 80%;
	display: inline-block;
	border-radius: 6px 0 0 6px;
	margin-right: 0px;

}
.navigationBlock ul li a.menuexpand {
	width: 15%;
	display: inline-block;
	border-radius: 0 6px 6px 0;
	margin-left: 0px;
}
#equipmenthide, #mechanicshide, #howtohide, #learninghide, #skiinghide, #snowboardinghide, #sbequipmenthide, #edgecatchhide, #sblearninghide {
	display: none;
}

/* Menu Button Highlighting Styles */
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#parallelskiing 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#sliding a#navmanoeuvres-drop,
div#mogulskiing a#navmanoeuvres-drop,
div#carving a#navmanoeuvres-drop,
div#carry a#navmanoeuvres-drop,
div#gettingup a#navmanoeuvres-drop,
div#hockeyst a#navmanoeuvres-drop,
div#jumping a#navmanoeuvres-drop,
div#parallel a#navmanoeuvres-drop,
div#parallelskiing a#navmanoeuvres-drop,
div#poleplanting a#navmanoeuvres-drop,
div#powder a#navmanoeuvres-drop,
div#schuss a#navmanoeuvres-drop,
div#shortturns a#navmanoeuvres-drop,
div#skisoff a#navmanoeuvres-drop,
div#skison a#navmanoeuvres-drop,
div#snowplough a#navmanoeuvres-drop,
div#spturn a#navmanoeuvres-drop,
div#stem a#navmanoeuvres-drop,
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#why a#navbasic_mechanics-drop,
div#dolr a#navbasic_mechanics-drop,
div#edgepress a#navbasic_mechanics-drop,
div#long_weight a#navbasic_mechanics-drop,
div#stance a#navbasic_mechanics-drop,
div#resistance a#navbasic_mechanics-drop,
div#weightdist a#navbasic_mechanics-drop,
div#weightshift a#navbasic_mechanics-drop,
div#creating a#navbasic_mechanics-drop,
div#edgeeffects a#navbasic_mechanics-drop,
div#reseffects a#navbasic_mechanics-drop,
div#summary a#navbasic_mechanics-drop,
div#skis a#navequipment,
div#skiconstruction a#navequipment,
div#skicambers a#navequipment,
div#bindings a#navequipment,
div#dincalculator a#navequipment,
div#mountingbindings 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#skis a#navequipment-drop,
div#skiconstruction a#navequipment-drop,
div#skicambers a#navequipment-drop,
div#bindings a#navequipment-drop,
div#dincalculator a#navequipment-drop,
div#mountingbindings a#navequipment-drop,
div#boots a#navequipment-drop,
div#poles a#navequipment-drop,
div#goggles a#navequipment-drop,
div#skihelmets a#navequipment-drop,
div#clothing a#navequipment-drop,
div#equipment a#navequipment-drop,
div#protective a#navequipment-drop,
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#mistakes a#navlearning-drop,
div#mentality a#navlearning-drop,
div#pistesafety a#navlearning-drop,
div#realpistes a#navlearning-drop,
div#skilessons a#navlearning-drop,
div#snowboarders a#navlearning-drop,
div#chairlifts a#navlearning-drop,
div#using a#navlearning-drop,
div#basic_mechanics a#navbasic_mechanics,
div#basic_mechanics a#navbasic_mechanics-drop,
div#manoeuvres a#navmanoeuvres,
div#manoeuvres a#navmanoeuvres-drop,
div#learning a#navlearning,
div#learning a#navlearning-drop,
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#dincalculator a#navbindings,
div#dincalculator a#navdincalculator,
div#mountingbindings a#navbindings,
div#mountingbindings a#navmountingbindings,
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#parallelskiing a#navparallelskiing,
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#mobile a#navmobile,
div#privacy a#navprivacy,
div#cookies a#navcookies,
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#sbequipment a#navsbequipment-drop,
div#snowboard a#navsbequipment-drop,
div#sbbindings a#navsbequipment-drop,
div#sbboots a#navsbequipment-drop,
div#stomp a#navsbequipment-drop,
div#sbprotective a#navsbequipment-drop,
div#sbconstruction a#navsbequipment-drop,
div#sbconcepts a#navsbequipment-drop,
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#edgecatch a#navedgecatch-drop,
div#ways a#navedgecatch-drop,
div#catchtypes a#navedgecatch-drop,
div#whyboarders a#navedgecatch-drop,
div#avoidcatch a#navedgecatch-drop,
div#hurtless a#navedgecatch-drop,
div#catchmechanics a#navedgecatch-drop,
div#sblearning a#navsblearning,
div#snowboardlessons a#navsblearning,
div#skiingpages a#navsblearning,
div#sblearning a#navsblearning-drop,
div#snowboardlessons a#navsblearning-drop,
div#skiingpages a#navsblearning-drop,
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);
	background: -o-linear-gradient(top,  #FFFFFF,  #DDDDDD);
	background: -ms-linear-gradient(top,  #FFFFFF,  #DDDDDD);
	background: 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#dincalculator a#navskiing,
div#mountingbindings 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#parallelskiing 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#mobile a#navabout,
div#privacy a#navabout,
div#cookies 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(#3ba2de), to(#92cbed));
	background: -moz-linear-gradient(top,  #3ba2de,  #92cbed);
	background: -o-linear-gradient(top,  #3ba2de,  #92cbed);
	background: -ms-linear-gradient(top,  #3ba2de,  #92cbed);
	background: linear-gradient(top,  #3ba2de,  #92cbed);
}
div#mobile a#navaboutf,
div#privacy a#navaboutf,
div#cookies a#navaboutf,
div#privacy a#navprivacyf,
div#cookies a#navcookiesf,
div#about a#navaboutf,
div#skier a#navaboutf,
div#area a#navaboutf,
div#making a#navaboutf,
div#contact a#navcontact,
div#advertising a#navadvertising,
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(#92cbed), to(#3ba2de));
	background: -moz-linear-gradient(top,  #92cbed,  #3ba2de);
	background: -o-linear-gradient(top,  #92cbed,  #3ba2de);
	background: -ms-linear-gradient(top,  #92cbed,  #3ba2de);
	background: linear-gradient(top,  #92cbed,  #3ba2de);
}

/* 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;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.graphic_descbox_right, .graphic_descbox_left, .graphic_descbox_right_expand, .graphic_descbox_left_expand {
	display: block;
	max-width: 65%;
	text-align: center;
}
.graphic_descbox_right, .graphic_descbox_right_expand {
	float: right;
	margin-left: 10px;
}
.graphic_descbox_left, .graphic_descbox_left_expand {
	float: left;
	margin-right: 10px;
}
.graphic_descbox_middle {
	display: block;
	float: none;
	max-width: 100%;
	margin: 0px auto;
	text-align: center;
}
.graphic_desc, .graphic_desc_borderless, .graphic_desc_expand, .graphic_desc_borderless_expand {
	max-width: 100%;
	height: auto;
	margin: 0px auto;
}
.graphic_desc, .graphic_desc_expand {
	border: 1px solid #333333;
	padding: 0px;
	box-shadow: 1px 1px 4px #404040;
}
.graphic_descbox_right p, .graphic_descbox_left p, .graphic_descbox_middle p, .graphic_descbox_right_expand p, .graphic_descbox_left_expand p {
	line-height: 1.2em;
 	font-family: Trebuchet MS, Tahoma, Lucida Sans Unicode, Verdana;
	font-size: 17px;
	color: #333333;
	margin: 0.2em auto;
	text-align: center;
	display: block;
	max-width: 100%;
	padding: 0 10px;
}
.graphic_right, .graphic_left, .graphic_middle, .graphic_right_always, .graphic_left_always, .graphic_right_desc, .graphic_left_desc, .graphic_middle_desc {
	border: 1px solid #333333;
	padding: 0px;
	box-shadow: 1px 1px 4px #404040;
}
.graphic_right, .graphic_right_always, .graphic_right_desc {
	float: right;
	clear: right;
	margin: 8px 0px 10px 10px;
	max-width: 65%;
	width: auto;
    height: auto;
}
.graphic_left, .graphic_left_always, .graphic_left_desc {
	float: left;
	clear: left;
	margin: 8px 12px 10px 0px;
	max-width: 65%;
	width: auto;
	height: auto;
}
.graphic_middle, .graphic_middle_desc {
	margin: 8px auto;
	max-width: 100%;
	width: auto;
	height: auto;
}
p .graphic_right, h2 .graphic_right, h3 .graphic_right, p .graphic_left, h2 .graphic_left, h3 .graphic_left {
	margin-top: 5px;
}
.graphic_right_borderless, .graphic_right_borderless_always {
	float: right;
	padding: 0px;
	margin: 8px 0px 10px 10px;
	max-width: 65%;
	width: auto;
	height: auto;
	clear: right;
}
.graphic_left_borderless, .graphic_left_borderless_always {
	float: left;
	padding: 0px;
	margin: 8px 12px 10px 0px;
	max-width: 65%;
	width: auto;
	height: auto;
	clear: left;
}
.graphic_middle_borderless {
	margin: 8px 0px;
	padding: 0px;
	max-width: 100%;
	width: auto;
	height: auto;
}
.graphic_right_borderless_always, .graphic_left_borderless_always, .graphic_left_always, .graphic_right_always {
	max-width: 50%;
}
.hover_border {
	border: 1px solid transparent;
	border-radius: 5px;
}
.hover_border:hover, .hover_border:active {
	border: 1px solid #2087A8;
	border-radius: 5px;
}
.graphic_right_desc, .graphic_left_desc, .graphic_right_borderless_desc, .graphic_left_borderless_desc, .graphic_middle_desc, .graphic_middle_borderless_desc {
	max-width: 100%;
	height: auto;
}

/* Styles for the writing under graphics, width (img width) needs to be defined in the html for area */
.graphic_description_right {
	display: block;
	float: right;
	margin-left: 10px;
	max-width: 65%;
}
.graphic_description_left {
	display: block;
	float: left;
	margin-right: 10px;
	max-width: 65%;
}
.graphic_description_middle {
	display: block;
	float: none;
	max-width: 100%;
	margin: 0px auto;
}
.graphic_description_right p, .graphic_description_left p, .graphic_description_middle p {
	line-height: 1.2em;
 	font-family: Trebuchet MS, Tahoma, Lucida Sans Unicode, Verdana;
	font-size: 18px;
	color: #333333;
	margin: 0.2em auto;
	text-align: center;
	display: block;
	width: 100%;
	padding: 0 10px 10px;
}
.graphic_description_right p {
	float: right;
}
.graphic_description_left p {
	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;
	margin-left: auto;
	margin-right: auto;
}
#header div.onlinelessons {
	width: 40%;
	margin: 0px auto;
	float: left;
//	display: block;
}

.manual {
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.veritextbox {
	float: right;
	margin: 10px 5px 0px 5px;
	padding: 5px;
	border: 1px solid #333333;
}
.float_right {
	float: right;
}
.curved_border {
	border-radius: 10px;
}
/* Special style for pictures that can be enlarged */
.pic1-small {
	max-width: 450px;
	max-height: 253px;
}
.pic2-small {
	max-width: 450px;
	max-height: 300px;
}
.pic3-small {
	max-width: 285px;
	max-height: 265px;
}
.pic4-small {
	max-width: 350px;
	max-height: 180px;
}
.pic5-small {
	max-width: 350px;
	max-height: 342px;
}
.pic6-small {
	max-width: 325px;
	max-height: 170px;
}
.pic7-small {
	max-width: 325px;
	max-height: 185px;
}
.pic8-small {
	max-width: 300px;
	max-height: 150px;
}
.pic9-small {
	max-width: 325px;
	max-height: 175px;
}
.pic10-small {
	max-width: 268px;
	max-height: 142px;
}
.pic11-small, .pic12-small, .pic13-small, .pic14-small, .pic15-small, .pic16-small, .pic17-small {
	max-width: 402px;
	max-height: 302px;
}
#pic1-reduce, #pic2-reduce, #pic3-reduce, #pic4-reduce, #pic5-reduce, #pic6-reduce, #pic7-reduce, #pic8-reduce, #pic9-reduce, #pic10-reduce, #pic11-reduce, #pic12-reduce, #pic13-reduce, #pic14-reduce, #pic15-reduce, #pic16-reduce, #pic17-reduce, #pic18-reduce, #pic19-reduce, #pic20-reduce {
	display: none;
}

/*
#pic1-enlarge, #pic2-enlarge, #pic3-enlarge, #pic4-enlarge, #pic5-enlarge, #pic6-enlarge, #pic7-enlarge, #pic8-enlarge, #pic9-enlarge, #pic10-enlarge, #pic11-enlarge, #pic12-enlarge, #pic13-enlarge, #pic14-enlarge, #pic15-enlarge, #pic16-enlarge, #pic17-enlarge, #pic18-enlarge, #pic19-enlarge, #pic20-enlarge {
	display: block;
	max-width: 65%;
}
#pic11-enlarge, #pic12-enlarge, #pic14-enlarge, #pic16-enlarge, #pic17-enlarge {
	width: 410px;
}
#pic2-enlarge, #pic3-enlarge, #pic5-enlarge, #pic7-enlarge, #pic8-enlarge {
	float: right;
}
*/

/*
@-webkit-keyframes image_loopFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes image_loopFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes image_loopFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes image_loopFadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}
#image_loop_bg {
//	background: url(graphics/skis/ski-cambers-traditional.png);
	max-width: 65%;
//	background-size: contain;
	float: right;
	display: block;
//	padding-bottom: 22%;
}
#image_loop_bg img {
	max-width: 100%;
}

#image_loop {
	position: relative;
	width:350px;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
#image_loop img {
  position: absolute;
  left:0;
  top: -119px;
  max-width: 100%;
}

#image_loop img {
  -webkit-animation-name: image_loopFadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: image_loopFadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  -o-animation-name: image_loopFadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;

  animation-name: image_loopFadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
#image_loop img:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
#image_loop img:nth-of-type(2) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#image_loop img:nth-of-type(3) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
#image_loop img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}
*/

.desc-row-item {
	width: 50%;
	float: left;
}

.exercise {
	width: 100%;
	margin: 5px auto 20px;
	display: block;
	background: #eeeeee;
	border: 2px solid #9999AA;
	padding: 2%;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 1px 1px 4px #404040;
//	float: right;
	font-family: Formation Sans Regular, Larke Sans Bold, Enigma, Gidole Regular, Sheep Sans, Gravity Book, Elegan Tech,  Typomoderno Bold, Liberation Sans Regular, Sansation Bold Italic, Existence Light, Giorgio, Enter Sansman, Russo One, Bebas Neue, Gravity Book, Verdana, Tahoma, Lucida Sans Unicode;

}
.exercise-div {
	width: 95%;
	margin: 5px auto;
}
.exercise h2, .exercise h3, .exercise h4, .exercise h5, .exercise h6 {
	font-family: Formation Sans Regular, Gravity Book, Verdana, Lucida Sans Unicode, Lucida Grande, Trebuchet MS, Tahoma, Verdana;
	padding: 10px 0px 5px;
	margin: 0;
	font-weight: bold;
	letter-spacing: 2px;
}
.exercise p {
	font-family: Formation Sans Regular, Larke Sans Bold, Enigma, Gidole Regular, Sheep Sans, Gravity Book, Elegan Tech,  Typomoderno Bold, Liberation Sans Regular, Sansation Bold Italic, Existence Light, Giorgio, Enter Sansman, Russo One, Bebas Neue, Gravity Book, Verdana, Tahoma, Lucida Sans Unicode;
	padding: 5px 0;
	margin: 0;
	letter-spacing: 1px;
}

/* Animations Styles, mainly there to correct the size errors from the flash to HTML5 video conversion */
/* These should be removed where possible when the videos are replace with new graphics */
.boot_anim {
	width: 250px;
	height: 300px;
	overflow: hidden;
}
.traverse_anim {
	width: 500px;
	height: 200px;
	max-width: 100%;
	overflow: hidden;
}
.skiraise_anim {
	width: 250px;
	height: 250px;
	overflow: hidden;
}
.skibend_anim {
	width: 576px;
	height: 160px;
	overflow: hidden;
	max-width: 100%;
}
.gradientchange_anim {
	width: 250px;
	height: 200px;
	overflow: hidden;
}
.movement_anim {
	width: 250px;
	height: 270px;
	overflow: hidden;
}
.skier_anim {
	width: 320px;
	height: 240px;
	overflow: hidden;
}

.controlable_anim {
	width: 640px;
	height: 480px;
	overflow: hidden;
	max-width: 100%;
}
.desktop {
	display: block;
}
.mobile {
	display: none;
}
.loop {
	display: block;
}
.noloop {
	display: none;
}

/* Exaggerations warning block styles */
.exaggerations {
	width: 85%;
	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: 80%;
	display: block;
	text-align: center;
	background-position: center;
	vertical-align: middle;
	margin: auto;
	clear: both;
}
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 90%;
}
/* STYLES FOR  ELEMENTS ON SPECIFIC PAGES */

/* Ski Boot Flex Chart */
div.chart {
	margin: 2% auto;
	width: 100%;
	display: block;
}
div.flexblock {
	padding: 0.5% 1%;
	margin: 0px auto 3%;
	line-height: 20px;
	text-align: center;
	background: -moz-linear-gradient(left, #AAAAAA 13.2%, rgba(0,256,0,0.5) 13.3%, rgba(0,256,0,0.5) 20%, rgba(0,0,256,0.5) 55%, rgba(256,0,0,0.6) 88%, rgba(256,0,0,0.6) 100%) no-repeat;
	background: -webkit-gradient(linear, left top, right top, color-stop(13.2%, #AAAAAA), color-stop(13.3%,  rgba(0,256,0,0.5)), color-stop(20%, rgba(0,256,0,0.5)), color-stop(55%, rgba(0,0,256,0.5)), color-stop(88%, rgba(256,0,0,0.6)), color-stop(100%, rgba(256,0,0,0.6))) no-repeat;
	background: -o-linear-gradient(left, #AAAAAA 94px, rgba(0,256,0,0.5) 95px, rgba(0,256,0,0.5) 141px, rgba(0,0,256,0.5) 395px, rgba(256,0,0,0.6) 615px, rgba(256,0,0,0.6) 700px) no-repeat;
	background: -ms-linear-gradient(left, #AAAAAA 94px, rgba(0,256,0,0.5) 95px, rgba(0,256,0,0.5) 141px, rgba(0,0,256,0.5) 395px, rgba(256,0,0,0.6) 615px, rgba(256,0,0,0.6) 700px) no-repeat;
	background: linear-gradient(left, #AAAAAA 94px, rgba(0,256,0,0.5) 95px, rgba(0,256,0,0.5) 141px, rgba(0,0,256,0.5) 395px, rgba(256,0,0,0.6) 615px, rgba(256,0,0,0.6) 700px) no-repeat;
	display: block;
	width: 100%;
	float: left;
	border-radius: 16px;
}
.flexblock div {
	height: 35px;
	float: left;
	padding: 1% 0px;
	margin: 0.25% 0px;
	background: rgba(242,242,237,0.8);
 	text-shadow: 1px 1px 2px #FFFFFF;
	line-height: 20px;
}
.flexblock div strong. flexblock div span {
	font-size: 13px;
	line-height: 15px;
//  vertical-align: top;
}
.flexblock div.parameter {
	background: #E0E0FF;
}

/* Avalanche Level Blocks */
.level1 {
	background: url(backgrounds/1_standard_.png) no-repeat;
	background-size: auto 100%;
}
.level2 {
	background: url(backgrounds/2_standard_.png) no-repeat;
	background-size: auto 100%;
}
.level3 {
	background: url(backgrounds/3_standard_.png) no-repeat;
	background-size: auto 100%;
}
.level4 {
	background: url(backgrounds/4_5_standard_.png) no-repeat;
	background-size: auto 100%;
}
.level5 {
	background: url(backgrounds/4_5_standard_.png) no-repeat;
	background-size: auto 100%;
}
.level5, .level4, .level3, .level2, .level1 {
	height: 120px;
	width: 165px;
//	border: 1px solid #333333;
	display: block;
	float: left;
	clear: both;
	margin: 5px;
}
/* Avertisment Styles */
.text-advert {
	display: block;
	border: 1px #065D86 solid;
	background: #FFFFFF;
	font-family: Lucida Sans Unicode, Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	background-position: center;
	text-align: center;
//	padding: 0px;
//	margin: 0px;
//	border-radius: 5px;
}
.text-advert a {
	font-family: Lucida Sans Unicode, Verdana;
	font-size: 16px;
	color: #0000FF;
	text-decoration: none;
}
.text-advert a:hover {
	font-family: Lucida Sans Unicode, Verdana;
	font-size: 16px;
	color: #0000FF;
	text-decoration: underline;
}
.skyscraper {
	width: 158px;
	height: 598px;
	line-height: 598px;
	max-width: 100%;
}
.leaderboard {
	width: 726px;
	height: 88px;
	line-height: 88px;
	max-width: 100%;
}
.halfbanner {
	width: 232px;
	height: 58px;
	line-height: 58px;
	max-width: 100%;
}
.skyscraper, .leaderboard, .halfbanner, .ad-placement {
    text-align: center;
	margin: 5px auto;
	clear: both;
}







/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!! RESPONSIVE CSS FOR LAYOUT ETC ON MOBILES AND SMALLER SCREENS !!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */




/* Styles for max-width 1200px */

@media screen and (max-width: 1200px)
{
body {
	background: #cccccc;
}

	
}


/* Styles for max-width 1090px */
/* Taking away the box on the right with the advert, and expanding the header buttons to keep them large enough */

@media screen and (max-width: 1090px)
{
#right-box {
	display: none;
}
#standard-icon {
	display: none;
}

#header ul {
	width: 70%;
}
#header div.onlinelessons {
	width: 30%;
}


}


/* Styles for max-width 950px */
/* Taking away desktop adverts as there is no space for them */

@media screen and (max-width: 950px)
{
.ad-placement {
	display: none;
}


}


/* Styles for max-width 900px */
/* Removing desktop menu and replacing with a button, removing the picture in the title bar only showing the logo, making header menu cover the width of the page, adjusting the size of buttons and text, making some pictures cover the width of the page */

@media screen and (max-width: 900px)
{
/* Text size and placement changes */
a:link, a:visited, a:active, a:hover, a:visited:hover, .maincolumntextbold, dt {
	font-size: 16px;
}
a:link, a:visited, a:active {
	font-size: 16px;
}
dt {
//	padding-top: 10px;
}
p, li, dd, .maincolumntext {
	font-size: 16px;         // 
}
dd {
	margin-left: 0px;
    padding-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 30px;
	padding-top: 8px;
	margin: 0.3em 0;
}
h2, h3, h4, h5, h6 {
	font-size: 22px;
	text-align: left;
}
h3 {
	font-size: 19px;
}
h4, h5, h6 {
	font-size: 16px;
	padding-top: 5px;
	margin: 0.3em 0;
}
ul, ol {
    margin-left: 5%;
    padding-left: 0px;
}
li  {
    margin-top: 0.5em;
}
.copyright, .copyright a {
	font-size: 14px;
}
.subscript {
	font-size: 8px;
}
.superscript {
	font-size: 8px;
}
.feedbackformtext, .tabletextbold, .feedbackformtext a, .feedbackformtext a:visited, .feedbackformtext a:hover, .feedbackformtext a:visited:hover, .feedbackformtextwhite, .inputtext, .veritextwhite, .tabletext, .tabletextwhite {
	font-size: 14px;
}
.veritextwhite {
	padding-top: 3px;
}
.tabletext {
	font-size: 14px;
}
.tabletextwhite {
	font-size: 14px;
}

/* Layout changes */
#content {
	width: 100%;
}
#logo-area {
	max-height: 90px;
	width: 83.3333%;
	height: 90px;
	display: block;
	float: left;
    border-right: 0px solid #9999AA;
}
#title-bg {
	width: 100%;	
}
#title-img {
	margin: 0px auto;
	display: block;
	float: none;	
}
#sport-bg {
	display: none;
}
#show-menu {
	display: block;
}
#hide-menu {
	display: none;
}
#main-column {
	width: 100%;
}
#right-box {
	display: none;
}
#standard-icon {
	display: none;
}
#footer {
	height: 50px;
}
#header a, #footer a {
	width: 20%;
    border-bottom: 1px solid #9999AA;
}
#footer li.donate {
	overflow: hidden;
	width: 20%;
}
#footer li {
	display: block;
	width: 100%;
}
#header ul, #footer ul {
	width: 100%;
}
#header div.onlinelessons {
	display: none;
}
#main-area {
	background: #fefefe;
}
#menu-button {
	float: left;
	display: block;
    background: -moz-radial-gradient(#92cbed, #3ba2de);
    background: -webkit-radial-gradient(#92cbed, #3ba2de);
	width: 16.6666%;
	background-size: contain;

	height: 90px;
	float: left;
	line-height: 100%;
	border: 1px solid #9999AA;
}
#menu-button:hover {
    background: -moz-radial-gradient(#3ba2de, #92cbed);
    background: -webkit-radial-gradient(#3ba2de, #92cbed);
}
#button-show, #button-hide {
	background: url(titles/menu-bars.png) no-repeat;
	height: 90px;
	width: 90px;
	margin: 0px auto;
//	background-size: contain;
//	width: 100%;
//	padding-bottom: 100%;
	display: block;
}
#menu-button a  span{
	display: none;
}
#button-hide {
	display: none;
}

/* Menu Styles */
#show-menu, #hide-menu {
	position: absolute;
	padding-top: 30px;
	width: 15%;
	height: 100%;  
	word-wrap: break-word; 
	font-family: Lucida Sans Unicode, Lucida Grande, Trebuchet MS, Tahoma, Verdana;
	font-weight: bold;
	color: #333333;
	vertical-align: top;
	text-align: center;
	line-height: 40px;
	float: left;
	margin-left: 100%;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#show-menu {
	display: none;
}
#hide-menu {
	display: none;
}
#hide-menu a {
	display:block;
}
#show-menu a div, #hide-menu a div {
	background: #70D6EF;
	border: 2px solid #9999AA;
//	border-left: 0px;
	padding: 6px;
	text-decoration: none;
	list-style: none;
	color: #333333;
	font-size: 35px;
	border-radius: 0px 10px 10px 0px;
	box-shadow: 4px 4px 8px #404040;
	margin: 0px 1px 1px 0px;
	background: -webkit-gradient(linear, left top, left bottom, from(#92cbed), to(#3ba2de));
	background: -moz-linear-gradient(top,  #92cbed,  #3ba2de);
	background: -o-linear-gradient(top,  #70D6EF,  #2FB2DC);
	background: -ms-linear-gradient(top,  #70D6EF,  #2FB2DC);
	background: linear-gradient(top,  #70D6EF,  #2FB2DC);
}
#hide-menu a div:hover, #show-menu a div:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#3ba2de), to(#92cbed));
	background: -moz-linear-gradient(top,  #3ba2de,  #92cbed);
	background: -o-linear-gradient(top,  #2FB2DC,  #70D6EF);
	background: -ms-linear-gradient(top,  #2FB2DC,  #70D6EF);
	background: linear-gradient(top,  #2FB2DC,  #70D6EF);
}
#hide-menu a:hover, #show-menu a:hover {
	text-decoration: none;
	font-family: Lucida Sans Unicode, Lucida Grande, Trebuchet MS, Tahoma, Verdana;
}
.menu-default, .menu-show {
	background: #eeeeee;
	color: #333333;
	width: 80%;
	float: left;
	margin-right: 10px;
	display: block;
	position: absolute;
	overflow: visible;
	border: 2px solid #9999AA;
	border-left: 0px;
	border-radius: 0px 10px 10px 0px;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.menu-default {
	box-shadow: 0px 0px 0px #404040;
	margin: 10px 1px 1px -80%;
}
.menu-show {
	box-shadow: 4px 4px 8px #404040;
	margin: 10px 1px 1px 0px;
}
.menu-default > div, .menu-show > div {
    margin: 0px auto;
}
#navigationBlock ul li a, #subnavBlock ul li a, #pagenavBlock ul li a, #pagenavBlock2 ul li a {
	width: 95%;
	padding: 8px;
}
#subnavBlock ul li a {
	width: 80%;
	padding: 6px;
}
#pagenavBlock ul li a, #pagenavBlock2 ul li a {
	width: 60%;
	padding: 4px;
}
#navigationBlock ul li, #subnavBlock ul li, #pagenavBlock ul li, #pagenavBlock2 ul li {
	list-style: none;
	padding: 10px;
	float:none;
	clear: both;
	position: static;
	margin: 0px auto;
	width: 100%;
}
#subnavBlock ul li {
	padding: 10px;
}
#pagenavBlock ul li, #pagenavBlock2 ul li {
	padding: 10px;
}
.flexblock div {
	height: 40px;
	display: inline-block;
	vertical-align: top;
	line-height: 35px;
}
.flexblock div strong, .flexblock div span {
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	line-height: 15px;
}

/* Image changes */
.pic1-small, 
.pic2-small, 
.pic3-small, 
.pic4-small, 
.pic5-small, 
.pic6-small, 
.pic7-small, 
.pic8-small, 
.pic9-small, 
.pic10-small, 
.pic11-small, 
.pic12-small, 
.pic13-small, 
.pic14-small, 
.pic15-small, 
.pic16-small, 
.pic17-small, 
.pic18-small, 
.pic19-small, 
.pic20-small {
	max-width: 100%;
	max-height: auto;
}
.graphic_description_right p, .graphic_description_left p, .graphic_description_middle p{
	font-size: 17px;
}

/* Setup to replace looping videos with playable videos, although not used any more */
.loop {
	display: none;
}
.noloop {
	display: block;
}


} 



@media screen and (max-width: 800px)
{
}


/* Styles for max-width 540px */
/* Adjusting menu and text sizes, making most images cover the width of the page */

@media screen and (max-width: 540px)
{
/* Layout and menu adjustments */
#content {
	width: 100%;
}
#main-column-content {
	width: 90%;
}
#logo-area {
//	background: url(titles/title_man.png) no-repeat;
	width: 83.33333%;
//	height: 20%;
	background-size: contain;
	padding-bottom: 16%;

	max-height: 90px;
//	width: 100%;
	height: 0;
	display: block;
	float: left;
	border-right: 0px solid #9999AA;
}

#title-bg {
	width: 100%;
	background-size: contain;
	display: block;
	padding-bottom: 22%;
//	height: auto;
	
}
#title-img {
//	background: url(titles/title_man.png) no-repeat;
	width: 100%;
//	height: 20%;
	background-size: contain;
	display: block;
	padding-bottom: 20%;
//	float: none;
	
}
#menu-button {
	display: block;
    background: -moz-radial-gradient(#92cbed, #3ba2de);
    background: -webkit-radial-gradient(#92cbed, #3ba2de);
	width: 16.6666%;
	padding-bottom: 16%;
	background-size: contain;

	max-height: 90px;
	height: 0;
	float: left;
//	background: #cccccc;
	line-height: 100%;
	border: 2px solid #9999AA;
}
#button-show, #button-hide {
//	background: url(titles/menu-bars.png) no-repeat;
	background-size: contain;
	width: 100%;
	padding-bottom: 100%;
	display: block;
}
#menu-button a  span{
	display: none;
}
#button-hide {
	display: none;
}

#sport-bg {
	clear: left;
	height: 30px;
	border-top: 1px solid #9999AA;
}
#right-box {
	display: none;
}
.onlinelessons {
	display: none;
}

/* Text adjustments */
p, li, dd, .maincolumntext, a:link, a:visited, a:active, a:hover, a:visited:hover, .maincolumntextbold, dt {
	font-size: 15px;
}
dt {
//    padding-top: 10px;
}
dd {
	margin-left: 0px;
    padding-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 24px;
	padding-top: 5px;
	margin: 0.3em 0;
}
h2, h3, h4, h5, h6 {
	font-size: 18px;
	text-align: left;
}
h3 {
	font-size: 16px;
}
h4, h5, h6 {
	font-size: 16px;
	padding-top: 3px;
	margin: 0.3em 0;
}
ul, ol {
    margin-left: 5%;
    padding-left: 0px;
}
li  {
    margin-top: 0.5em;
}
.copyright, .copyright a {
	font-size: 11px;
}
.subscript {
	font-size: 6px;
}
.superscript {
	font-size: 6px;
}
.feedbackformtext, .tabletextbold, .feedbackformtext a, .feedbackformtext a:visited, .feedbackformtext a:hover, .feedbackformtext a:visited:hover, .feedbackformtextwhite, .inputtext, .veritextwhite, .tabletext, .tabletextwhite {
	font-size: 11px;
}
.veritextwhite {
	padding-top: 3px;
}
.tabletext {
	font-size: 11px;
}
.tabletextwhite {
	font-size: 11px;
}
.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, .manual {
	font-size: 10px;
}
#header {
	height: 24px;
}
#footer {
	height: 48px;
}
#header ul, #footer ul, .manual {
	height: 24px;
}
#header li, #footer li , .manual {
	line-height: 24px;
	width: 100%;
}
#header a, #footer a {
	height: 24px;
	width: 20%;
//	border-bottom: 1px solid #9999AA;
}
#header ul li a:hover, #footer ul li a:hover {
	height: 24px;
}
#footer li.donate {
	height: 24px;
	overflow: hidden;
	width: 20%;
}
#footer li {
	display: block;
}
#show-menu a div, #hide-menu a div {
	font-size: 25px;
	padding: 4px;
}
#show-menu, #hide-menu {
	line-height: 30px;
}
#navigationBlock ul li a, #subnavBlock ul li a, #pagenavBlock ul li a, #pagenavBlock2 ul li a {
	padding: 6px;
}
#subnavBlock ul li a {
	padding: 4px;
}
#pagenavBlock ul li a, #pagenavBlock2 ul li a {
	padding: 4px;
}
#navigationBlock ul li, #subnavBlock ul li, #pagenavBlock ul li, #pagenavBlock2 ul li {
	padding: 8px;
}
#subnavBlock ul li {
	padding: 8px;
}
#pagenavBlock ul li, #pagenavBlock2 ul li {
	padding: 8px;
}
.navbartext a:link, .navbartext a:visited, .navbartext a:hover, .navbartext a:visited:hover {
	font-size: 14px;
}
.subnavtext a:link, .subnavtext a:visited, .subnavtext a:hover, .subnavtext a:visited:hover {
	font-size: 12px;
}
.pagenavtext a:link, .pagenavtext a:visited, .pagenavtext a:hover, .pagenavtext a:visited:hover {
	font-size: 10px;
}

/* Image changes */
.graphic_right, .graphic_left, .graphic_right_borderless, .graphic_left_borderless, .graphic_description_left, .graphic_description_right {
	margin: 5px auto;
	max-width: 98%;
	width: auto;
	height: auto;
	float: none;
	clear: both;
}
.middle-responsive {
	text-align: center;
}
/*
#image_loop, #image_loop_bg {
	width: 350px;
	max-width: 100%;
	margin: 0 auto;
}
#image_loop img {
	width: auto;
	height: auto;
	max-width: 100%;
} 
#image_loop_bg {
	float: none;
}
#image_loop_bg img {
	max-width: 100%;
	height: auto;
	width: auto;
}
*/
.flexblock div {
	height: 35px;
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
}
.flexblock div strong, .flexblock div span {
	font-size: 10px;
	display: inline-block;
	vertical-align: middle;
	line-height: 15px;
}
.traverse_anim, .boot_anim, .skiraise_anim, .skibend_anim, .gradientchange_anim, .movement_anim, .controlable_anim, .skier_anim {
	max-width: 100%;
	overflow: hidden;
	width: auto;
	height: auto;
}
.clear_responsive {
	clear: both;
}
/*
.pic1-small, .pic2-small, .pic3-small, .pic4-small, .pic5-small, .pic6-small, .pic7-small, .pic8-small, .pic9-small, .pic10-small, .pic11-small, .pic12-small, .pic13-small, .pic14-small, .pic15-small, .pic16-small, .pic17-small {
	max-width: 100%;
	max-height: 90%;
	height: auto;
	width: auto;
}
#pic1-enlarge, #pic2-enlarge, #pic3-enlarge, #pic4-enlarge, #pic5-enlarge, #pic6-enlarge, #pic7-enlarge, #pic8-enlarge, #pic9-enlarge, #pic10-enlarge, #pic11-enlarge, #pic12-enlarge, #pic13-enlarge, #pic14-enlarge, #pic15-enlarge, #pic16-enlarge, #pic17-enlarge, #pic18-enlarge, #pic19-enlarge, #pic20-enlarge {
	max-width: 100%;
	width: auto;
}
.graphic_description_right p, .graphic_description_left p, .graphic_description_middle p {
margin: 0px auto;
float: none;
	font-size: 13px;
}
#pic2-enlarge, #pic3-enlarge, #pic5-enlarge, #pic7-enlarge, #pic8-enlarge {
	float: none;
}
*/

.graphic_description_right p, .graphic_description_left p, .graphic_description_middle p{
	font-size: 15px;
}
.desc-row-item {
	width: 100%;
}

/* Elements that display in different places for mobile and desktop are swapped */
.desktop {
	display: none;
}
.mobile {
	display: block;
}


}


/* Styles for max-width 360px */
/* Change the layout for the menu and header area, adjust sizes of text to fit */


@media screen and (max-width: 360px)
{
	
/* Layout Changes */

#menu-button {
	width: 25%;
//	padding-bottom: 25%;
	height: 80px;
	max-height: 80px;
	display: block;
	border-bottom: 2px solid #9999AA;
	box-shadow: 2px 2px 4px #404040;
	margin: 0px;
	padding: 0px;
}
#button-show, #button-hide {
	max-height: 100%;
	max-width: 100%;
	padding-bottom: 0;
}
#logo-area {
	width: 75%;
	max-height: 50%;
//  padding-bottom: 15%;
//  background: url(backgrounds/title.png) no-repeat;
	width: 75%;
	height: 40px;
//  height: 20%;
	background-size: contain;
	padding-bottom: 0;

	max-height: 40px;
//	width: 100%;
//	height: 0;
	display: block;
	float: left;
	border-right: 0px solid #9999AA;
}
#top-area {
	width:100%;
	height: 90px;
	display: block;
	background: #dddddd;
}

#title-bg {
	height: 40px;
	width: 100%;
	background-size: contain;
	display: block;
	padding-bottom: 0;
  //height: auto;
	
}
#title-img {
//  background: url(titles/title_man.png) no-repeat center;
	max-height: 40px;
	width: 100%;
//  height: 20%;
	background-size: contain;
	display: block;
	padding-bottom: 0;
//	float: none;
	
}
#footer, #header {
	height: 40px;
}
#header {
	width: 75%;
	float: right;
	clear: none;
}
li a#navupdates {
	display: none;
}
#header ul, #footer ul, .manual {
	height: 20px;
}
#header li, #footer li , .manual {
	line-height: 20px;
	width: 100%;
}
#header li {
	line-height: 20px;
//	width: 75%;
}

#header a, #footer a {
	height: 20px;
	width: 20%;
}
#header a {
	width: 50%;
}
#header ul li a:hover, #footer ul li a:hover {
	height: 20px;
}
#footer li.donate {
	height: 20px;
	overflow: hidden;
	width: 20%;
}
#footer li {
	display: block;
}

	
/* Fonts and Texts */
.navbartext a:link, .navbartext a:visited, .navbartext a:hover, .navbartext a:visited:hover {
	font-size: 12px;
}
.subnavtext a:link, .subnavtext a:visited, .subnavtext a:hover, .subnavtext a:visited:hover {
	font-size: 10px;
}
.pagenavtext a:link, .pagenavtext a:visited, .pagenavtext a:hover, .pagenavtext a:visited:hover {
	font-size: 8px;
}
a:link, a:visited, a:active, a:hover, a:visited:hover, .maincolumntextbold, dt {
	font-size: 13px;
}
a:link, a:visited, a:active {
	font-size: 13px;
}
dt {
//	padding-top: 10px;
}
p, li, dd, .maincolumntext {
	font-size: 13px; 
}
dd {
	margin-left: 0px;
    padding-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 22px;
	padding-top: 5px;
	margin: 0.3em 0;
}
h2, h3, h4, h5, h6 {
	font-size: 16px;
	text-align: left;
}
h3 {
	font-size: 14px;
}
h4, h5, h6 {
	font-size: 14px;
	padding-top: 3px;
	margin: 0.3em 0;
}
ul {
    margin-left: 5%;
    padding-left: 0px;
}
li  {
    margin-top: 0.5em;
}
.copyright, .copyright a {
	font-size: 10px;
}
.subscript {
	font-size: 5px;
}
.superscript {
	font-size: 5px;
}
.feedbackformtext, .tabletextbold, .feedbackformtext a, .feedbackformtext a:visited, .feedbackformtext a:hover, .feedbackformtext a:visited:hover, .feedbackformtextwhite, .inputtext, .veritextwhite, .tabletext, .tabletextwhite {
	font-size: 11px;
}
.veritextwhite {
	padding-top: 3px;
}
.tabletext {
	font-size: 11px;
}
.tabletextwhite {
	font-size: 11px;
}
.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, .manual {
	font-size: 8px;

}
#show-menu a div, #hide-menu a div {
	font-size: 15px;
	padding: 3px;
}
#show-menu, #hide-menu {
	line-height: 18px;
}
#navigationBlock ul li a, #subnavBlock ul li a, #pagenavBlock ul li a, #pagenavBlock2 ul li a {
	padding: 6px;
}
#subnavBlock ul li a {
	padding: 4px;
}
#pagenavBlock ul li a, #pagenavBlock2 ul li a {
	padding: 4px;
}
#navigationBlock ul li, #subnavBlock ul li, #pagenavBlock ul li, #pagenavBlock2 ul li {
	padding: 6px;
}
#subnavBlock ul li {
	padding: 6px;
}
#pagenavBlock ul li, #pagenavBlock2 ul li {
	padding: 6px;
}
.graphic_description_right p, .graphic_description_left p, .graphic_description_middle p{
	font-size: 14px;
}




}




/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! END OF RESPONSIVE STYLES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */










/* STYLES FOR THE DEVELOPMENT SECTION */

#main-area-dev {
	background: #fefefe;     
	width: 100%;
	float: left;
	border-top: 2px solid #9999AA;
//  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #CCCCCC), color-stop(98%, #CCCCCC), color-stop(98%, #9999AA), color-stop(100%, #F2F2ED)) no-repeat;
//  background: -moz-linear-gradient(left center, #CCCCCC 253px, #666666 253px, #F2F2ED 256px) no-repeat;
//	background: -o-linear-gradient(left, #CCCCCC 253px, #666666 253px, #F2F2ED 256px) no-repeat;
//  background: -ms-linear-gradient(left, #CCCCCC 253px, #666666 253px, #F2F2ED 256px) no-repeat;
//  background: linear-gradient(left center, #CCCCCC 253px, #666666 253px, #F2F2ED 256px) no-repeat;
//  background-size: 257px 100%;
}
#main-column-dev {
	background: #fefefe;     
	float: right;
	width: 100%;
	min-height: 450px;
	background: -moz-linear-gradient(top center, #dddddd 1px, #fefefe 300px) no-repeat;
	background: -webkit-gradient(linear, right top, right bottom, color-stop(1%, #dddddd), color-stop(100%, #fefefe)) no-repeat;
//  background: -o-linear-gradient(top, #dddddd 1px, #fefefe 300px) no-repeat;
//  background: -ms-linear-gradient(top, #dddddd 1px, #fefefe 300px) no-repeat;
	background: linear-gradient(top center, #dddddd 1px, #fefefe 300px) no-repeat;
	background-size: 100% 300px;
}
#main-column-content-dev {
	background: transparent;
	margin: 0 auto;
	width: 900px;
	max-width:96%
}
.example-left {
	width: 450px;
	float: left;
	margin: 0 1%;
   margin-top: 10px;
	max-width: 48%;
	padding: 0px;
}
.dev-image-400 {
	width: 402px;
//	height: 227px;
	margin: 0px auto;
	padding: 0px;
	max-width: 100%;
//	height: auto;
    display: block;
}
.dev-image-400 img {
	max-width: 100%;
//	height: auto;
	border: 1px solid #333333;
	box-shadow: 2px 2px 4px #404040;
}

.dev-figcaption, .youtube-figcaption {
	text-align: center;
	font-family: Trebuchet MS, Tahoma, Lucida Sans Unicode, Verdana;
	font-size: 16px;
	color: #333333;
	margin: 1.12em auto;
	max-width: 100%;
	width: 400px;

}
.youtube-fig {
	width: 900px;
	float: left;
	padding: 0px;
	max-width: 100%;
}
.youtube {
	width: 853px;
	height: 480px;
	border: 1px solid #333333;
	margin: 10px auto;
	padding: 0px;
	box-shadow: 2px 2px 4px #404040;
	max-width: 100%;
}

@media screen and (max-width: 900px)
{
	
.dev-image-400 img, .dev-image-400, .youtube, .youtube-fig {
//	width: auto;
	height: auto;
}	
}