@charset "utf-8";
/* CSS Document */

* { /* Prevents line-breaks after heading tags and addss zero margins and padding on everything. */
	margin:0px; 
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

html, body {
	margin:0px;
	padding:0px;
	text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:12px;
	font-weight:normal;
	letter-spacing:normal;
	color:#FFF; 
	word-spacing:normal;
	min-width:100%;
	min-height:720px;
	height:100%;
	background:#111214 url(../images/lighting.png) no-repeat center top;
	position:relative;
}

body {
	min-width:1375px;
}

a, a:link, a:visited {
	text-decoration:none;
}

a:focus {
	outline:none;
}

a:visited {
	color:#0000EE;	
}

a:hover {
	text-decoration:underline;
}

a img {
	border:none; 	/* Gets rid of annoying blue borders on linked images. */
}

h4 {
	font-weight:600;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	letter-spacing:normal;
}

h2 {
	margin-bottom:0em;
}

a img{
	border:none;
}

h2.contact {
	padding-top:150px;
	font-weight:600;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	letter-spacing:normal;
}

.inner {
	position:absolute;
}

.hidden-images {
	display:none;
}

.quote {
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	letter-spacing:normal;
	font-size:14px;
	font-weight:bold;
}

.indent {
	text-indent:20px;
}

.indent2 {
	text-indent:16px;
}

.indent3 {
	text-indent:14px;	
}

p {
	line-height:165%;
	margin:0;
	padding:0; 
}

p.vision {
	text-indent:20px;
}

p.indent {
	text-indent:20px;
}

p.margin-5 {
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	letter-spacing:normal;
}

p.margin-10 {
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	letter-spacing:normal;
}

.text-shadow {
	text-shadow: 0px 2px 2px #9ca3b0;	
}

.text-shadow2 {
	text-shadow: 0px 1px 1px #9ca3b0;
}

.text-shadow3 {
	text-shadow: 0px 2px 2px #babfc8;	
}


/* This class is declared in the "Minutes of Meetings page.

p.link-black { 
	color:#000000;
} 
*/

.link-black {
	color:#000000;	
}

.link-red {
	color:#ac0000;	
}

p.red {
	color:#ac0000;
}

.red {
	color:#ac0000;	
}

.red2 {
	color:#C00;	
}

.box-shadow {	
	-webkit-box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50);
	-moz-box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50);
	box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50); /* For Firefox and Chrome */
}


.float-right {
	float:right	
}

.display-inline-block {
	display:inline-block;	
}

.display-block {
	display:block;	
}

.display-inline {
	display:inline;	
}

/****************************************  Header & Navigation  ******************************************/

#container1 {
	margin:0px auto;
	padding:0px;
	border:0px;
	width:1375px;
	height:auto;  /** This must be set to AUTO and NOT height:100%  **/
}

#lighting-bottom {
	margin:0px auto; 
	padding:0px;
	border:0px;
	width:1375px;
	height:175px;
	top:-45px;  /* top:650px*/
	position:relative;  /*position:absolute; */
	background: url(../images/lighting2.png) no-repeat center top;
}

#header {
	margin:0px auto;
	height:197px;
	width:1375px;
	min-width:1375px;
	padding:0px;
	border:0px;
	position:relative;
	

}

#logo-top {
	margin:0px auto;
	left:15px;
	height:52px;
	width:493px;
	top:22px;
	background: url(../images/banner.png) no-repeat;
	position:relative;
}

#logo-small {
	margin:0px auto;
	height:22px;
	width:280px;
	top:70px;
	left:0px;
	background: url(../images/logo_small.png) no-repeat;
	position:relative;

}

.skater-left {
	margin:0;
	height:197px;
	width:177px;
	left:2px;
	top:0px;
	position:absolute;
	float:left;
	background: url(../images/Squat_Jump_small2.png) no-repeat;
	text
}

.skater-right {
	margin:0;
	height:238px;
	width:230px;
	top:2px;
	right:0px;
	position:absolute;
	float:right;
	background:url(../images/crouching_dragon.png) no-repeat;
}

#nav_header {
	margin:0px auto;
	height:30px;
	width:1060px;
	bottom:-93px;
	border:0px;
	padding:0px;
	-webkit-box-shadow:0px -5px 10px rgba(0, 0, 0, .5);
	-moz-box-shadow:0px -5px 10px rgba(0, 0, 0, .5);
	box-shadow:0px -5px 10px rgba(0, 0, 0, .5);
	position:relative;
}

#navigation {
	margin:0px auto;
	height:30px;
	width:1375px;
	border:0px;
	padding:0px;
	position:relative;
}

/****************************************  Top Menu Bar *************************************************/

#container-menu-below {
	margin:0px auto;
	margin-top:6px; /* If this value is taken out, the sub-menus break. */
	height:20px;
	width:1375px;
	padding:0px;
	border:0px;
	position:relative;
}

#menu-below {
	margin:0px;
	margin-top:0px; /* If this value is taken out, the sub-menus break. */
	top:0px;
	left:0px;
	height:20px;
	width:1375px;
	padding:0px;
	border:0px;
	position:relative;
}

#menu-left {
	margin:0px;
	height:20px;
	width:618px;
	padding:0px;
	border:0px;
	bottom:0px;
	display:inline-block;
	float:left;
	position:relative;
	background: url(../images/menu_bar_left.png) no-repeat;
}


#menu-middle {
	margin:0px;
	height:20px;
	width:132px;
	padding:0px;
	border:0px;
	display:inline-block;
	position:relative;
    background: url(../images/menu_bar_middle.png) no-repeat;
}

#menu-middle:hover {
	margin:0px;
	height:20px;
	width:132px;
	padding:0px;
	border:0px;
	display:inline-block;
	position:relative;
	background: url(../images/menu_bar_middle_hover.png) no-repeat;
}

#menu-right {
	margin:0px;
	height:20px;
	width:625px;
	padding:0px;
	border:0px;
	display:inline-block;
	float:right;
	position:relative;
	background: url(../images/menu_bar_right.png) no-repeat;
}

.page-title {
	text-shadow: #87878e 0px -2px 1px;
}

.page-title-margin {
	margin-top:10px;
	text-shadow: #87878e 0px -2px 1px;
}

#railroad-spike-right {
	margin:0px;
	border:0px;
	padding:0px;
	height:14px;
	width:15px;
	position:absolute;
	right:15px;
	top: 0px;
	background:url(../images/railroad_spike_right.png) no-repeat;
	z-index:+2;
}

#railroad-spike-left {
	margin:0px;
	border:0px;
	padding:0px;
	height:14px;
	width:15px;
	position:absolute;
	left: 15px;
	top:0px;
	background:url(../images/railroad_spike_left.png) no-repeat;
	z-index:+2;
}

