@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #272722;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #272722;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #272722;
}
a:hover {
	text-decoration: none;
	color: #272722;
}
a:active {
	text-decoration: underline;
	color: #272722;
}
h1 {
	font-size: 26px;
	color: #272722;
	font-weight:100;
	text-transform:uppercase;
}
h2 {
	font-size: 18px;
	color: #272722;
	font-weight:100;
	text-transform:uppercase;
}
h3 {
	font-size: 14px;
	color: #ffffff;
}

#renewalHours input{
	display:inline-block;
	width:30px;
}

#membersPagi{
	float:left;	
}

#membersSearch *{
	display:inline-block;	
}

.memberPagiNum{
	padding-left:4px;
	padding-right:4px;
	font-size:1.4em;
	text-decoration:none !important;
}

.memberPagiNumCur{
	font-weight:bold;	
}

.membersForm div{
	padding-bottom:15px;	
}

.membersForm input[type=text], select, input[type=file]{
	display:block;	
}

.membersForm textarea{
	display:block;
	width:350px;
	height:85px;	
}

.members_table table{
	border-collapse:collapse;
	width:710px;
}

.members_table td, .members_table th{
	border:solid 1px black;
	padding:6px;
}

.members_table tr:hover{
	background-color:#caedf8;
}

.members_table th{
	text-align:left;
	font-weight:bold;
	background-color:#cccccc;
	color:#000000;
	font-size:1.1em;
}

.membersdb_msg{
	font-size:1.5em;
	font-weight:bold;
	background-color:#000000;
	color:#ffffff;
	padding:10px;
}

.clear_both {clear: both; line-height: 1px;}
.page {position:absolute;  margin: 0px auto 0px auto; min-width: 955px; z-index:1; top:0px; width:100%;}
#header_container {clear:both;}
#header_img {margin: 0px auto 0px auto; float:none; z-index:2; background-image:url(https://www.nbamrt.ca/rotator.php); height:483px;}
/*#header_img {margin: 0px auto 0px auto; float:none; z-index:2; background-image:url(http://www.nbamrt.ca/img/main_img.jpg); height:483px;}*/
/*#header_img {margin: 0px auto 0px auto; float:none; z-index:2; background-image:url(<?php echo $selectedBg; ?>); height:483px;}*/




#top_navigation_outer_container {background-color:#caedf8; width:100%; height:65px;}
#top_navigation_container {width:955px; display:block; margin-left:auto; margin-right:auto;}
#top_navigation {margin-top:15px; float:right;}
.top_navigation a:link, .top_navigation a:visited, .top_navigation a:active {text-decoration:none;}
.top_navigation a:hover {text-decoration:underline;}
#searcharea {float:left;}
#social_media {float:right; padding-top:5px; font-weight:bold;}
#navigation_bg {margin-top:65px; /*background-color:#272722;*/ background-color:#ffffff; height:49px; width:100%;}
#navigation_bg_inner {/*background-color:#272722;*/ background-color:#ffffff; height:49px; width:100%; z-index:2;}
#navigation_container {width: 955px; display:block; margin-left:auto; margin-right:auto; z-index:2;}

#navigation {color:#1D4F69; padding-top:30px; float:right; font-size:14px;}
.navigation {color:#1D4F69; padding-top:30px; float:right; font-size:14px;}
.navigation a:link, .navigation a:visited, .navigation a:active {color:#1D4F69; text-decoration:none;}
.navigation a:hover {color:#1D4F69; text-decoration:underline;}
/* ------------  Menu  ROOT  ------------ */
.page-menu {
	width: auto;
	height: 35px;
	margin: 3px 0 0 30px;
}
#menuwrapper {width:100%;
			  margin-top:-50px;
			  padding-top:5px;
			  position:relative;
			  z-index:9999;}
.menuwrapper {}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
	height: 1%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-menu ul#primary-nav li {
	float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 0 10px;
	background-repeat: no-repeat;
	background-image: url(https://nbamrt.ca/uploads/NCleanBlue/tabs.gif);
}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #1D4F69;
	font-weight: bold;
	line-height: 2.15em;
	text-decoration: none;
	margin-left: 1px;
	font-size: 0.85em;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #1D4F69;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #1D4F69;
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	text-transform:none;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#primary-nav {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style-type: none;
	/*margin: -6px -6px 0px;*/
	margin: 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 209px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 15px;
	padding-left: 5px;
	/*background: url(https://nbamrt.ca/uploads/NCleanBlue/ultop.png) no-repeat left top;*/
	background-color:#260d2a;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url(https://nbamrt.ca/uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
	list-style:none;
	padding-right: 19px;
    /*margin-right:25px;
	border-right: 1px solid #ffffff;*/
}
#primary-nav li+li { border-left: 1px solid #1D4F69;
					 padding-left:19px;}
