/* -----------------------------------------------
Norwest Business Services, Inc.
Custom CSS
-----------------------------------------------*/

#PrimaryMenu {
    position: relative;
    z-index: 100;
}

/* =============== */
/*Sets links inside a narrative to website default*/
#narrative a:link {
	color: rgba(69,114,150,1);
}
#narrative a:visited {
	color: rgba(69,114,150,1);
}
#narrative a:hover {
	color: rgba(167,27,27,1);
}
#narrative a:active {
	color: rgba(69,114,150,1);
}
#narrative a:focus {
	color: rgba(0,123,0,1);
}

#SlideRotator {
	background-color: rgba(51,204,255,1);
}

/* =============== */
/*  Responsive iFrame */

.wrapper {
position: releative;
overflow: hidden;
padding-top: 56.25%
}

.wrapper .iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ============================ */
/* Begin - New Look CSS */

.fieldset-border-green {
	display: block;
	padding: 0;
	margin: 0;
    /*margin-left: 2px;*/
    /*margin-right: 2px;*/
    /*padding-top: 0.35em;*/
    /*padding-bottom: 0.625em;*/
    /*padding-left: 0.75em;*/
    /*padding-right: 0.75em;*/
	padding: 5px 10px;
    border: 2px solid rgba(0,153,0,1);
	-moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
	background-color: rgba(255,255,255,.3);
}

body {
	font-family: 'Montserrat', sans-serif;
	background-image: url(../images/lgrey091.gif);
	margin-bottom: 5em;
}

#MastHead {
	background-color: rgba(200,0,0,1);	
}

#MainContent {
	background-color: rgba(255,255,255,1);
	padding: 0 2em 0 2em;
}

#DocList ul {
	margin: 1em 0em 0em -1.5em;;
}

#DocList li {
	margin-bottom: .5em;
}

#Footer {
	background-color: rgba(224,224,224,1); /* 0,0,0,1  */
	font-size: .90em;
}

.SectionPadding {
	padding: 0 1em 0 1em;
}
	
.align-center {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.align-left {
	margin: 0 auto 0 0;
	padding: 0;
	text-align: left;
}

.align-right {
	margin: 0 0 0 auto;
	padding: 0;
	text-align: right;
}

.alternative-cls:nth-child(even){
	background-color: rgba(204,204,204,.5);/*#CCCCCC;*/
}
.alternative-cls:nth-child(odd){
	background-color: rgba(226,226,226,.5);/*#E2E2E2;*/
}
.alternative-cls:hover {
	background-color: rgba(188,198,204,.5);
	cursor: pointer;
}

/* End - New Look CSS */
/* ============================ */

#news-events-social {
	background-color: rgba(255,255,255,1);
}

.p7LBM-1-style-1 {
background-color:rgb(200,0,0);
background:rgba(200,0,0,1);
}

.p7LBM-1-style-2 {
background-color:rgb(200,0,0);
background:rgba(200,0,0,1);
}

