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






.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 100px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; padding: 0 30px 0 30px; }
    .text-md-right { text-align: right; padding: 0 10px 0 10px;}
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}


@media (min-width: 1300px ) {
  .container {
    width: 1400px !important;
  }
}


#top-row {
	background: #0a1e36;
	height: 10px;
	margin: 0px;
}

 /* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	/*background: url("../images/master_bg.png") -10% -16px;*/
}



.btn-primary {
    color: #fff;
    background-color: #0a1e36 !important;
    border-color: #000000 !important;
}


.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	/*height: 50px;*/
	background-color: #0a1e36;
	padding: 15px 20px 15px 20px;
	color:#fff;
}

.footer a {
	color:#fff;
} 

ul#sitemap li
{
  list-style-type: square;
  margin-left: 20px;
}

ul#sitemapsublist li
{
  list-style-type: circle;
  margin-left: 20px;
}

ul#sitemap h5
{
  display: inline;
  color: Gray;
  margin-left: 10px;
  font-weight: normal;
}

/******************* APPLICATION SELECTORS ********************/

/* Use this rule if you want to turn off horizontal line(s) created by spacer graphic */
td.SubNavigationAdminSelected img {
    display: none;
}

/* Creates box around application. Use a width attribute here to set an overall width
   for the application on the front end. */
#customform td.leftnavBoxContacts {
    border: 1px solid #3A628A;
}

/* This rule styles the application tab / text. Reverse colors for blue on white background */
#tabscss td.SubNavigationAdminSelected {
    background-color: #0a1e36;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    height: 23px;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

#tabscss td.SubNavigationAdminSelected a:link {
    background-color: #3A628A;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

#tabscss td.SubNavigationAdminSelected a:visited {
    background-color: #3A628A;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

#tabscss td.SubNavigationAdminSelected a:hover {
    background-color: #3A628A;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

.slant {
    border-color: white white #0d8253 #0d8253;
    border-style: solid;
    border-width: 12px 8px;
    height: 0;
    line-height: 0;
    margin: 0 -1px -1px 1px;
    width: 0;
}

.slant2 {
    border-color: white white #3A628A #3A628A;
    border-style: solid;
    border-width: 12px 8px;
    height: 0;
    line-height: 0;
    margin: 0 -8px -1px 1px;
    width: 0;
}

#sectioncss td.SubNavigationAdminSelected {
    background-color: #0d8253;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

#sectioncss td.SubNavigationAdminSelected a:link {
    background-color: #3A628A;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

/* Re-displays the spacer.gif horizontal line within a section tab if it has been turned off by style above */
#sectioncss td.SubNavigationAdminSelected img {
    background-color: #3A628A;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

#sectionbodycss  {
	margin-left: 10px;
	margin-bottom: 10px;
}

#sectionbodycss  td {
	padding-bottom: 7px;
}

.confirmMsg  {
	font-family : Verdana, Arial;
	font-weight: bold;
	font-size : 12px;
	line-height : normal;
	color : #ff0000;
	margin-top: 0px;
	}


/* 	Styles the status message (using an admin style on the front end)
	This may cause other consequences on front end, so may want to remove */
.contentAdmin {
	font-family: Verdana;
	font-size: 14px;
	color: #3a628a;
	font-weight: bold;
	text-decoration:none;
	line-height: 1.5;
	}

input[type=button].registration {
    font-size: 14px;
    background-color: #28a745 !important;
    color: #fff !important;
    padding: 0.95rem .9rem !important;
    font-size: 1.875rem !important;
    line-height: 1.5 !important;
    border-radius: 4px !important;   
}	

/* Membership Renewal Widget */

div#membershiprenewalwidget {
    margin: 0 auto;
    width: 310px;
}

div#membershiprenewalwidget table table { width: 100%; }

div#membershiprenewalwidget .membershiprenewaltitle {
	font-family: arial;
	color: black;
	display: block;
	font-size: 18px;
	margin-bottom: 6px;
	margin-top: 20px;
}

div#membershiprenewalwidget .membershiprenewalinstructions {
	font-family: arial;
	color: black;
	display: block;
	font-size: 16px;
	margin-bottom: 6px;
}

#dsploginwidget {
	width: 265px;
	padding: 7px !important;
	border: 1px solid #4C655C !important;
}

div#dsploginwidget #dspwelcomeblock span.welcometext {
	display: block;
	font-weight: bold;
}

/* Bold text and add a line break to several elements */
div#dsploginwidget div.dsploginblock span.logintext {
	font-family: arial;
	font-size: 14px;
	display: block;
	font-weight: bold;
}

/* Bold text and add a line break to several elements */
div#dsploginwidget div.dsploginblock span.forgottext {
	display: block;
}

/* Style button re-setting defaults rather than using the stylesheet.css / Site Styles default */
div#dsploginwidget div.dsploginblock .appinputbutton {
	background-color: #F0F0F0;
	color: black;
	display: block;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 4px;
	width: 45px;
}

#memberexpired.content1 {
	width:50%;
}