/*#primary-nav li:last { border-right: none; }*/
#primary-nav li li {
	margin-left: 10px;
	margin-top: -1px;
	float: left;
	position: relative;
	color:#ffffff;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
	background: url(https://nbamrt.ca/uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
	background: url(https://nbamrt.ca/uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 0px 0px;
	width: 165px;
	margin: 0px;
	background-image: none;
}
* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;
}
#primary-nav li li a:hover {
	/*background-color: #DBE7F2;
    display: block;*/
	width: 190px;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	/*background-color: #DBE7F2;*/
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(https://nbamrt.ca/uploads/NCleanBlue/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/




/************** Mobile Nav ****************/

/* Remove margins and padding from the list, and add a black background color */
ul.mobile-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #272722;
}

/* Float the list items side by side */
ul.mobile-nav li {float: left;}

/* Style the links inside the list items */
ul.mobile-nav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
}

/* Change background color of links on hover */
ul.mobile-nav li a:hover {background-color: #555;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.mobile-nav li.icon, ul.mobile-nav li ul {display: none;}


/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:955px) {
  ul.mobile-nav li {display: none;}
  ul.mobile-nav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:955px) {
  ul.mobile-nav.responsive {position: relative;}
  ul.mobile-nav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.mobile-nav.responsive li {
    float: none;
    display: inline;
  }
  ul.mobile-nav.responsive li a {
    display: block;
    text-align: left;
  }
  
  ul.mobile-nav li ul{
	display:block;  
  }
}

/************ End Mobile Nav *************/