/* Header style CSS  */
.h1-style { 
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.h2-style {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.h3-style { 
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.h4-style { 
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.h5-style { 
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.h6-style { 
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

#PageTitle {
	padding: 1em 0 0 1.25em;
	margin: 0em 0em .25em .25em;
	background-color: rgba(255,255,255,1);
}

#PageTitle h3 {
	margin: 0;
	color: rgba(0,0,0,1);
	font-size: 1.3rem;
}

.RedLine {
	border-top: 2px solid rgba(0,0,0,1);
	border-bottom: 2px solid rgba(0,0,0,1);
	background-color: rgba(200,0,01);
	height: 5px;
	margin: .5em .75em 1em .75em;
}

#3Col p7HMY_3 {
	margin-top: -1em !important;
	color: rgba(255,0,0,1) !important;
}

.SectionPadding {
	margin-top: -2.5em;
}

.page-title {
	font-family: Federo, "Segoe UI", Optima, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	color: rgba(153,0,0,1);
	text-shadow: 2px 2px 4px rgba(0,0,0,.5);
	letter-spacing: .10em;
	margin: .50em 0 0 0; /* .50em 0 .50em 0; */
}

.enlarge-content {
	font-size: 1.20em; /* Previously set to 1.20em*/
}

.values-goals {
	font-family: 'Lobster', cursive;
	color: rgba(0,0,0,1);
	/*text-shadow: 2px 2px 4px rgba(0,0,0,.5);*/
	margin: 0 0 .25em 0;
}

#ItemList ul {
	margin-left: -1.50em;
}

#ItemList li {
	margin-bottom: .25em;
}

.values-goals h3 {
	margin-top: -.75em!important;
}

.thin-red-line {
	margin: 0 0 2em 0;
}

.column-float-left {
	float: left;
}

.column-05 {width: 5%;}
.column-10 {width: 10%;}
.column-15 {width: 15%;}
.column-20 {width: 20%;}
.column-25 {width: 25%;}
.column-30 {width: 30%;}
.column-33 {width: 33.333%;}
.column-35 {width: 35%;}
.column-40 {width: 40%;}
.column-45 {width: 45%;}
.column-50 {width: 50%;}
.column-55 {width: 55%;}
.column-60 {width: 60%;}
.column-65 {width: 65%;}
.column-70 {width: 70%;}
.column-75 {width: 75%;}
.column-80 {width: 80%;}
.column-85 {width: 85%;}
.column-90 {width: 90%;}
.column-95 {width: 95%;}
.column-100 {width: auto; float: none !important;}

.two-columns {
	-webkit-columns: 300px 2;
	-moz-columns: 300px 2;
	columns: 300px 2;
	
	-webkit-column-gap: .50em; /* Safari and Chrome */
	-moz-column-gap: .50em; /* Firefox*/
	column-gap: .50em;*/
}

.three-columns {
	-webkit-columns: 300px  3; /* Safari and Chrome */
	-moz-columns: 300px 3; /* Firefox */
	columns: 300xp  3;
	-moz-column-gap: .50em; /* Firefox*/
	-webkit-column-gap: .50em; /* Safari and Chrome */
	column-gap: .50em;
}

/* employment.cfm - Controls the verical spacing of ul or ol list content  */
#EmpList li {
	line-height: 1.5em;
}

#class-information {
	max-width: 80%;
	margin: 0 auto;
	border: 2px solid rgba(0,0,0,1);
	border-radius: 7px;
}

#class-information .list-header {
	background-color: rgba(0,51,102,1);
	color: rgba(255,255,255,1);
	padding: 5px 0px;
	border-radius: 6px 6px 0px 0px;
	width: 100%;
}

#class-information .list-border {
	border: 1px solid rgba(0,0,0,1);
	border-radius: 6px;
}

#class-information .list-footer {
	background-color: rgba(0,51,102,1);
	padding: 5px 0px;;
	border-radius: 0px 0px 6px 6px;
	width: 100%;
}

#review-completed-applications {
	max-width: 80%;
	margin: 0 auto;
	border: 1px solid rgba(0,0,0,1);
	border-radius: 7px;
}

#review-completed-applications .review-header {
	background-color: rgba(0,51,102,1);
	color: rgba(255,255,255,1);
	padding: 5px 0px;
	border-radius: 6px 6px 0px 0px;
	width: 100%;
}

#review-completed-applications .review-footer {
	background-color: rgba(0,51,102,1);
	border-radius: 0px 0px 6px 6px;
	width: 100%;
	padding: 5px 0px;
}

#EmpList .content-color {
	color: rgb(0,0,0);
}

/* Begin | Special meeting */
#special-meeting {
	max-width: 80%; 
	border-bottom: 2px solid rgb(0,0,0);
}

#special-meeting .title-tab {
	background-color: rgb(0,0,0); 
	border-radius: 7px 7px 0 0; 
	width: 60%; 
	padding: 5px 0px; 
    text-align: center; 
	margin-left: 2em;
	color: rgb(255,255,255);
}
/* End | Special meeting */

#logout {
	background-color: rgba(255,255,255,1);
}

.thank-you {
	font-family: 'Tangerine', Arial, Helvetica, sans-serif;
	color: rgba(0,0,153,1);
	font-size: 2.50em;
	font-style: italic;
	letter-spacing: .10em;
	text-shadow: 2px 2px 4px rgba(0,0,0,.5);
}

.title-style-dkred {
	text-shadow: 2px 2px 4px #A5A5A5;
	color: #900;
}

.title-style-steelblue {
	text-shadow: 2px 2px 4px #A5A5A5;
	color: #069;
}

.title-style-black {
	text-shadow: 2px 2px 4px #A5A5A5;
	color: rgb(0,0,0);
}

.menu-padding {
  padding: 1em 2em;
}

.indent-content-60 {
	margin: 0 auto;
	max-width: 60%;
}

.indent-content-70 {
	margin: 0 auto;
	max-width: 70%;
}

.indent-content-75 {
	margin: 0 auto;
	max-width: 75%;
}

.indent-content-80 {
	margin: 0 auto;
	max-width: 80%;
}