/********************************************    Main content containers    **********************************************/
#main-content-container {
	margin:0px auto;
	margin-top:4px;
	width:1283px;
	min-height:475px;
	padding:0px;
	-webkit-border-radius:75px;
	-moz-border-radius: 75px;
	border-radius:75px;
	-o-border-radius:75px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;
	background:#FFFFFF; /* Old browsers */
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#FFFFFF));
	background: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
	background: -moz-linear-gradient(#FFFFFF, #FFFFFF);
	background: -ms-linear-gradient(#FFFFFF, #FFFFFF);
	background: -o-linear-gradient(#FFFFFF, #FFFFFF);
	background: linear-gradient(#FFFFFF, #FFFFFF);
	-pie-background: linear-gradient(#FFFFFF, #FFFFFF);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNWQ3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjYWJiM2MzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjYWJiM2MzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRhNWQ3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #4a5d71 0%, #abb3c3 4%, #ffffff 22%, #ffffff 50%, #ffffff 81%, #abb3c3 96%, #4a5d71 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4a5d71), color-stop(4%,#abb3c3), color-stop(22%,#ffffff), color-stop(50%,#ffffff), color-stop(81%,#ffffff), color-stop(96%,#abb3c3), color-stop(100%,#4a5d71)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #4a5d71 0%,#abb3c3 4%,#ffffff 22%,#ffffff 50%,#ffffff 81%,#abb3c3 96%,#4a5d71 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #4a5d71 0%,#abb3c3 4%,#ffffff 22%,#ffffff 50%,#ffffff 81%,#abb3c3 96%,#4a5d71 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #4a5d71 0%,#abb3c3 4%,#ffffff 22%,#ffffff 50%,#ffffff 81%,#abb3c3 96%,#4a5d71 100%); /* IE10+ */
	background: linear-gradient(to right,  #4a5d71 0%,#abb3c3 4%,#ffffff 22%,#ffffff 50%,#ffffff 81%,#abb3c3 96%,#4a5d71 100%); /* W3C */
	box-shadow: 0px 20px 20px -20px #000000;
	box-shadow:	0px 20px 20px -20px #000000;
	-moz-box-shadow: 0px 20px 20px -20px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 20px 20px -20px rgba(0,0,0,0.8);
	position:relative;
	z-index:1; /* Allows content to be placed on top of middle area. Very important! */
}

#main-content-window {
	margin:0px auto;
	margin-top:15px;
	margin-bottom:2px;
	min-height:455px;
	width:1175px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	-o-border-radius:25px;
	border-style:solid;
	border-color:#45597e;
	border-width:1px 1px 0px 1px;
	-webkit-box-shadow:0px -4px 10px rgba(75, 94, 114, .9);
	-moz-box-shadow:0px -4px 10px rgba(75, 94, 114, .9);
	box-shadow:0px -4px 10px rgba(75, 94, 114, .9);
}

#load-content {
	margin:0px auto;
	padding:10px; 
	width:1142px;
	max-width:1142px;
	min-height:436px;
	color:#000000;  /*** All text inside the middle of the page will be overridden with font-color: black. ***/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	word-spacing:normal;
	letter-spacing:0.00em;
	position:relative;
}

/**********************************************  Contact page   ***************************************************/

/* Contact page has its own style sheet: ../css/contact_form.css
*/	

/**********************************************  Index page   ***************************************************/


#index-container {
	margin: 15px 12px 0px 12px; /* top, right, bottom, left. */ 	
}

#index-image {
	margin-right:20px;
	float:left;
}

#RainbowStop {
	max-width:268px;
	max-height:189px;
	border:1px #000 solid;	
}

#index-container-top {
	height:auto;
	width:inerhit;
	padding-left:5px;
}

#index-container-bottom {
	padding-top:9px;
	padding-bottom:5px;
	width: 1124px;
	height: 150px;
	clear:both; /* This is absolutely required or inline-block segment will break. */
}

	#index-sociallinks-container {
		margin-left:42px;
		display:inline-block;
		vertical-align:bottom;
	}
	
	#index-imagegallery-container {
		margin-left:45px;
		margin-right:45px;
		display:inline-block;
		vertical-align:top;
		width:285px;
		height:150px;
	}
	
	#index-forum-container {
		margin-right:64px;
		display:inline-block;
		vertical-align:top;
		width:304px;
		height:150px;
	}

/*********************************************   Footer page   ***************************************************/

#footer { 
	margin:0px auto;
	top:-135px;
	width:550px;
	height:12px;
	position:relative;
}

#footer-border { 
	margin:0px auto;
	margin-bottom:4px;
	width:275px;
	height:2px;
	border-style:solid;
	border-color:#787c87;
	border-width:0px 0px 1px 0px;
}

.footer-notes {
	margin:0px;
	padding:0px;
	color:#FFF;
	font-size:9px;
	font-weight:200;
	letter-spacing:1px;
	
	text-align:center;
	text-shadow:0px 1px 0px #000000);
	text-shadow:0px 1px 0px rgba(0,0,0, 1);
}

/****************************************    Vision Page     ******************************************************/

#vision-header-container {
	width:76px;
	height:22px;
	margin-bottom:10px;
}

#vision-description-top {
	margin-bottom:10px;
	width:auto; /** Browser calculates the width **/
	height:auto;
	padding-left:15px;
	line-height:140%;
}

#vision-wrapper {
	width:auto;  
}

#vision-left-container {
	width:500px; 
	margin-top:15px;
	margin-right:6px;
	margin-left:6px;
	display:inline-block;
	vertical-align:top;
}

#vision-mission-container {
	padding:5px;
}

#dream-quote-title {
	margin:0px auto;
	margin-bottom:3px;
	width:500px;
	font-size:14px;
	font-weight:bold;
}

#vision-image {
	border:1px solid #000000;

	-webkit-box-shadow:0px -2px 10px rgba(75, 94, 114, .6);
	-moz-box-shadow:0px -2px 10px rgba(75, 94, 114, .6);
	box-shadow:0px -2px 10px rgba(75, 94, 114, .6);	
}

#vision-image-container {
	margin:0px auto;
	margin-top:12px;
	padding-right:9px;
	width:382px;
}

#vision-right-container {
	margin-right:15px;
	margin-top:45px;
	min-width:547px;
	float:right;
}

#vision-video-container {
	margin-top:8px;
	height:295px;
	width:392px;
	float:right;
}

#vision-quote-container {
	height:inherit;
	width:140px;
	height:inherit;
	padding-right:15px;
	line-height:200%;
}

#enter-our-world {
	padding-bottom:10px;
	font-size:14px;
	font-weight:bold;
	width:inherit;
}

.vision-quote {
	margin-bottom:10px;
	letter-spacing:normal;
}

#iframe-border {
	border:1px solid #000000;
}

/******************************************    All tutorials page    *******************************************************/

#all-tutorials-container {
	margin:0px auto;
	padding-top:10px;
	width:1132px;
	height:426px;
	position:relative;
	display:inline;
}