#logo {float:left; /*padding-left:10px;*/ /*margin-top:-45px;*/ margin-top:-35px; z-index:2; position:relative;}
#header_inner_outer_container {width:100%; background-color:#7ad3ee; z-index:1; height:167px; position:absolute;}
#header_inner_container {width: 955px; display:block; margin-left:auto; margin-right:auto; z-index:1;}
.header_inner {z-index:1;}
#content_home_bg {background-color:#272722; min-height:109px; width:100%; /*margin-top:369px;*/}
#content_home_container {width: 955px; display:block; margin-left:auto; margin-right:auto;}
#content_home {color:#ffffff; text-align:center; padding-top:5px; font-size:14px; line-height:18px;}
#content_inner_outer_container {top:290px; position:absolute; width:100%;}
#content_inner_container {width: 955px; display:block; margin-left:auto; margin-right:auto;}
#side_navigation_bg {background-color:#eee27a; left: 0; float: left; margin-bottom:20px;}
#side_navigation {float:left; width:214px;}
.side_navigation {margin: 8px; padding:8px; line-height:26px; border:3px solid #f7f1bd;}
.side_navigation a:link, .side_navigation a:visited, .side_navigation a:active {text-decoration:none;}
.side_navigation a:hover {text-decoration:underline;}
#content_inner {float:right; width:711px; padding-left:30px; padding-bottom:20px; min-height:400px;}
#highlight_left, #highlight_right {position:absolute; width: 50%; height: 258px; top:592px;}
#highlight_left {background: #eee27a; left: 0; float: left;}
#highlight_right {background: #7ad3ee; right: 0; float:right;}
#highlight_blocks_outer_container {z-index:1; position:absolute; top:592px; width:100%;}
#highlight_blocks_container {width: 955px; display:block; margin-left:auto; margin-right:auto;}
#highlight_block_1 {background-color:#7ad3ee; float:left; height:258px; width:318px;}
#highlight_block_2 {background-color:#7aeecf; float:left; height:258px; width:319px;}
#highlight_block_3 {background-color:#eee27a; float:left; height:258px; width:318px;}
#highlight_block_1_content {background-image:url(https://www.nbamrt.ca/img/who_we_are_bg.png); background-repeat:no-repeat; width:252px; height:188px; margin-top:14px; margin-bottom:16px; margin-left:auto; margin-right:auto; padding:20px; text-align:center;}
#highlight_block_2_content {background-image:url(https://www.nbamrt.ca/img/careers_bg.png); background-repeat:no-repeat; width:252px; height:188px; margin-top:14px; margin-bottom:16px; margin-left:auto; margin-right:auto; padding:20px; text-align:center;}
#highlight_block_3_content {background-image:url(https://www.nbamrt.ca/img/member_login_bg.png); background-repeat:no-repeat; width:252px; height:188px; margin-top:14px; margin-bottom:16px; margin-left:auto; margin-right:auto; padding:20px; text-align:center;}
.highlights_title {color:#272722; font-size:24px; text-transform:uppercase; padding-bottom:0px; margin-bottom:0px;}
.highlights_content {line-height:18px;}
.highlights_read_more {margin-top:22px;}
.contact_us {}
.contact_us a:link, .contact_us a:visited, .contact_us a:active {text-decoration:none;}
.contact_us a:hover {text-decoration:underline;}
#bottom_navigation_outer_container {position:absolute; top:860px; width:100%;}
#bottom_navigation_container {width: 935px; display:block; margin-left:auto; margin-right:auto;}
.bottom_navigation_col1 {width:22%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col2 {width:32%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col3 {width:26%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col4 {width:20%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation a:link, .bottom_navigation a:visited, .bottom_navigation a:active {text-decoration:none;}
.bottom_navigation a:hover {text-decoration:underline;}
footer {position:inherit; display:block; float:left; width:100%; color: #939391; text-align:center; background-color: #272722; height:59px; padding-top:50px;}


.mobile, .top_navigation_mobile, .navigation_mobile{
	display:none;	
}





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

	footer, #bottom_navigation_outer_container,.bottom_navigation_container, 
	#highlight_blocks_container, #content_inner, #content_inner_container, 
	#content_home_container, #header_inner_container, #navigation_container, 
	#navigation_container, #top_navigation_container, #bottom_navigation_container{
		width:98%;	
	}
	
	.page{
		max-width:none;
		min-width:0;
		z-index:2;	
	}
	
	.header_inner{
		max-width:100%;
		max-height:100%;	
	}
	
	#highlight_right, #highlight_left{
		background-color:transparent;	
	}
	
	.mobile footer{
		position:relative;
		float:none;
		top:850px;	
		display:block;
	}
	
	.side_navigation{
		border:0;	
	}
	
	#side_navigation_bg, .top_navigation, .navigation, #header_inner_outer_container, #header_img, #bottom_navigation_outer_container{
		display:none;	
	}
	
	
	
	.top_navigation_mobile, .navigation_mobile, .mobile{
		display:block;	
	}
	
	#searcharea, #social_media, #top_navigation{
		float:none;	
	}
	
	#top_navigation{
		text-align:center;
		margin-top:0px;
		padding-top:5px;
	}
	
	ul.mobile-nav li a{
		padding:5px;	
	}
	
	ul.mobile-nav li a:hover{
		background-color:#272722;	
	}
	
	#navigation{
		padding-top:45px;	
	}
	
	#logo{
		padding-left:0px;	
	}
	
	#content_inner_outer_container{
		top:190px;	
	}
	
	#content_home_bg{
		/*margin-top:150px;	*/
	}
	
	#highlight_blocks_outer_container{
		top:auto;	
	}
	
	#content_home{
		padding-top:0px;
		padding-bottom:5px;	
	}
	
	#content_home p {
		margin-top:0px;	
	}
	
	.mobile footer{
		position:relative;
		float:none;
		top:850px;	
	}
	
	.home_header_img{
		background-image:url(../../uploads/images/headers/main_img_responsive.jpg) !important;
		background-repeat:no-repeat;
		display:block !important;
		background-size:cover;
		height:auto !important;
		margin-top:141px !important;
	}
	
}	


@media screen and (max-width:720px) {
#content_home_bg{
		/*margin-top:92px;	*/
	}
}
/* Stylesheet: nbamrt Modified On 2025-10-07 17:23:43 */