.indent-content-85 {
	margin: 0 auto;
	max-width: 85%;
}

.indent-content-90 {
	margin: 0 auto;
	max-width: 90%;
}

/* ------------------ */
/* Begin | Merger Information */
#ScrollToMenu li {
	float: left;
	padding-right: 3em;
	list-style: disc;
}

#MergerNewsCoverage h2,
#MergerMediaReleases h2,
#MergerAdditionalInformation h2 {
	text-shadow: 2px 2px 4px rgba(0,0,0,.5);
	letter-spacing: .10em;
}

/* End | Merger Information */
/* ------------------ */

.menu-style {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  box-shadow: 0px 0px 15px #000000 !important;
  -webkit-box-shadow: 0px 0px 15px #000000 !important;
  -khtml-box-shadow: 0px 0px 15px #000000 !important;
}

.iframeBorder {
	border: 10px double rgb(0,0,0);
	border-radius: 7px;
	box-shadow: 0px 0px 15px rgb(0,0,0);}

.iframeHeader {
	clear: both;
	background-color: rgb(242,242,242);
	border-top: 5px solid rgb(0,0,0);
	border-right: 5px solid rgb(0,0,0);
	border-bottom: 2px solid rgba(0,0,0,.3);
	border-left: 5px solid rgb(0,0,0);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	width: 100%;
}

.iframeMain {
  clear: both;
  border-right: 5px solid rgb(0,0,0);
  border-left: 5px solid rgb(0,0,0);
  border-bottom: 5px solid rgb(0,0,0);;
  border-top: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
    width: 100%;
  /*border-radius: 5px;
  box-shadow: 0px 0px 20px rgb(165,165,165);*/
}

.iframeFooter {
	clear: both;
	background-color: rgb(242,242,242);
	border-bottom: 5px solid rgb(0,0,0);
	border-right: 5px solid rgb(0,0,0);
	border-top: 2px solid rgba(0,0,0,.3);
	border-left: 5px solid rgb(0,0,0);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 100%;
}

.iframeHeader p {
	margin: 0;
}

.iframeShadow {
	box-shadow: 0px 0px 20px rgb(165,165,165);
}

.iframeCenterAlign {
	display: block;
	/*border-right: 5px solid rgb(0,0,0);
	border-bottom: 5px solid rgb(0,0,0);
	border-left: 5px solid rgb(0,0,0);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;*/
	/*box-shadow: 0px 0px 20px rgba(0,0,0,.5);*/
	height: 300px;
    margin: 0 auto;
}

.two-columns {
-webkit-columns: 300px 2;
-moz-columns: 300px 2;
columns: 300px 2;

-webkit-column-gap: .50em; /* Safari and Chrome */
-moz-column-gap: .50em; /* Firefox*/
column-gap: .50em;*/
}

.hyperlink:link,
.hyperlink:visited,
.hyperlink:active,
.hyperlink:focus {
	color: rgba(86,109,126,1);
	text-decoration: none;
	border-bottom: 1px dotted;	
}

.hyperlink:hover {
	color: rgba(102,0,0,1);
	text-decoration: none;
	border-bottom: 1px solid;
	font-style: italic;
}

.social-media-container {
	max-width: 70%;
}

/*
Link Styles
Assign one of the following classes to
Text Links on your page
*/

/*- - - Link, Visited, Hover, Active, Focus*/

.text-link-light:link, 
.text-link-light:visited,
.text-link-light:active,
.text-link-light:focus
{
	color: #EEE;
	border-bottom: 1px dotted;
}

.text-link-dark:link,
.text-link-dark:visited,
.text-link-dark:active,
.text-link-dark:focus
 {
	color: rgba(53,126,199,1); 
	border-bottom: 1px dotted;
}

.text-link-dark:hover, .text-link-light:hover {
	border-bottom: 1px solid;
	color: rgba(153,0,0,1);
	font-style: italic;
}

.text-link-dark, .text-link-light {
	text-decoration: none;
}

/* Two Column Styling */
.column-2 {
    float: left;
    width: 50%;
}

/* Clear floats after the columns */
.row-2:after {
    content: "";
    display: table;
    clear: both;
}

/* Three Column Styling */
.column-3 {
    float: left;
    width: 33.333%;
}

/* Clear floats after the columns */
.row-3:after {
    content: "";
    display: table;
    clear: both;
}

/*Media Queries*/
@media only screen and (min-width: 767px) and (max-width: 1100px) {
body {font-size: 85%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {font-size: 80%;}
}


@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
body {font-size: 80%;}

.column-float-left {
	clear: both!important;
}
}