/* Existing Main CSS layout */

body {
	margin: 1px auto;
	padding: 0;
	width: 1100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: maroon;
	color: #000000;
}

#page_container {
	background-color: white;
	background-image: url('images/subhead_1100.png');
}

#masthead {
	width: 1100px;
	background-image: url('images/banner_Y1100.png');
	height: 160px;
}

#top_nav {
	width: 999px;
	background-image: url('images/mw_subheader1.png');
}

#container {
	min-width: 1098px;
	background-image: url('images/content_bg_1100.png');
	padding-top: 5px;
}

#container_pwd {
	min-width: 1098px;
	background-image: url('images/content_bg_1100.png');
	padding-top: 5px;
	height: 724px;
}

#left_col {
	width: 200px;
	float: left;
	padding-left: 8px;
}

#right_col {
	width: 250px;
	float: right;
	background-color: #BFD9F0;
	margin-left: 5px;
	padding-left: 10px;
}

#menu_col {
	margin-left: 15px;
	width: 170px;
	float: left;
	background-color: #fbf3a2;
	padding-left: 5px;
	box-shadow: 4px 4px 5px #c0c0c0;
}

#page_content {
	margin-left: 210px;
	width: 860px;
	background-color: white;
	height: auto;
	padding-left: 10px;
	font-size: 1.15em;

}

.new_page {
	display: flex;
	justify-content: space-around;
	width: 820px;
	align-items: center;
	padding-bottom: 50px;
}

.service {
	padding: 20px;
	padding-top: 24px;
	background: rgb(235, 239, 240);
	text-align: center;
	height: 100px;
	width: 120px;
	border-radius: 5px;
	box-shadow: 10px 10px 30px -15px dimgray;
}

.service .icon {
	background: rgb(96, 128, 95);
	text-align: center;
	padding: 0.8rem;
	font-size: 0.9rem;
	color: rgb(255, 255, 255);
	border-radius: 100%
}

.service h4 {
	margin-top: 1.6rem;
}

.service h2 {
	margin-bottom: 0px;
}

.service p {
	margin-top: 0.8rem;
	color: #555;
	line-height: 1.4;
}




#page_content_sm {
	margin-left: 0px;
	width: 840px;
	background-color: white;
	height: auto;
	font-size: 1.15em;
	padding-left: 10px;
}

#page_content_scr2 {
	margin-left: 0px;
	width: 840px;
	background-color: white;
	height: 710px;
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 1.15em;
	padding-left: 0px;
}

#page_content_scr2 table {
	margin: auto;
}

#memlist_table_G {
	width: 90%;
	margin: auto;
	height: 590px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 2px solid lightgray;
}

#memlist_table_G table.wide {
	width: 100%;
	margin: auto;
	border-style: none;
}

#memlist_table_G h2.dk {
	color: darkslategrey;
}

#memlist_table_G th {
	font-size: 1.3em;
	color: maroon;
	padding-bottom: 4px;
	text-align: left;
}

#memlist_table_G th.dk {
	color: darkslategrey;
}

#memlist_table_G .bld {
	font-weight: 700;
}

#memlist_table_G td.small {
	text-align: left;
	font-size: 0.9em;
	padding-bottom: 3px;
}

#memlist_table_G td.bdT {
	border-top: 1px solid lightgray;
	line-height: 0.5em;
}

#memlist_table_G td.bR {
	text-align: left;
	vertical-align: top;
	font-size: 0.9em;
	padding-bottom: 3px;
	border-right: 1px solid gray;
	padding-right: 3px;
}

#memlist_table_G td.nB {
	text-align: left;
	vertical-align: top;
	font-size: 0.9em;
	padding-bottom: 3px;
	padding-right: 3px;
}


#memlist_table_G td.bdB {
	line-height: 0.5em;
	border-bottom: 2px solid lightgray;
}

#memlist_table_G td.narrow {
	line-height: 0.5em;
	font-size: 0.5em;
}

#botton_filler {
	width: 90%;
	height: 30px;
}

.msg_med_g {
	font-size: 0.9em;
	color: green;
	text-align: center;
	font-weight: 500;
}

.table_header_mg {
	border: 1px solid #C0C0C0;
	background-color: #FCF2A2;
	font-size: 0.9em;
}

.table_cell_mg1 {
	border: 1px solid #C0C0C0;
	font-size: 0.75em;
}