#all-tutorials-container h2 {
	padding-top:10px;
}

	#tutorials-container-left {
		margin-top:15px;
		margin-left:30px;
		width:500px;
		height:365px;
		display:inline-block;
	}

	#tutorials-container-right {
		margin-top:15px;
		margin-right:30px;
		width:500px;
		height:365px;
		display:inline-block;
		float:right;
	}

		#heading-container-left {
			width:311px;
			height:30px;
			float:left;
			text-align:center;
			font-weight:bold;
		}

		#heading-container-right {
			width:311px;
			height:30px;
			float:right;
			text-align:center;
			font-weight:bold;
		}

			#tutorials-heading-left { /* Heading box at top of video window */
				padding-top:6px;
				padding-bottom:6px;
   				width: 125px;
   				float:right;
   				border: 1px solid rgba(0,0,0,0.3);
   				border-radius: 7px 7px 7px 7px;
				-webkit-box-shadow: 0px -3px 10px rgba(174, 182, 197, 1);
				-moz-box-shadow:    0px -3px 10px rgba(174, 182, 197, 1);
				box-shadow:         0px -3px 10px rgba(174, 182, 197, 1);
				-o-box-shadow: 		0px -3px 10px rgba(174, 182, 197, 1);
			}

			#tutorials-heading-right { /* Heading box at top of video window */
   				width: 127px;
				padding-top:6px;
				padding-bottom:6px;
   				float:left;
   				border: 1px solid rgba(0,0,0,0.3);
   				border-radius: 7px 7px 7px 7px;
				-webkit-box-shadow: 0px -3px 10px rgba(174, 182, 197, 1);
				-moz-box-shadow:    0px -3px 10px rgba(174, 182, 197, 1);
				box-shadow:         0px -3px 10px rgba(174, 182, 197, 1);
				-o-box-shadow: 		0px -3px 10px rgba(174, 182, 197, 1);
			}
			
		#player-left { /* Video window */
			margin-top:10px;
			width:500px;
			border: 1px solid rgba(0,0,0,1);
			border-radius: 2px 2px 8px 8px;
			-webkit-border-radius:2px 2px 8px 8px;
			-moz-border-radius:2px 2px 8px 8px;
			-o-border-radius:2px 2px 8px 8px;
			float:left;
		}
		
		#player-right { /* Video window */
			margin-top:10px;
			width:500px;
			border: 1px solid rgba(0,0,0,1);
			border-radius: 2px 2px 8px 8px;
			-webkit-border-radius:2px 2px 8px 8px;
			-moz-border-radius:2px 2px 8px 8px;
			-o-border-radius:2px 2px 8px 8px;
			float:right;
		}
		
		#playlist-left { /* Text below the video window */
			margin-left:15px;
			padding:3px;
			font-weight:bold;
			float:left;
			font-weight:bold;
			text-shadow: 0px 2px 2px #9ca3b0;
		}	
		
		#playlist-right { /* Text below the video window */
			margin-right:60px;
			padding:3px;
			float:right;
			font-weight:bold;
			text-shadow: 0px 2px 2px #9ca3b0;
		}
		
/**************************************************  Blog page ******************************************************/

#blog {
	margin:auto; 
	width:1144px;
	max-width:1135px;
	height:2250px;
	border:0px;
	top:-16px;
	padding-left:5px;
	overflow:hidden;
	position:relative;
}

/**************************************************  Photo Gallery page *********************************************/

#photogallery {
	margin:auto; 
	width:1144px;
	max-width:1135px;
	min-height:3000px;
	border:0px;
	top:-17px;
	overflow:hidden; /* turn off scrolling on iframe - (html5 parameter). */
	position:relative;
}

/**************************************************  Forum page *****************************************************/

#forum-load {
	position:relative;
	top:80px;
	text-align:center;
}

#forum {
	margin:auto; 
	width:1144px;
	max-width:1135px;
	height:2700px;
	min-height:2700px;
	border:0px;
	top:-16px;
	padding-left:5px;
	overflow:hidden;
	position:relative;
}

/** ---------------------------------------- Technology & Ice-Skating page -----------------------------------------------**/

#teachnology-load {
	position:relative;
	top:15px;
	text-align:center;
}

#technology {
	margin:0px auto; 
	width:1135px;
	max-width:1135px;
	height:5000px;
	min-height:1500px;
	border:0px;
	overflow:hidden;
	position:relative;
}


/** ---------------------------------------- EXHIBITIONS -----------------------------------------------**/

#exhibitions-container {
	margin:0px auto;
	width:1151px;
	display:inline-block;
}

#exhibitions-title-container {
	width:120px;
}

#window-container {
	min-height:380px;
	display:inline-block;
}

#accordian-container {
	width:250px; /* Height is left out so the menu can expand 'load-content' container. */
	position:relative;
	display:inline-block;
}

#secondpane {
	margin-left:15px;
}

[title~=accordian-title] {
	text-indent:10px;   /* Tells the <p> tag title under accordian div to indent text 20 pixels. */
}

#main-description-container {
	margin-left:5px;
	margin-top:25px;
	width:310px;
	min-height:300px;
	display:inline-block;
	vertical-align:top;
}

#exhibition-title {
	margin-left:14px;
	width:118px;
	height:inherit;
}

#iframe-description {
	width:310px;
	height:349px;
	border:0px;
	position:relative;
	top:-6px;
}

#player-window-container {
	margin:0px;
	margin-top:17px;
	min-width:573px;
	min-height:388px;
	display:inline-block;
	vertical-align:top;
}

#iframe-video {
	width:565px;
	height:388px;
	border:0px;	
}

p.exhibitions {
	line-height:145%;
}

.exhibitions-content {
	line-height:165%;
}

/* Additional style sheet: css/exhibitions_template.css  */

/*---------------------------------------- TICKS/PHOTOS Page -----------------------------------------------*/

#tricks-top-container {
	margin:0px auto;
	width:1142px;
	height:52px;
	position:relative;
}

#page-title-container {
	width:150px;
	height:30px;
	background:url(../images/tricks_photos_heading.png) no-repeat;
	float:left;
	position:relative;
}

#tricks-navigation-container {
	margin:0px auto;
	padding-top:10px;
	width:552px;
	height:35px;
	position:relative;
}

#tricks-title-container {
	margin:0px;
	margin-top:22px;
	margin-bottom:18px;
	padding-top:3px;
	width:340px;
	max-width:340px;
	height:20px;
	text-align:center;
	position:relative;
	z-index:-999;
	
	border:#84a5c1 1px solid;
	
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-o-border-radius:3px;
	
	-webkit-box-shadow: 0px -3px 7px rgba(75, 94, 114, .4);
	-moz-box-shadow:	0px -3px 7px rgba(75, 94, 114, .4);
	box-shadow:			0px -3px 7px rgba(75, 94, 114, .4);
}

#iframe-titles {
	margin:0px auto;
	height:20px;
	width:325px;
	max-width:325px;
	position:relative;
}

#tricks-main-container {
	margin:0px auto;
	margin-bottom:15px;
	width:920px;
	height:330px;
	min-height:330px; /* A minimum height is needed or box shadow will not work properly */
	border:1px solid;
	border-color:#7e9caf #9ebfd4 #d5dce0;
	
	-webkit-box-shadow: 0px -4px 10px rgba(75, 94, 114, .5);
	-moz-box-shadow:	0px -4px 10px rgba(75, 94, 114, .5);
	box-shadow:			0px -4px 10px rgba(75, 94, 114, .5);
	
	position:relative;
}

#about-tricks-left {
	margin:0px;
	padding:15px 15px 0px;
	width:335px;
	min-height:315px;
	border-color:#dfdfe1;
	border-style:solid;
	border-width:0px 1px 0px 0px; /* creates center right border */
	background:#fdfbf6;
	float:left;
	position:relative;
}

#about-tricks-right {
	margin:0px;
	padding:5px 0px 0px 0px; /* (top, bottom) */
	width:553px;
	min-height:320px;
	background:#FFF;
	float:right;
	position:relative;
}

#iframe-about-tricks {
	min-height:310px;
	width:335px;
	max-width:335px;
	border:none;
}

#iframe-photos-tricks {
	margin:0px auto;
	min-height:320px;
	width:552px;
	max-width:552px;
	border:none;
}

