/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

	  body { background-color:#eee; margin:0;padding:0; }
	  #page { width:970px; margin:auto; background-color:#fff;
              font-family: Arial,Helvetica,Sans-Serif;
    		  font-size: 13px;
    		  font-style: normal;
			  font-weight: normal;}
    
	  #outeredge { width:22px; background:url('images/shadow.jpg') repeat-y top left;}
	  #inneredge { width:1000px; background:url('images/shadow2.jpg') repeat-y top right; }

	  .header { padding:20px; background:url('images/bannerblue4.jpg'); color:#f1f1f1; }
	  #contents { margin-left:12px; margin-right:12px; background-color:#ffffff; position:relative}
	  .footer { clear:both; padding-top:15px;height:30px; width:100%; text-align:center; position:absolute; left:0px; bottom:0px; background-color:#bbddff}
	  #menu { height:30px; padding-left:25px;}
	  #menu ul { list-style:none; padding:0; margin:0; }
	 
	  #menu ul li { display:inline; float:left; 
	   margin:1px; }
	  #menu ul li a {background-color:#9FBEE4; }
	  #menu ul li.current a {background-color:#ffffff; border-bottom-color:#ffffff; color:#444;}
	  #menu a {text-decoration:none; text-align:center; width:80px; display:block;
	  	   border-top-left-radius:6px; 
    	   border-top-right-radius:6px;
		   height:21px; padding-top:4px; color:#0000cc;
		   border:2px solid #99bbff;
      }
	  #menu a:hover { background-color:#7F9EE4}
	  
	  #left_col { float:left; 
	  			  width:470px;
				  padding-left:5px;
	  			  font-family:Arial,Calibri,Verdana; color:#446; font-size:1.1em; text-align:justify;}
  	  .single_col {  
				  padding-left:5px;
	  			  font-family:Arial,Calibri,Verdana; color:#446; font-size:1.1em; text-align:justify;}

	  #right_col { margin-left:500px; padding-left:10px;padding-top:5px;}
	  .news { width:400px; height:200px; padding-left:10px; 
	          background:url('images/newstop.jpg') no-repeat scroll 0 0 transparent; 
		   	 border:1px solid #ddd; 
   	  	    border-top-left-radius:6px; 
    	       border-top-right-radius:6px;
}
	  .news-head { width:400px; height:35px; text-align:left; padding-top:6px; color:#555; font-weight:bold; 
	               background:url('images/newstop.jpg') no-repeat scroll 100% 0 transparent; }
      .news-content { color:#559; }
	  .news-content {padding-left:10px; }	
	  #blog-content { padding:5px 20px 5px 20px; font-family: Arial,Calibri; color:red; font-size: 1em; }	
	  #main {margin:0;padding:5px 20px 5px 20px; min-height:600px; font-family: Arial,Calibri; font-size: 1em; color:#446;}
	  h2 {color:#228;}
    .grid_head {background-color:#114B79; color:#eeeeee; text-align:left;}

	.grid_row {background-color:#f0f6ff; color:#f84422; }
	.grid_altrow {background-color:#fff; color:#2244c8; }
    .playerTable { border:1px solid #999; }

.inlinelink {
color: black;
text-decoration: none;
}


.inlinelink:visited {
color: black;
text-decoration: none;
}

.inlinelink:hover {
color:silver;
text-decoration: none;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* Added by Duncan to make website mobile friendly - 2024 */
:root {
    --dgray: rgb(100, 100, 100);
    }

/* PCs, tablets */
@media screen and (min-width: 768px) {
	#test_page {width: auto; text-align:left; font-family: Helvetica, Arial, Verdana;}
	#test_contents { width:970px; margin:auto;}
	#test_main {padding:5px 20px 5px 20px; min-height:600px;}
	
	#test_left_col { float:left; width:453px;
		/*border-top:1px solid; border-bottom:1px solid;*/
		font-family: Helvetica, Arial, Verdana; color:var(--dgray); background-color:white; font-size:16px;}
	#test_right_col { margin-left:485px; width:453px;
		/*border-top:1px solid; border-bottom:1px solid;*/
		font-family: Helvetica, Arial, Verdana; color:var(--dgray); background-color:white; font-size:16px;}
	#test_single_col { float:none; width:auto;
		/*border-top:1px solid; border-bottom:1px solid;*/
		font-family: Helvetica, Arial, Verdana; color:var(--dgray); background-color:white; font-size:16px;}
	#new_blog-content {font-family:Helvetica, Arial, Verdana; color:var(--dgray); background-color:white; font-size: 16px; }
	.small_text {font-size:12px; font-weight: normal; color:var(--dgray); padding-top:10px;}
	.small_text2 {font-size:16px; font-weight: normal; color:var(--dgray);}
	.large_text {font-size:24px; font-weight: normal; color:var(--dgray);}
	
	.test_header { background-image:none; background-color:royalblue; color:white; }
	.test_header_internal {padding-top:20px; font-size:48px; width:970px; height:50px; margin:auto;}
	.hsc_logo { padding-left:20px; float:left;}
	.invesco_logo {width:80px; float:right; padding-left:30px;}
	.zoom_logo {width:125px; float:right; padding-top:5px;}
	.hsc_address { font-size:12px; padding-top:5px; }
	.test_footer { clear:both; border-top:1px solid; padding-top:0px; padding-bottom:0px; width:930px; height:80px; text-align:left;
				   font-size:12px; font-weight: normal; color:gray;}
	.zoom2_logo {width:78px; float:left; padding-top:10px;}
	.invesco2_logo {width:60px; float:left; padding-top:4px; padding-left:20px;}
	.better_logo {width:47px; float:left; padding-top:9px; padding-left:20px;}
	.osra_logo {width:48px; float:left; padding-top:5px; padding-left:20px;}
	.mercers_logo {width:131px; float:left; padding-top:0px; padding-left:20px;}
	.tms3_logo {width:60px; float:left; padding-top:2px; padding-left:20px;}
	.facebook_logo {width:40px; float:left; padding-top:5px; padding-left:0px;}
	.x_logo {width:40px; float:left; padding-top:5px; padding-left:20px;}
	.instagram_logo {width:40px; float:left; padding-top:5px; padding-left:20px;}
	
	.line_spacer {clear:left; border-top:1px solid var(--dgray);}
	.line_spacer_mp {clear:left; border-top:1px solid white;}
	
	.test_news { width:451px; height:400px;  
		   	 border:1px solid gainsboro; 
   	  	    border-top-left-radius:6px; 
		border-top-right-radius:6px;}
	.test_news-head { width:451px; height:auto; text-align:center; padding-top:6px; padding-bottom:8px; font-weight:bold; color:royalblue;
	               background-color:rgb(230,230,230); }
	.test_news-content {padding-left:10px; height:397px;}
	
	.image_container img {height: 100%; width: 100%; object-fit: contain; padding-bottom:10px; padding-top:10px;}
	.image_container_50pc img {width:50%; object-fit: contain; padding-bottom:10px; padding-top:10px;}
	.image_container_contact img {height: 100%; width: 100%; object-fit: contain;}
	.image_container_coach img {height: 100%; width: 100%; object-fit: contain;}
	.contact_container {width: 453px; height: 150px;}
	.contact_details {width: 300px; float: left;}
	.contact_picture {width: 125px; float: right;}
	
	.new_inlinelink {color: royalblue; text-decoration: none;}
	.new_inlinelink:visited { color: royalblue; text-decoration: none;}
	.new_inlinelink:hover {color:royalblue; text-decoration: underline!important;}
	
	#dvideo {width:453px; height:255px;}
	
	#new_menu { height:30px; padding-left:25px;}
	  #new_menu ul { list-style:none; padding:0; margin:0; }
	  #new_menu ul li a {background-color:gainsboro;}
	  #new_menu ul li { display:inline; float:left; margin:1px; }
	  #new_menu ul li.current a {background-color:white; }
	  #new_menu a {text-decoration:none; text-align:center; width:90px; display:block; height:21px; padding-top:1px; color:royalblue; font-size:16px;}
	  #new_menu a:hover { text-decoration:underline}
	  #firstitem {border-right:1px solid gray;} 
	
	#dmenu {width:970px; margin:auto; color:royalblue; background-color:gainsboro; font-size:17px; text-align:center;}
	.dmenuitem {width:85px; display:inline-block; padding-top:2px; padding-right:3px; border-right:1px solid var(--dgray);}
	.dmenuitem_current {width:85px; display:inline-block; padding-top:2px; padding-right:3px; border-right:1px solid var(--dgray); font-weight:bold; text-decoration:underline; 
	text-decoration-thickness: 3px;}
	.dmenuitemlast {width:85px; display:inline-block; padding-top:2px; padding-right:3px;}
	.dmenuitemlast_current {width:85px; display:inline-block; padding-top:2px; padding-right:3px; font-weight:bold; text-decoration:underline; 
	text-decoration-thickness: 3px;}
	
	.table_column1 {width:200px; text-align:center;}
	.table_column2 {width:130px; text-align:center;}
	
	.page_padding1 {clear: both; height: 400px;}
	
	.password_box {height:20px; width:150px; font-size:16px;}
	.submit_button {height:30px; width:100px; font-size:16px;}
	
	h2 {color:royalblue}
}

/* Mobile Phones */
@media screen and (max-width: 767px) {
	#test_page { width:970px; margin:auto; overflow-y:hidden; text-align:left; font-family: Helvetica, Arial, Verdana;}
	#test_contents { width:970px; margin:auto;}
	#test_main {padding:5px 20px 5px 20px; min-height:600px;}
	
	#test_left_col { float:none; width:auto;
		          /*border-top:1px solid; border-bottom:1px solid; border-color:red;*/
	  			  font-family:Helvetica, Arial, Verdana; color:var(--dgray); background-color:white; font-size:40px;} 
	#test_right_col { float:none; width:auto; padding-bottom:50px;
		          /*border-top:1px solid; border-bottom:1px solid; border-color:blue;*/
	  			  font-family:Helvetica, Arial, Verdana; color:var(--dgray); background-color:white; font-size:40px;}
	#test_single_col { float:none; width:auto;
		/*border-top:1px solid; border-bottom:1px solid;*/
		font-family: Helvetica, Arial, Verdana; color:gray; background-color:white; font-size:40px;}
	#new_blog-content {font-family:Helvetica, Arial, Verdana; color:var(--dgray); background-color:white; font-size: 40px; }
	.small_text {font-size:24px; font-weight: normal; color:var(--dgray); padding-top:20px;}
	.small_text2 {font-size:24px; font-weight: normal; color:var(--dgray);}
	.large_text {font-size:60px; font-weight: normal; color:var(--dgray);}
	
	.test_header { background-image:none; background-color:royalblue; color:white; 
	/*border-top:1px solid; border-bottom:1px solid; border-color:black;*/
	}
	.test_header_internal {padding-top:20px; font-size:75px; width:970px; height: 80px; margin:auto; }
	.hsc_logo { padding-left:20px; float:left;}
	.invesco_logo {width:80px; float:right; padding-left:30px;}
	.zoom_logo {width:125px;float:right; padding-top:5px}
	.hsc_address { font-size:20px; padding-top:5px; }
	.test_footer { clear:both; border-top:1px solid; padding-top:5px; height:20px; width:930px; height:150px; margin:auto; text-align:left; background-color:#fff;
				   font-size:24px; font-weight: normal; color:gray;}
	.zoom2_logo {width:148px; float:left; padding-top:14px; padding-left:5px;}
	.invesco2_logo {width:114px; float:left; padding-top:5px; padding-left:20px;}
	.better_logo {width:89px; float:left; padding-top:12px; padding-left:20px;}
	.osra_logo {width:91px; float:left; padding-top:8px; padding-left:30px;}
	.mercers_logo {width:249px; float:left; padding-top:0px; padding-left:12px;}
	.tms3_logo {width:114px; float:left; padding-top:2px; padding-left:12px;}
	.facebook_logo {width:80px; float:left; padding-top:5px; padding-left:0px;}
	.x_logo {width:80px; float:left; padding-top:5px; padding-left:20px;}
	.instagram_logo {width:80px; float:left; padding-top:5px; padding-left:20px; padding-bottom:50px;}
	
	.line_spacer {clear:left; border-top:1px solid var(--dgray);}
	.line_spacer_mp {clear:left; border-top:1px solid gray;}
	
	.test_news { width:auto; margin:auto; height:800px;
		   	 border:1px solid gray; 
   	  	    border-top-left-radius:15px; 
		border-top-right-radius:15px;}
	.test_news-head { width:auto; margin: auto; height:auto; text-align:center; padding-top:6px; padding-bottom:10px; color:royalblue; 
		font-weight:bold; background-color:rgb(240, 240, 240);}
	.test_news-content {padding-left:10px; height:800px;}
	
	.image_container img {height: 100%; width: 100%; object-fit: contain; padding-bottom:40px; padding-top:10px;}
	.image_container_50pc img {height: 100%; width: 100%; object-fit: contain; padding-bottom:40px; padding-top:10px;}
	.image_container_contact img {height: 100%; width: 100%; object-fit: contain;}
	.image_container_coach img {height: 100%; width: 100%; object-fit: contain;}
	.contact_container {width: auto; height: 300px; padding-bottom: 50px;}
	.contact_details {width: 600px; float: left;}
	.contact_picture {width: 250px; float: right; padding-top:10px;}
	
	.new_inlinelink {color: royalblue; text-decoration: none;}
	.new_inlinelink:visited { color: royalblue; text-decoration: none;}
	.new_inlinelink:hover {color:mediumblue; text-decoration: underline!important;}
	
	#dvideo {width:930px; height:523px;}
	
	#new_menu { height:30px; padding-left:25px;}
	  #new_menu ul { list-style:none; padding:0; margin:0; }
	  #new_menu ul li a {background-color:gainsboro;}
	  #new_menu ul li { display:inline; float:left; margin:1px; }
	  #new_menu ul li.current a {background-color:white; }
	  #new_menu a {text-decoration:none; text-align:center; width:180px; display:block; height:21px; padding-top:1px; color:royalblue; font-size:16px;}
	  #new_menu a:hover { text-decoration:underline}
	  #firstitem {border-right:1px solid gray;}
	
	#dmenu {width:970px; height:70px; margin:auto; color:royalblue; background-color:gainsboro; font-size:40px; text-align:center; overflow-x:auto; white-space:nowrap;}
	.dmenuitem {width:200px; display:inline-block; padding-top:10px;border-right:1px solid var(--dgray);}
	.dmenuitem_current {width:200px; display:inline-block; padding-top:10px;border-right:1px solid var(--dgray); font-weight:bold; text-decoration:underline; 
	text-decoration-thickness: 6px;}
	.dmenuitemlast {width:200px; display:inline-block; padding-top:10px;}
	.dmenuitemlast_current {width:200px; display:inline-block; padding-top:10px; font-weight:bold; text-decoration:underline; 
	text-decoration-thickness: 6px;}
	
	.table_column1 {width:400px; text-align:center;}
	.table_column2 {width:260px; text-align:center;}
	
	.page_padding1 {clear: both; height:600px;}
	
	.password_box {height:40px; width:300px; font-size:40px;}
	.submit_button {height:90px; width:200px; font-size:40px;}
	
	h2 {color:royalblue}
  }

/* iphone 15 Pro Max in landscape
@media screen 
	and (min-device-width: 375px) 
    and (max-device-width: 812px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) {
		#test_page { width: 970px; margin:auto;}
		.test_header { color:white; }
		.test_news {height:275px;}
		.test_news_content {height:262px;}
		#test_left_col {color:red;}
}*/

/* iphone 15 Pro Max in landscape TEST */
@media screen 
	and (min-width: 430px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) {
		#test_page { width: 970px; margin:auto;}
		.test_header { color:white; }
		.test_news {height:275px;}
		.test_news_content {height:262px;}
		/*#test_left_col {color:red;}*/
}

/* Google Pixel 6 in Landscape TEST */
@media screen 
	and (min-width: 412px) 
    and (-webkit-min-device-pixel-ratio: 2.625)
    and (orientation: landscape) {
		#test_page { width: 970px; margin:auto;}
		.test_header { color:white; }
		.test_news {height:275px;}
		.test_news_content {height:262px;}
		/*#test_left_col {color:cyan;}*/
}