#news {
	/*border:thin maroon solid;*/
	padding-left: 10px;
	background-color: #E6E4E4;

}

#footer {
	clear: both;
	background-image: url('images/footer_Y1100.png');
	height: 150px;
}

#contact_form {
	width: 85%;
	height: 100%;
	background-color: white;
	margin: auto;
}

#contact_form_area {
	width: 100%;
	height: 480px;
	background-color: #f5f5f5;
	border: 1px solid #c6c6c6;
	border-radius: 4px;
	padding: 15px;
}

#contact_form table {
	border-collapse: collapse;
	width: 100%;
	border-style: none;
}

#password_div {
	//	float:right;
	width: 640px;
	height: 480px;
	margin-top: 40px;
	//	margin-right: 90px;
	margin-left: 310px;
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #c6c6c6;
	box-shadow: 4px 4px 5px #c0c0c0;
	display: flex;
	justify-content: center;
	align-items: center;
}


.password_div_child {
	width: 60%;
	height: 70%;
	padding-top: 10px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid green;
	background-color: rgb(232, 232, 232);
}

.password_div_child_2 {
	width: 70%;
	height: 74%;
	padding-top: 10px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid green;
	background-color: rgb(232, 232, 232);
}

.password_div_child h3,
.password_div_child_2 h3 {
	color: darkslategray;
}

.password_div_child p.err_R,
.password_div_child_2 p.err_R {
	color: red;
	font-size: 0.95em;
}

.password_div_child p.err_G,
.password_div_child p.err_G {
	color: green;
	font-size: 0.95em;
}

.password_div_child_2 p.err_RL {
	color: red;
	font-size: 1.1em;
}

.password_div_child_2 p.note {
	color: red;
	font-size: 0.95em;
}

.password_div_child p.err_GL,
.password_div_child_2 p.err_GL {
	color: green;
	font-size: 1.1em;
}

.password_div_child_2 p.GY {
	color: darkslategray;
	font-size: 1.3em;
}

#password_div table {
	width: 100%;
	border-style: none;
}

#container_pwd h2.pwd {
	color: maroon;
	text-align: center;
	margin-bottom: 10px;
}

/* Password Checker Styling -------------------------------------------- */

#password-strength-status {
	padding: 4px 10px;
	color: #ffffff;
	border-radius: 4px;
	margin-top: 8px;
}

#password-strength-status_2 {
	padding: 4px 10px;
	color: #ffffff;
	border-radius: 4px;
	margin: auto;
	margin-top: 8px;
	width: 60%;
}

.pwdmedium {
	background-color: #e4db11;
	border: #bbb418 1px solid;
	font-size: 0.8em;
}

.pwdweak {
	background-color: #ff6600;
	border: #aa4502 1px solid;
	font-size: 0.8em
}

.pwdstrong {
	background-color: #12cc1a;
	border: #0fa015 1px solid;
	font-size: 0.8em;
}



.buttn_reset {
	width: 160px;
	height: 30px;
	vertical-align: middle;
	display: inline-block;
	font-size: 1.4em;
	border-radius: 4px;
	border: 1px solid grey;
	color: var(--color-darkslategray);
	background: #e4e4e4;
	padding: 2px;
}

.buttn_reset:hover {
	color: green;
	border: 2px solid green;
	cursor: pointer;
}


/*text styles*/
h1 {
	color: maroon;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}

h2 {
	color: maroon;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
}

h3 {
	color: maroon;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}

h4 {
	color: maroon;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}

p.lge_hdr {
	font-size: 0.9em;
	padding-left: 15px;
}

.copyright {
	color: maroon;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.centre_align {
	text-align: center;
}

.right_align {
	text-align: right;
}

.left_align {
	text-align: left;
}

.left_align_r {
	text-align: left;
	color: red;
}

.left_align_gn {
	text-align: left;
	color: green;
}

.para_spacing_small {
	margin-top: -1px;
	margin-bottom: -1px;
}

.contactinfo {}

p.contact_err {
	font-size: 0.9em;
	line-height: 1.4em;
	color: red;
	margin-bottom: 16px;
	margin-left: 30px;
}

.contact_notify {
	line-height: 1.2em;
	padding-bottom: 4px;
}

.small_line {
	font-size: 0.6em;
}

.contact_label {
	color: maroon;
	font-size: 1.2em;
	margin-bottom: 6px;
	padding-right: 20px;
	margin-left: 30px;
}

.reqd {
	color: red;
	font-size: 1.2em;
	font-weight: bold;
}

.clear_b {
	clear: both;
}

.clear_l {
	clear: left;
}

a:link {
	color: #800000;
}

a:visited {
	color: purple;
}

//a:hover{
//	font-style:italic;
//	color:maroon;
//} 
a:active {
	color: fuchsia;
}

#menuwrapper ul li a:hover {
	background-color: #e6e6e6;
	color: mediumblue;
}