/* --------------------------------- Skating Entertainment page --------------------------------------------------------*/
#entertainment-wrapper {
	margin:0px;
	width:1142px;
	height:436px;
}

#entertainment-container {
	margin:0px auto;
	margin-top:20px;
	padding:2px;
	background:#f9f2f2;
	width:560px;
	height:344px;
	border: 1px solid rgba(0,0,0,1);
	border-radius:2px 2px 8px 8px;
	-webkit-border-radius:2px 2px 8px 8px;
	-moz-border-radius:2px 2px 8px 8px;
	-o-border-radius:2px 2px 8px 8px;
	position:relative;
}

#entertainment-header {
	margin:0px;
	width:242px;
	height:29px;
	background:url(../images/entertainment_heading.png) no-repeat;
	position:relative;	
}

#playlist-left-entertainment { /* Text below the video window */
	margin-left:15px;
	padding:3px;
	font-weight:bold;
	float:left;
	font-weight:bold;
	text-shadow: 0px 2px 2px #9ca3b0;
}	

#playlist-right-entertainment { /* Video window */
	margin-right:30px;
	padding:3px;
	float:right;
	font-weight:bold;
	text-shadow: 0px 2px 2px #9ca3b0;
}

/* -----------------------------------------------------------------------------------------------------------------------*/

#new-tricks-header {
	margin:0px;
	width:150px;
	height:29px;
	background:url(../images/new_tricks_heading.png) no-repeat;
	position:relative;	
}

/* -----------------------------------------------------------------------------------------------------------------------*/

#documentaries-header {
	margin:0px;
	width:170px;
	height:29px;
	background:url(../images/documentaries_header.png) no-repeat;
	position:relative;	
}

/* ------------------------------------------------- "Guidelines of discipline" page -------------------------------------------------------------*/

#guidelines-wrapper {
	margin:0px auto;
	width:1141px;
	min-height:inherit;
	position:relative;
}

#guidelines-title-container {
	width:300px;
	height:29px;
	position:relative;
}

#guidelines-window-container {
	min-height:inherit; /* This div container must expand with the content */
	width:1138px;
	position:relative;
}

#guidelines-accordian-wrapper {
	margin-top:10px;
	width:150px; /* Height is left out so the menu can expand 'load-content' container. */
	margin-left:15px;
	display:inline-block;
	vertical-align:top;
}

#guidelines-accordian-container {
	margin-top:15px;
	position: absolute;
    top: 0;
}

p.select-skill-title { /* Apply a text shadow only to the <p> element. */
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
}

#guidelines-iframe-container {
	margin:0px auto;
	padding:7px 7px 15px 7px;
	width:935px;
	min-height:100%;
	display:inline-block;
	position:relative;
	left:25px; /* This centers the iframe. I used this instead of a left margin. */
	clear:both;
	
/***-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-o-border-radius:15px;
	
	-webkit-box-shadow:0px -1px 14px rgba(75, 94, 114, .5);
	-moz-box-shadow:0px -1px 14px rgba(75, 94, 114, .5);
	box-shadow:0px -1px 14px rgba(75, 94, 114, .5); *************/
}

#guidelines-iframe {  /* This is the iframe */
	width:933px;
	min-height:auto;
	border:none;
}

#guidelines-accordian-container.fixed {  /* For the floating accordian menu. */
  position: fixed;
  top: 10;
}

/* ------------------------------------------------- "10 Fundamental Principles" page ------------------------------------------------*/

#principles-header {
	width:280px;
	height:29px;
	margin-bottom:10px;
}

#principles-title {
	width:800px;
	margin-left:11px;
	padding:3px 4px;
	margin-bottom:6px;
}

#principles-title > p.principles-title {
	color:#ac0000;
	font-size:12px;
	font-weight:bold;
	height:inherit;
}

#principles-title > p.10-principles-download {
	font-weight:normal;
	color:#000000;
	font-size:12px;
	height:inherit;
}

#principles-title > p {
	display:inline;
}

#principles-container {
	padding-right:65px;
	margin-left:16px;
}

#principles-container li {
	line-height:135%;
	list-style-type:none;
	padding-bottom:9px;
}

/* ------------------------------------------------- "Quotes" page ------------------------------------------------*/

#quotes-header {
	width:90px;
	height:30px;
	margin-bottom:15px;
}

#quotes-container {
	padding-left:15px;
	padding-right:25px;
	position:relative;
}

#quotes-container li {
	line-height:115%;
	margin-bottom:11px;
	list-style-type:none;
	padding-bottom:2px;
}


/* ----------------------------------------"Facebook / Youtube" Channels, page-------------------------------------*/

#facebook-header {
	width:311px;
	height:29px;
	margin-bottom:15px;
}

#facebook-container {
	margin:0px auto;
	margin-top:85px;
	padding:15px 30px;
	width:380px;
	height:156px;
	position:relative;
	
	-webkit-box-shadow:0px -2px 16px rgba(75, 94, 114, .6);
	-moz-box-shadow:0px -2px 14px rgba(75, 94, 114, .6);
	box-shadow:0px -2px 16px rgba(75, 94, 114, .6);
}

#facebook-left-icon {
	width:156px;
	height:156px;
	display:inline-block;
	float:left;
	background:url(../images/Youtube_icon.png) no-repeat;
	position:relative;
}

#facebook-left-icon:hover {
	width:156px;
	height:156px;
	display:inline-block;
	background:url(../images/Youtube_icon_over.png) no-repeat;
}

#facebook-right-icon {
	width:156px;
	height:156px;
	display:inline-block;
	float:right;
	background:url(../images/Facebook_icon.png) no-repeat;
	position:relative;
}

#facebook-right-icon:hover {
	width:156px;
	height:156px;
	display:inline-block;
	background:url(../images/facebook_icon_over.png) no-repeat;
}

/* ----------------------------------------"Edge Jumps page-------------------------------------*/

#edgejumps-header {
	margin-bottom:7px;
	width:140px;
	height:29px;
}

#edgejumps-container {
	width:1141px;
}

#edgejumps-definition {
	padding-left:15px;	/** This matches '#edgejumps-listing' to push everything to the right so it's indented from the header **/
}

#edgejumps-image-top {
	float:right;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
}

#edgejumps-image-top img {
	border:1px solid #000000;
	width:247px;
	height:127px;
}

#edgejumps-bottom-container {
	width:1141px;
	margin-top:25px;
	margin-bottom:35px;
	display:block;
}

#edgejumps-list-container {
	display:inline-block;
	vertical-align:top;
	width:619px;
}

#edgejumps-listing {
	margin-bottom:5px;
	padding-left:15px;
	list-style-type:none;
	line-height:145%;
}

#edgejumps-space {
	padding-bottom:3px;	
}

.edgejumps-indent {
	margin-left:15px;
}

.edgejumps-text-shadow {
	/* text-shadow: #828289 0px -1px 1px;  */
	color:#173f5c;
	font-weight:bold;
}

#edgejumps-video-container {
	margin-top:7px;
	width:500px;
	display:inline-block;
	vertical-align:top;
	float:right;
	
	clear:right;
}

#edgejumps-iframe {
	width:490px;
	height:273px;
	border:1px solid #000000;
}

#edgejumps-bottom-text {
	margin-top:20px;
	padding-left:16px;
	padding-right:15px;
}

/* ---------------------------------------- Biography page -------------------------------------*/

#biography-header {
	height:29px;
	width:118px;
}

#biography-title-header {
	margin-top:15px;
	margin-left:19px;
	height:15px;
	color:#000;
	font-size:12px;
	font-weight:bold;
}

#biography-top-container {
	margin-left:10px;
	margin-top:3px;
	padding:10px;
	height:auto;
	width:auto;
	display:inline-block;
}

#biography-picture-left {
	margin-right:25px;
	width:130px;
	height:120px;
	border:1px solid #000;
	display:inline-block;
}

#biography-picture-right {
	width:181px;
	height:120px;
	border:1px solid #000;
	display:inline-block;
}

#biography-info-container {
	width:280px;
	height:108px;
	margin-left:24px; 
	padding-left:45px;
	padding:7px;
	display:inline-block;
	vertical-align:top;
	
	border-width:1px;
	
	-webkit-box-shadow:0px -1px 7px rgba(75, 94, 114, .6);
	-moz-box-shadow:0px -1px 7px rgba(75, 94, 114, .6);
	box-shadow:0px -1px 7px rgba(75, 94, 114, .6);
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7x;
	-o-border-radius:7px;
}

#biography-info-container ul li {
	list-style-type:none;	
}
	
.biography-list-items {
	margin-bottom:7px;	
}

#biography-container {
	padding:0px 30px 4px 4px;
}

#biography-container p {
	padding-left:14px;
}

.biography-title {
	margin-bottom:2px;
	margin-top:10px;
	font-weight:bold;
	color:#000000;
}

/* ---------------------------------------- Promotion page -------------------------------------*/

#promotion-header {
	width:114px;
	height:29px;
}

#promotion-title-header {
	margin-top:6px;
	margin-bottom:25px;
	padding-left:16px;
	height:15px;
	font-size:12px;
	font-weight:bold;
}

#promotion-top-left {
	margin-left:15px;
	margin-right:60px;
	width:260px;
	height:30px;
	display:inline-block;
	vertical-align:top;
}

	#tl-description {
		width:inherit;
		padding-bottom:7px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
	}
	
	#tl-logo {
		width:257px;
		height:30px;
	}

#promotion-top-middle {
	width:330px;
	display:inline-block;
	vertical-align:top;
}
	#tm-description {
		width:inherit;
		padding-bottom:7px;
		padding-left:20px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
	}
	
	#tm-logo {
		width:341px;  /* 296px plus 45px padding altogether. */
		height:75px;
	}
	
		#tm-logo-facebook {
			display:inline-block;
			vertical-align:top;
			margin-right:15px;
			height:73px;
			width:74px;
		}
		
		#tm-middle-youtube {
			display:inline-block;
			vertical-align:top;
			margin-right:15px;
			height:73px;
			width:74px;
		}
		
		#tm-middle-twitter {
			display:inline-block;
			vertical-align:top;
			margin-right:15px;
			height:73px;
			width:74px;
		}
		
		#tm-middle-wordpress {
			display:inline-block;
			vertical-align:top;
			height:73px;
			width:74px;
		}

#promotion-top-right {
	margin-right:15px;
	margin-left:90px;
	width:363px;
	float:right;
}

	#tr-description {
		width:inherit;
		padding-bottom:7px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
	}
	
	#tr-logo {
		height:162px;
		width:363px;
	}

/** Separation top & bottom  **/

#promotion-bottom-left {
	margin-left:15px;
	margin-right:70px;
	width:251px;
	height:251px;
	display:inline-block;
	vertical-align:top;
}

	#bl-description {
		width:inherit;
		padding-bottom:7px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
	}
	
	#bl-logo {
		height:250px;
		width:250px;
	}
	
#promotion-bottom-middle {
	width:286px;
	height:171px;
	margin-top:36px;
	display:inline-block;
	vertical-align:top;
}

	#bm-description {
		width:inherit;
		padding-bottom:3px;
		font-size:12px;
		font-weight:normal;
		letter-spacing:normal;
	}
	
	p.business-card-title {
		text-align:center;
		font-weight:bold;
	}
	
	p.business-card-description {
		text-align:justify;	
		margin-bottom:4px;
	}
	
	#bm-logo {
		height:171px;
		width:285px;
	}
	
#promotion-bottom-right {
	margin-right:15px;
	margin-left:44px;
	width:450px;
	height:138px;
	position:absolute;
	right:9px;
	top:291px;
}

	#br-description {
		width:inherit;
		padding-bottom:7px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
	}
	
	#br-logo {
		height:137px;
		width:449px;
	}

#promotion-spacing-bottom {
	width:1000px;
	height:1px;
	margin-top:35px; /** This adds space to the bottom. Height doesn't seem to have any affect. **/
	display:block;
}

/* ----------------------------------------------------------- Links page -------------------------------------------------------------------*/

#links-header {
	height:29px;
	width:118px;
}

#links-title-header {
	margin-bottom:10px;
	margin-top:8px;
	margin-left:15px;
	height:15px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

#links-container {
	margin-left:20px;
}

#links-list {
	list-style:none;	
}

#links-list a:hover {
	color:#000000;
}

#links-list p {
	color:#3800e5;
	display:inline;
}

#links-socialnetworks-wrapper {
	margin-left:40px;
	margin-top:15px;
}

	#links-socialnetworks-container {
			height:75px;
		}
	
		#links-facebook {
			display:inline-block;
			vertical-align:top;
			margin-right:9px;
			height:73px;
			width:74px;
			background:url(../images/promotion_facebook_icon.png) no-repeat;
		}
		
		#links-facebook:hover {
			background:url(../images/promotion_facebook_icon_over.png) no-repeat;
		}
		
		#links-youtube {
			display:inline-block;
			vertical-align:top;
			margin-right:9px;
			height:73px;
			width:74px;
			background:url(../images/promotion_youtube_icon.png) no-repeat;
		}
		
		#links-youtube:hover {
			background:url(../images/promotion_youtube_icon_over.png) no-repeat;	
		}
		
		#links-twitter {
			display:inline-block;
			vertical-align:top;
			margin-right:5px;
			height:73px;
			width:74px;
			background:url(../images/promotion_twitter_icon.png) no-repeat;
		}
		
		#links-twitter:hover {
			background:url(../images/promotion_twitter_icon_over.png) no-repeat;
		}
		
		#links-wordpress {
			display:inline-block;
			vertical-align:top;
			height:73px;
			width:74px;
			background:url(../images/promotion_wordpress_icon.png) no-repeat;
		}
		
		#links-wordpress:hover {
			background:url(../images/promotion_wordpress_icon_over.png) no-repeat;	
		}

/* ----------------------------------------------------- Press/Media page -------------------------------------------------------------------*/


#press-header {
	width:145px;
	height:29px;
	margin-bottom:15px;
	margin-top:8px;
	margin-left:4px;
}

.press-title {
	padding:5px;
	padding-bottom:5px;
	height:18px;
	color:#C30;
	text-align:center;
	font-weight:bold;
	font-size:15px;
}

#press-container-1 {
	margin:0px auto;
	margin-bottom:10px;
	width:1131px;
	text-align:center;
}

#press-container-2 {
	margin:0px auto;
	margin-bottom:10px;
	width:485px;
}