.join a: {
	color: #800000;
	text-decoration: none;
}

.join a:active,
.join a:visited {
	color: #800000;
}

/* Input Form Settings ------------------ */

.mgmt_link_buttn_3P {
	width: 160px;
	height: 32px;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid darkgray;
	outline: none;
	color: white;
	background: #3a7248;
	font-size: 1.4em;
	font-weight: 200;
	vertical-align: middle;
	padding-bottom: 4px;
}

.mgmt_link_buttn_3PL {
	width: 200px;
	height: 32px;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid darkgray;
	outline: none;
	color: white;
	background: #3a7248;
	font-size: 1.4em;
	font-weight: 200;
	vertical-align: middle;
	padding-bottom: 4px;
}

:hover.mgmt_link_buttn_3P,
:hover.mgmt_link_buttn_3PL {
	cursor: pointer;
	transition: all .1s ease;
	color: gold;
	box-shadow: 0 0 0 0 #fff, 0 0 0 1px green;
}

input.buttn1 {
	width: 120px;
	height: 22px;
	border: 1px solid grey;
	font-size: 1.1em;
	background-color: #98d59d;
	border-radius: 4px;
}

input.buttn2 {
	width: 130px;
	height: 22px;
	border: 1px solid grey;
	font-size: 1.1em;
	background-color: #ded0a6;
	border-radius: 4px;
}

input.buttn3 {
	width: 130px;
	height: 28px;
	border: 1px solid grey;
	font-size: 1.1em;
	background-color: #98d59d;
	border-radius: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 30px;
	margin-bottom: 6px;
}


input.buttn4 {
	width: 130px;
	height: 28px;
	border: 1px solid grey;
	font-size: 1.1em;
	background-color: #ded0a6;
	border-radius: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 30px;
}

input.pwd1 {
	width: 100px;
	height: 24px;
	border-radius: 2px;
	border: 1px solid red;
	font-size: 1.3em;
	color: maroon;
	padding: 4px;
	text-align: center;
}

input.pwd1B {
	width: 200px;
	height: 24px;
	border-radius: 2px;
	border: 1px solid red;
	font-size: 1.3em;
	color: maroon;
	padding: 4px;
	text-align: center;
}

input[type="password"].pwd1C {
	width: 180px;
	height: 24px;
	border-radius: 4px;
	border: 1px solid red;
	font-size: 1.3em;
	color: maroon;
	padding: 4px;
	text-align: center;
}

input[type="password"].pwd1C:focus {
	background-color: #cee6ce;
}

input.pwd1:focus {
	background-color: #cee6ce;
}

.pwd1:hover,
.pwd1B:hover {
	background-color: #cee6ce;
	border: 2px solid green;
}

.buttn3:hover,
.buttn4:hover {
	cursor: pointer;
}

.contact-select1 {
	height: 26px;
	width: 284px;
	border: 1px solid gray;
	font-size: 1.1em;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-left: 10px;
	margin-bottom: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
}

select::-ms-expand {
	display: none;
}

input[type="text"].ct1 {
	border: 1px solid gray;
	height: 16px;
	padding: 4px 10px;
	padding-bottom: 6px;
	font-size: 1.1em;
	border-radius: 4px;
	color: darkslategray;
	margin-bottom: 6px;
	margin-left: 6px;
}

input[type="text"]:focus,
input[type="textarea"]:focus {
	border: 2px solid darkred;
}

textarea.ct {
	border: 1px solid gray;
	padding: 4px 10px;
	font-size: 1.1em;
	border-radius: 4px;
	color: darkslategray;
	margin-top: 5px;
	margin-left: 10px;
	resize: none;
	overflow: auto;
	margin-bottom: 6px;
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}