#press-container-3 {
	margin:0px auto;
	margin-bottom:15px;
	width:145px;
}

	.press-box-1st {
		margin-left:10px;
		margin-right:15px;
		min-width:135px;
		max-width:185px;
		height:inherit;
		text-align:center;
		display:inline-block;
		vertical-align:top;
	}

	.press-box-middle {
		margin-right:15px;
		min-width:135px;
		max-width:185px;
		height:inherit;
		text-align:center;
		display:inline-block;
		vertical-align:top;
	}

	.press-box-last {
		margin-right:10px;
		min-width:135px;
		max-width:185px;
		height:inherit;
		text-align:center;
		display:inline-block;
		vertical-align:top;
	}
	
	.press-box-single {
		min-width:135px;
		max-width:185px;
		height:inherit;
		text-align:center;
	}



	.press-box-date {
		width:inherit;
		height:16px;
		text-align:center;
		font-weight:bold;
	}

	.press-box-title {
		margin-bottom:10px;
		width:inherit;
		height:16px;
		text-align:center;
		font-weight:bold;
	}
	
	.press-box-title2 {
		width:inherit;
		height:16px;
		text-align:center;
		font-weight:bold;
	}
	
	.press-box-image {
		height:auto;
		width:auto;
	}


#press-2006 {
	margin-bottom:10px;	
}

#press-2007 {
	margin-bottom:10px;
}

#press-2009 {
	margin-bottom:10px;
}


/* ----------------------------------------------------- Terms of Service page -------------------------------------------------------------------*/

#terms-header {
	width:190px;
	height:29px;
	margin-bottom:2px;
	margin-top:8px;
	margin-left:4px;
}

#terms-title {
	margin-bottom:15px;
	margin-left:27px;
	width:auto;
	height:18px;
	color:#000000;
	font-weight:bold;
	font-size:12px;
}

#terms-container {
	padding-left:30px;
	padding-right:15px;
	width:auto;
	height:auto;
}

#terms-list {
	list-style:none;	
}

.terms-main {
	font-weight:bold;
}

.terms-sub {
	margin-top:2px;
	margin-bottom:6px;
	margin-left:15px;
	list-style:none;
}


/* ----------------------------------------------------- Take the Test (written) page -------------------------------------------------------------------*/

#test-header {
	width:155px;
	height:29px;
	margin-bottom:6px;
	margin-top:8px;
	margin-left:4px;
}

#test-title {
	margin-bottom:15px;
	margin-left:27px;
	width:auto;
	height:18px;
	color:#000000;
	font-size:12px;
}

#test-container {
	padding-left:30px;
	padding-right:15px;
	width:auto;
	height:auto;
}

.test-margin {
	margin-bottom:3px;
}	

.test-asterisk {
	color:#e32525;
	font-weight:bolder;
	font-size:16px;
}

#testform-container input:focus {  /** When form inputs (all of them) are clicked on (focus:), then show box shadow and border.  **/
	border:1px solid #8297ae;
	outline:none;
	-webkit-box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50);
	-moz-box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50);
	box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50); /* For Firefox and Chrome */
}

#test-agree-container {
	margin-bottom:5px;
	width:auto;
	height:auto;
}

#test-agree-container p {
	display:inline;
}

	#test-agree {
		vertical-align:middle;	
	}

#test-firstname-container p {
	display:inline;	
}

#test-firstname-container input {
	display:block;	/** pushes the input box down, otherwise it aligns inline. **/
}

#test-lastname-container p {
	display:inline;	
}

#test-lastname-container input {
	display:block;	
}

#test-email-container p {
	display:inline;	
}

#test-email-container input {
	display:block;
}

#test-email-container {
	margin-bottom:5px;
}

#test-testtype-container {
	margin-bottom:10px;
}

#test-testtype-container p {
	display:inline;
}

#test-type {  /** dropdown menu **/
	display:block;
}

#test-testvideo-container p{
	display:inline;
}

#test-testvideo-container input {
	display:block;	
}

#test-video {
	width:580px;	
}

/**  Submit Button and CLASS for Submit Button **/
	
	#testform-container input.submit-button {
		margin-top:15px;
		width:96px;
		height:27px;
		background:url(../images/testing_button.png);
		border:0px;
	}	

	#testform-container input.submit-button:hover {
		margin-top:15px;
		width:96px;
		height:27px;
		background:url(../images/testing_button_over.png);
		border:0px;
	}


/* ----------------------------------------------------- Minutes of Meetings page -------------------------------------------------------------------*/


#minutes-header {
	height:29px;
	width:227px;
}

#minutes-title-header {
	margin-bottom:5px;
	margin-top:15px;
	margin-left:18px;
	height:15px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

#minutes-container {
	width:auto;
	height:inherit;
	padding-left:20px;
}

#minutes-list {
	list-style:none; /* This works because it is a block-level element. Text decoration is an inline element. */
}

#minutes-list p {
	display:inline;
}

#minutes-list a:hover {
	color:#000000;	
}

#minutes-list p.link-black {  /* Class names must be applied to the entire website doesn't change for anchor tags. */	
	color:#000000;
}

#minutes-list p.link-red {  /* This overrides anchor a: tags. */	
	color:#ac0000;
}

#minutes-list-heading {
	margin-top:20px;
	margin-left:20px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}

#minutes-policies-container {
	width:1130px;
	height:auto;
	padding-left:40px;
}

#minutes-policies-container ul {
	list-style:none
}
#minutes-asterisk p:before {
	content:"• ";	
}


/* ----------------------------------------------------- Board of Directors page -------------------------------------------------------------------*/

#board-header {
	margin-bottom:10px;
	width:205px;
	height:29px;
}

#board-title-container {
	width:auto;
	height:auto;
	margin-top:8px;
	margin-bottom:15px;
	margin-left:18px;
}

#board-container-list {
	text-align:center; /* Center child div's */
	margin-right:20px;
}

#board-container-right {
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

#board-container-left {
	display:inline-block;
	veritical-align:top;
	text-align:left;
}

#board-container-left ul {
	list-style:none;
}

#board-container-right ul {
	list-style:none;	
}

#board-list-members p {
	display:inline;
}

#board-list-dates p {
	display:inline;
}

#board-list p {
	display:inline;	
}

#member, #member-since {
	margin-bottom:1px;	
}

#board-list-members li, #board-list-dates li {
	padding-bottom:3px;	
}

#board-image-container {
	margin-left:97px; /* 25% of total width of the container: 386px. */
	left:25%;
	right:25%;
	top:90px;
	position:absolute;
	
}

/* ----------------------------------------------------- Representatives page -------------------------------------------------------------------*/

#rep-header {
	margin-bottom:10px;
	width:185px;
	height:29px;
}

#rep-title-container {
	margin-top:8px;
	margin-bottom:25px;
	margin-left:18px;
}

.rep-container {
	margin:0px auto;
	margin-bottom:20px;
	padding-left:50px;
}

.rep-image {
	display:inline-block;
	vertical-align:top;
	margin-right:13px;
	width:132px;
}

.rep-description-container {
	display:inline-block;
	vertical-align:top;
	width:940px;
}

.rep-name {
	font-weight:bold;
	font-size:13px;
	height:auto;
}

.rep-description {
	height:inherit;
}

.rep-image-effects {
	border:1px solid #000000;
	
	-webkit-box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50);
	-moz-box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50);
	box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50); /* For Firefox and Chrome */
	
}

/* ----------------------------------------------------- Wallpaper page -------------------------------------------------------------------*/

#wallpaper-header {
	margin-top:5px;
	width:119px;
	height:29px;
}

#wallpaper-description {
	height:18px;
	width:auto;
	margin-top:8px;
	margin-lefT:18px;
}

#wallpaper-main-container {
	position:relative;
	top:-20px;
	width:auto;
	height:auto;
}

#carousel1 {
	width:1130px;
	height:350px;
	background:none;
	overflow:scroll;
	position:relative;
	top:-20px;
}

#title-text { /* This shows the name of the wallpaper on mouse-hover. */
	margin-top:3px;
}

#wallpaper-buttons-container {
	margin:0px auto;
	width:112px;
	height:70px;
	position:absolute;
	left: 521px;
	top: 315px;
}

#right-but.button-right { 
	margin-left:5px;
	width:48px;
	height:33px;
	background:url(../images/carousel_button_right.png) no-repeat; /* No-repeat must be stated because input button required larger dimensions than the "input-button image." */
	border:0; /** nasty border appears unless this value is set. */
}

#wallpaper-main-container input.button-left {
	margin-right:5px;
	width:48px;
	height:33px;
	background:url(../images/carousel_button_left.png) no-repeat;  /* No-repeat must be stated because input button required larger dimensions than the "input-button image." */
	border:0; /** nasty border appears unless this value is set. */
}

#right-but.button-right:hover { 
	margin-left:5px;
	width:48px;
	height:33px;
	background:url(../images/carousel_button_right_over.png) no-repeat; /* No-repeat must be stated because input button required larger dimensions than the "input-button image." */
	border:0; /** nasty border appears unless this value is set. */
}

#wallpaper-main-container input.button-left:hover {
	margin-right:5px;
	width:48px;
	height:33px;
	background:url(../images/carousel_button_left_over.png) no-repeat; /* No-repeat must be stated because input button required larger dimensions than the "input-button image." */
	border:0; /** nasty border appears unless this value is set. */
}


/* ----------------------------------------------------- Recognized Members page -------------------------------------------------------------------*/

#recognized-header {
	margin-bottom:10px;
	width:250px;
	height:29px;
}

#recognized-title-container {
	width:auto;
	height:auto;
	margin-top:8px;
	margin-bottom:30px;
	margin-left:18px;
}


#recognized-container-list {
	margin:0px auto;
	padding-left:30px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:525px;
	/* margin-left:310px; */
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-o-border-radius:10px;
	
	-webkit-box-shadow:0px -2px 11px rgba(75, 94, 114, .8);
	-moz-box-shadow:0px -2px 11px rgba(75, 94, 114, .8);
	box-shadow:0px -2px 11px rgba(75, 94, 114, .8);
}

#recognized-member, #recognized-since, #recognized-country, #recognized-registration {
	margin-bottom:5px;
}

#recognized-container-1, #recognized-container-2, #recognized-container-3, #recognized-container-4 {
	display:inline-block;
	vertical-align:top;
}

#recognized-container-1 { 
	width:125px; 	
}

#recognized-container-2 {
	width:150px;	
}

#recognized-container-3 {
	width:145px;	
}

#recognized-container-4 {
	width:85px;	
}

#recognized-container-list ul {
	list-style:none;
	line-height:170%;
}

.background-yellow {
	background-color:#fbf8eb;	
}

.background-gray {
	background-color:#f6f1f1;	
}


/* ----------------------------------------------------- Certified Instructors page -------------------------------------------------------------------*/

#certofoed-header {
	margin-bottom:10px;
	width:210px;
	height:29px;
}

#certified-title-container {
	margin-top:8px;
	margin-bottom:25px;
	margin-left:18px;
}

#certified-container-1 {
	margin:0px auto;
	margin-bottom:20px;
	padding-left:50px;
	height:auto;
	width:1130px;
}

#certified-image-1 {
	display:inline-block;
	vertical-align:top;
	margin-right:13px;
	width:132px;
}

#certified-description-container1 {
	display:inline-block;
	vertical-align:top;	
}

#certified-name-1 {
	font-weight:bold;
	font-size:13px;
}

#certified-name-2 {
	font-weight:bold;
	font-size:13px;
}

#certified-description-1 {
	width:910px;
	height:inherit;
}

#certified-container-2 {
	margin:0px auto;
	padding-left:50px;
	width:1130px;
}

#certified-image-2 {
	display:inline-block;
	vertical-align:top;
	margin-right:13px;
	width:132px;
}

#certified-description-2 {
	width:910px;
	font-size:13px;
}

#certified-description-container2 {
	display:inline-block;
	vertical-align:top;
}

.certified-image-effects {
	border:1px solid #000000;
	
	-webkit-box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50);
	-moz-box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50);
	box-shadow:0px -1px 4px rgba(55, 51, 51, 0.50); /* For Firefox and Chrome */
	
}

img.ariel-email {
	vertical-align:bottom;	
}


/* ----------------------------------------------------- Testing Requirements page -------------------------------------------------------------------*/


#requirements-header {
	height:29px;
	width:240px;
}

#requirements-title-header {
	margin-bottom:5px;
	margin-top:10px;
	margin-left:18px;
	height:15px;
	color:#000000;
}

#requirements-list-heading {
	margin-top:20px;
	margin-left:20px;
	font-size:12px;
	font-weight:bold;
}

#requirements-list-1 {
	list-style:none; /* This works because it is a block-level element. Text decoration is an inline element. */
	padding-left:20px;
}

#requirements-list-1 ul li, p.ie9 {  /* I.E. 9 fix for unordered lists not displaying <li> and <p> as inline. */
	display:inline;
}	

#requirements-ordered-list {
	padding-left:20px;
	list-style-position:inside;
}

#requirements-list a:hover {
	color:#000000;	
}

#requirements-list p.link-black {  /* Class names must be applied so that the entire website doesn't change for anchor tags. */	
	color:#000000;
}

#requirements-list p.link-red {  /* This overrides anchor a: tags. */	
	color:#ac0000;
}

/* ----------------------------------------------------- Become an Instructor, page -------------------------------------------------------------------*/


#teach-header {
	height:29px;
	width:235px;
}

#teach-title-header {
	margin-bottom:5px;
	margin-top:10px;
	margin-left:18px;
	height:15px;
	color:#000000;
}

#teach-list-heading {
	margin-top:20px;
	margin-left:20px;
	font-size:12px;
	font-weight:bold;
}

#teach-list-1 {
	list-style:none; /* This works because it is a block-level element. Text decoration is an inline element. */
	padding-left:20px;
}

#teach-list-1 ul li, p.ie9 {  /* I.E. 9 fix for unordered lists not displaying <li> and <p> as inline. */
	display:inline;
}	

#teach-ordered-list {
	padding-left:20px;
	list-style-position:inside;
}

#teach-list a:hover {
	color:#000000;	
}


/* ----------------------------------------------------- Testing System page -------------------------------------------------------------------*/


#testing-header {
	height:29px;
	width:170px;
}

#testing-title-header {
	margin-bottom:25px;
	margin-top:10px;
	margin-left:18px;
}

#testing-list-container {
	margin:0px auto;
	width:770px;
	height:auto;
	padding-left:43px;
	padding-top:7px;
	padding-bottom:10px;
	position:relative;
	border:1px solid #667e96;
	
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
	-o-border-radius:14px;
	
	-webkit-box-shadow:0px -1px 13px rgba(75, 94, 114, .7);
	-moz-box-shadow:0px -1px 13px rgba(75, 94, 114, .7);
	box-shadow:0px -1px 13px rgba(75, 94, 114, .7);
}

#testing-system-title {
	text-align:center;
	padding-right:50px;
	padding-bottom:11px;
	font-size:14px;
	font-weight:bold;
}

#testing-list-description {
	list-style:none;
	list-style-position:inside;
	display:inline-block;
	vertical-align:top;
	margin-right:50px;
}

#testing-1st {
	font-weight:bold;
	font-size:13px;
	display:block;
	padding-bottom:3px;	
}

#testing-1st:hover {
	font-weight:bold;
	font-size:13px;
	color:#C00;
}

#testing-list-items {
	list-style:none;
	list-style-position:inside;
}

#testing-list-items li {
	line-height:160%;	
}

/* ----------------------------------------------------- Logos page -------------------------------------------------------------------*/

#logos-header {
	height:29px;
	width:74px;
}

#logos-title-header {
	margin-top:8px;
	margin-left:15px;
	margin-bottom:15px;
	height:15px;
	font-size:12px;
}

#logos-container {
	margin:0px auto;
	width:1142px;
	text-align:center; /* centers all of the images (inline elements) inside the 'logos-container'. */
}

#logos-container div {
	text-align:center;	
}


/* ----------------------------------------------------- Membership Newsletters page "portal.php" -------------------------------------------------------------------*/

#membership-header {
	height:29px;
	width:220px;
}

#membership-title-header {
	margin-top:8px;
	margin-left:15px;
	margin-bottom:15px;
	height:15px;
	font-size:12px;
}

#membership-container {
	margin-left:25px;	
}

#membership-explained {
	margin-bottom:18px;	
}

#membership-picture {
	margin:0px auto;
	margin-top:10px;
	height:280px;
	width:700px;
}

/* ----------------------------------------------------- Sign-up page  -------------------------------------------------------------------*/

#signup-header {
	height:29px;
	width:90px;
}

#signup-title-header {
	margin-top:8px;
	margin-left:15px;
	margin-bottom:15px;
	height:15px;
	font-size:12px;
}

#signup-container {
	margin-left:25px;	
}

#signup-price {
	margin-left:55px;
	font-weight:bold;
}

#signup-purchase {
	margin-left:15px; 
	margin-top:5px;
	margin-bottom:15px;
}

#signup-title {
	margin-left:15px;
	margin-bottom:5px;
	color:#C00;
}

#signup-list {
	margin-left:15px;
	list-style-type:none;
	list-style-position:inside;
	line-height:175%;
}

/* ----------------------------------------------------- Evolution of Sport page  -------------------------------------------------------------------*/

#evolution-header {
	height:29px;
	width:195px;
}

#evolution-title-header {
	margin-top:8px;
	margin-left:15px;
	margin-bottom:15px;
	height:15px;
	font-size:12px;
}

#evolution-container {
	height:375px;
	margin-bottom:8px;
}

#evolution-explanation {
	margin-left:15px;	
}

#evolution-disclaimer {
	margin-left:15px;	
}

#evolution-video-container {
	margin:0px auto;
	width:1060px;
	height:auto;
	padding-top:25px;
}

	#skateboarding-box {
		margin:0px auto;
		width:490px;
		float:left;
	}

	#snowboarding-box {
		margin:0px auto;
		width:490px;
		float:right;
	}

	#skateboarding-title {
		width:inherit;
		text-align:center;
		margin-bottom:10px;
	}

	#snowboarding-title {
		width:inherit;
		text-align:center;
		margin-bottom:10px;
	}

		#skateboarding-video-1 {
			display:inline-block;
			vertical-align:top;
			width:240px;
			height:160px;
		}
	
		#skateboarding-video-2 {
			display:inline-block;
			vertical-align:top;
			width:240px;
			height:160px;
		}
		
		#snowboarding-video-1 {
			display:inline-block;
			vertical-align:top;
			width:240px;
			height:160px;
		}
	
		#snowboarding-video-2 {
			display:inline-block;
			vertical-align:top;
			width:240px;
			height:160px;
		}
	
		#skateboard-image {
			width:inherit;
			margin-top:4px;
			text-align:center;
		}
	
		#snowboard-image {
			width:inherit;
			margin-top:4px;
			text-align:center;
		}

.push-over {
	padding-right:4px;	
}


/* ----------------------------------------------------- Thank you - Purchase page  -------------------------------------------------------------------*/


#thankyou-container {
	margin-top:140px;
	text-align:Center;
	font-weight:bold;
}

#thankyou-image-container {
	text-align:center;
}



/* ----------------------------------------------------- Clothing & Showear page  -------------------------------------------------------------------*/

#clothing-shoewear-header {
	height:29px;
	width:230px;
}

#clothing-shoewear-title {
	padding-bottom:12px;
	margin-top:10px;
	margin-left:18px;
	color:#000000;
}

#clothing-shoewear-disclaimer {
	position:absolute;
	font-size:10px;
	text-align:center;
	width:100%;
	height:20px;
	bottom:0px;
}

#clothing-shoewear-cushion {
	position:relative;
	bottom:0px;
	height:20px;
	width:100%;
}

/* ----------------------------------------------------- Skates & Equipment page  -------------------------------------------------------------------*/

#skates-equipment-header {
	height:29px;
	width:222px;
}

#skates-equipment-title {
	padding-bottom:15px;
	margin-top:10px;
	margin-left:18px;
	color:#000000;
}

.skatebox-description {
	margin-bottom:11px;
	margin-left:40px;
	min-height:12px;
	font-weight:bold;
	color:#C30;
	letter-spacing:1px;
}

.skatebox-description:before {
	content:"▪ ";
	color:#000000;
}

.skates-container {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:12px;
	width:100%;
	min-height:200px;
	min-width:200px;
	text-align:center;
}

.skates-image-container {
	margin-left:30px;
	margin-right:30px;
	width:143px;
	height:inherit;
	display:inline-block;
	vertical-align:top;
}

.skates-image-name {
	margin-bottom:3px;
	text-decoration:underline;
	text-align:center;
}

.skates-image-description {
	margin-bottom:11px;
}

img.skates-image-container {
	display:inline-block;
	text-align:center;
}

#skates-last-container {
	margin-bottom:30px;
}


/* ----------------------------------------------------- Training page  -------------------------------------------------------------------*/


#training-header {
	height:29px;
	width:93px;
}

#training-title {
	margin-top:8px;
	margin-left:15px;
	margin-bottom:15px;
	height:15px;
	font-size:12px;
}

.training-box {
	margin-left:15px;
	margin-bottom:15px;
	width:100%;
}

.training-subject {
	font-weight:bold;
	font-size:14px;
}

.training-list-box {
	padding-left:12px;
}

.training-list {
	padding-top:3px;
	line-height:155%;
	list-style:none;
}

.training-list li:before {
	content:"▪ ";
	padding-left:10px;
}

#training-protective-equipment {
	margin-top:10px;
	margin-left:20px;
}

.training-list-box ul li a:hover {
	color:#000;	
}

.training-text {
	color:#2600e5;	
}