@charset "utf-8";
/* CSS Document Author Sharon Casady 11.11.19*/

html {
	background-color:transparent;
}
body {
	/*background-image:url(images/body-background.png);*/
	/*background-image:url(images/body-background3.png);
	background-repeat:repeat-x;*/
	/*background-color:#f4f4f4;*/
	/*background-color:#cccccc;*/
	/*background-color:#e4e4e4;*/
	margin: -1px 0 0 0;
	padding: 0;
	width: 100%;
	height:100%;
	/*font-size:15px;*/
	font-family:Arial, Helvetica, sans-serif;
	background-color:#333;

}

#wrapper {
	margin:0 auto 0 auto;
	padding:0;
	height:100%;
	width:100%;
	display:inline;
	float:left;
	/*background-image:url(images/nav-background4.png);
	background-repeat:repeat-x;
	background-position:0 0px;*/
	background-image:none;
	overflow:visible;
	background-color:#fff;
}

#home-background {
	background-color:#efefef;
	width:100%;
	margin:0 auto 0 auto;
	height:500px;
}

#outerwrapper {
	margin:0 auto 0 auto !important;
	padding:0;
	display:block;
	background-image:url(images/home-background.png);
	background-repeat:repeat-x;
	background-position:0 253px;
	overflow:hidden;
}

#innerwrapper {
	height:100%;
	width:100%;
	max-width:1050px;
	margin:0 auto 0 auto;
	padding:0;
	background-color:transparent;
	overflow:hidden;
}

#clear {
	clear:both;
	margin:0;
	padding:0;
}

/* header */

#header {	
	height:230px;
	margin:0 auto 0 auto;
	padding:0;
	/*background-image:url(images/white-background-shadowthin.png);
	background-position:left top;
	background-repeat:repeat-y;*/
	background-color:transparent;
}

.header-contents {
	width:100%;
	max-width:1150px;
	margin:0 auto 0 auto;
	padding:0;
	display:block;
	height:auto;
	overflow:hidden;
	box-sizing: border-box !important;
	clear:both;
}

.header-contents::after, .header-contents::before {
	box-sizing: border-box;
}

.headermain .innerwrapper {width:100%;max-width:1150px;margin:auto;}

.topwrapper {
	border-top:2rem solid #efefef;
	margin:0 auto;
}

.topwrapper .navbar {
	max-width:1150px;
	width:100%;
	margin:0 auto;
	margin-top:-2.2rem;
}

.topwrapper .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color: #0094c7;
    font-size: .9rem;
	display:inline;
}

.topwrapper .navbar-light .navbar-nav .active>.nav-link:hover {
	color:#444;
	
}

.topwrapper .navlink {
	padding:0 1rem;
	display:inline;
}

.topwrapper .navbar-toggler {
	padding: .1rem .3rem;
	font-size:.9rem;
	margin-bottom:0;
}

.topwrapper .navbar-collapse {
	background-color:#efefef;
}

#logo {
	float:left;	
	/*margin:15px 0 5px 15px;*/
}

#logo a {
	padding:15px 12px 15px 12px;
	cursor: pointer;
	float:left;
}

#logo a img {
	padding-bottom:0px;
}


#header-image {
	background-image:url(images/header-banner.png);
	background-repeat:no-repeat;
	background-position:0 -14px;
	width:515px;
	height:116px;
	margin:0 0 0 84px;
	padding:0;
	float:left;
}

#header-image a {
	margin:78px 0 0 25px;
	background-image:url(images/submit-news-button.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:128px;
	height:24px;
	display:block;
}

#header-image a:hover {
	background-image:url(images/submit-news-button.png);
	background-repeat:no-repeat;
	background-position:0 -23px;
	width:128px;
	height:24px;
	cursor:pointer;
	display:block;
}

.container {
	padding-right:0;
	padding-left:0;
}



/* rss image */

.rss {
	margin:10px 0 0 0;
	padding:0;
	width:20px;
	height:20px;
	background-image:url(images/rss.png);
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
	clear:none;
}

/* social icons */
/*.social-icons {float:right;margin-right:50px;clear:none;width:98px;margin-top:15px}*/
.social-icons {
    float: right;
    /* margin-right: 50px; */
    clear: none;
    margin-top: .5rem;
    position: relative;
    top: 1.5rem;
    right: .75rem;
}

.social-icons img {
	display:inline;
	padding-bottom:0px;
}

/* facebook image */

.facebook {
	margin:10px 5px 0 0;
	padding:0;
	width:25px;
	height:25px;
	background-image:url(images/facebook.png);
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
	clear:none;
}

/* twitter image */

.twitter {
	margin:10px 0 0 0;
	padding:0;
	width:25px;
	height:25px;
	background-image:url(images/twitter.png);
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
	clear:none;
}

/* facebook image */

.linkedin {
	margin:10px 5px 0 8px;
	padding:0;
	width:25px;
	height:25px;
	background-image:url(images/linkedin.png);
	background-repeat:no-repeat;
	background-position:left center;
	float:left;
	clear:none;
}

/* mobile apps */

.adp-app, .and-black, .chappelle-benefits, .chappelle-benefits-android {
	margin:10px 0 0 0;
	padding:5px 5px 15px 10px;
	float:left;
	width:255px;
	height:120px;
	border:dotted 1px #ccc;
}

.adp-app.adp-app a {
	background-image:url(images/adp-app-hover.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 auto 0 auto;
	width:75px;
	height:76px;
	display:block;
	float:left;
	clear:none;
	border:none;
}

.adp-app.adp-app a:hover {
	background-image:url(images/adp-app-hover.png);
	background-repeat:no-repeat;
	background-position:left -76px;
}

.adp-app h2 {
	float:left;
}

.adp-app.adp-app p, .and-black.and-black p, .chappelle-benefits p, .chappelle-benefits-android p {
	float:right;
	clear:none;
	text-align:left;
	width:165px;

}

.and-black.and-black a {
	background-image:url(images/and-black-apple-hover.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 auto 0 auto;
	width:75px;
	height:76px;
	display:block;
	float:left;
	clear:left;
	border:none;
}

.and-black.and-black a:hover {
	background-image:url(images/and-black-apple-hover.png);
	background-repeat:no-repeat;
	background-position:left -71px;
}

.and-black.and-black h2 {
	float:left;
}

.mobile-app-iphone {
	margin:-285px 0 0 0;
	padding:5px 5px 15px 10px;
	float:right;
	clear:right;
	top:0px;
	left:5px;
	width:131px;
	height:275px;
	background-image:url(images/iPhone4S-FSA-app.png);
	background-repeat:no-repeat;
	position: relative;
}

.chappelle-benefits a {
	background-image:url(images/chappelle-app.png);
	background-repeat:no-repeat;
	width:83px;
	background-position:0 0;
	height:88px;
	display:block;
	text-decoration:none;
	border-bottom-width: 0px !important;
	border-bottom-style: none !important;
	margin:0 auto 0 auto;
	display:block;
	float:left;
	clear:none;
	border:none;
}

.chappelle-benefits a:hover {
	background-image:url(images/chappelle-app.png);
	background-repeat:no-repeat;
	width:83px;
	background-position:0 -89px;
	height:88px;
	display:block;
}

.chappelle-benefits h2, .chappelle-benefits-android h2 {
	float:left;
}

.chappelle-benefits-android a {
	background-image:url(images/chappelle-android-app.png);
	background-repeat:no-repeat;
	width:74px;
	background-position:0 0;
	height:87px;
	display:block;
	text-decoration:none;
	border-bottom-width: 0px !important;
	border-bottom-style: none !important;
	float:left;
	clear:left;
}

.chappelle-benefits-android a:hover{
	background-image:url(images/chappelle-android-app.png);
	background-repeat:no-repeat;
	width:74px;
	background-position:0 -86px;
	height:87px;
	display:block;
}

/* flexible spending - instructional box */

.flex-box {
	margin:10px 0 15px 0;
	padding:5px 5px 10px 5px;
	float:left;
	width:100%;
	border:dotted 1px #999;
	background-image:url(images/keys.png);
	background-repeat:no-repeat;
	background-position:left 10px;
}

.flex-box.flex-box a {
	background-image:none;
	margin:0;
	border-bottom:dotted 1px #999999;
}

.flex-box.flex-box a:hover {
}

.flex-box.flex-box h2 {
	float:left;
	clear:none;
	width:375px;
	margin-left:80px;
}

.flex-box.flex-box p {
	float:left;
	text-align:left;
	width:375px;
	margin-left:80px;
}

.flex-box ol {
	counter-reset: li; /* Initiate a counter */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	font: 15px 'Arial', 'Helvetica', 'sans-serif';
	padding: 15px 0 0 0;
	margin-bottom: 15px;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	float:left;
}

.maincontent .flex-box ol li {
	list-style:decimal; /* Remove default numbering */
	/*list-style: decimal; /* Keep using default numbering for IE6/7 */
	clear:both;
	float:left;
	margin-bottom:0;}
	
.maincontent .flex-box li p {width:100%;margin-left:0;clear:both;float:left;padding-top:8px;padding-bottom:0;}

.maincontent .flex-box p a {color:#0094c7;}

.maincontent .flex-box p a:hover {color:#444}

.maincontent .flex-box li p a {color:#0094c7;}

/* name */
/*.name {
	float:right;
	font: .8em 'Arial', 'Helvetica', 'sans-serif';
	font-style:italic; 
	clear:right;
	margin-right:50px;
	margin-top:35px;
}*/
.name {
	float:right;
	font: .8em 'Arial', 'Helvetica', 'sans-serif';
	font-style:italic; 
	clear:right;
	position:relative;
	top:3rem;
	right:2rem;
}

.name {
    right: .75rem;
}

div.logout a {color:#0094c7;;}
	div.logout a:hover {color:#20506e;text-decoration:none;}
	div.logout {
		float: right;
		font: .8em 'Arial', 'Helvetica', 'sans-serif';
		/* font-style: italic; */
		position: relative;
		top: 3rem;
		right: 0rem;
		left: 6rem;
		color: #0094c7;;
		display:none;
				
	}
	
/* megamenu override caret.scss and dropdown */
.dropdown-toggle::after {
    margin-left: .15em !important;
}


/* searchbox */

/*.search {
	width:225px;
	height:50px;
	margin:0 0 0 215px;
	padding:35px 0 0 0;
	float:left;
	clear:right;
}*/

fieldset.search {
	border: none;
	width: 243px;
	margin:0;
	padding:0;
	float:right;
}

.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #999;
	font-size: 11px;
	text-transform:uppercase;
	width: 181px;
	height: 25px;
	padding: 5px 5px 3px 5px;
	background: #eee url(images/search.png) no-repeat left -24px;
	/*background: #eee url(images/search.png) no-repeat;*/
	margin-right: 5px;
	border:1px solid #ccc;
	border-right:1px solid #ccc;
}
.search input.box:focus {
	background: #eee url(images/search.png) no-repeat left -24px;
	outline:none;
}
.search button.btn {
	width:25px;
	height: 25px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fff url(images/search.png) no-repeat top right;
}
.search button.btn:hover {
	background: #eee url(images/search.png) no-repeat bottom right;
}

.search textarea:focus, .search input:focus {
	/*border:none;*/
}

/* maincontent */

#maincontentouterwrapper {
	width:875px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#f9f9f9;
}

#maincontentwrapper {
	max-width:1150px;
	width:100%;
	height:auto;
	margin:15px 0 0 0;
	padding:0;
	/*float:left;*/
	font-family:Arial, Helvetica, sans-serif;
	/*background-image:url(images/white-background-shadow-narrow.png);
	background-position:0 0px;
	background-repeat:no-repeat;*/	
	/*border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;*/
	
}

#maincontent {
	/*width:873px;*/
	height:auto;
	min-height:610px;
	margin-top:10px;
	padding:0 0 130px 0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	/*border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;*/
	max-width:1150px;
	width:100%;
}

.maincontent {
    height: auto;
    padding: 0 30px;
    margin: 0;
    float: left;
    /* max-width: 625px; */
    width: 100%;
    /* max-width: 70.2%; */
}

.maincontent-home {
	height:auto;
	padding:0 20px;
	margin:0;
	float:left;
	max-width:825px;
	width:100%;
}

.maincontent h1 {
	padding:0 0 7px 0;
	margin:0;
	font-size:1.7em;
	line-height:1.7em;
	color: #0094c7;;
	font-weight:normal;
	/*background-image:url(images/line.png);
	background-repeat:no-repeat;
	background-position:0 35px;*/
}

.maincontent-home h1.home {
	padding: 1.5rem;
    margin: 0;
    font-size: 1.6em;
    /* line-height: 1.6em; */
    /*color: #0094c7;*/
	color:#444;
    font-weight: normal;
    background-color: #efefef;
    /* padding: .8rem; */
}

.maincontent h2 {
    padding: 2px 0 3px 0;
    margin: 0;
    font-size: 1.2rem;
    line-height: 23px;
    /* color: #0092B1; */
    color: #0094c7;
    font-weight: normal;
    clear: both;
}

.maincontent h2.orange {
	padding:2px 0 3px 0;
	margin:0;
	font-size:16px;
	line-height:23px;
	/*color:#0092B1;*/
	color:#F60;
	font-weight:normal;
	clear:both;
}

.maincontent h2.plain {
	padding:2px 0 3px 0;
	margin:0;
	font-size:16px;
	line-height:23px;
	/*color:#0092B1;*/
	color:#444;
	font-weight:normal;
	clear:both;
}

.maincontent h3 {
	padding:0;
	margin:0;
	font-size:1rem;
	line-height:20px;
	color:#333;
}
.maincontent h3 span.red {
	padding:0;
	margin:0;
	font-size:13px;
	line-height:20px;
	color:#FF0000;
	text-decoration:underline;
}

.maincontent h4 {
	padding:0;
	margin:0;
	font-size:13px;
	line-height:20px;
	color:#FF0000;
	font-weight:bold;
}

.maincontent h6, h6 {
	color:#0094c7;
}

.maincontent p.first, .maincontent2 p.first {
	font-size:17px;
	font-weight:normal;
	color:#333;
	line-height:21px;
	text-align:justify;
}

.maincontent p {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0 0 10px 0;
    margin: 0;
    /* text-align: justify; */
    color: #444;
}
.maincontent p.community {
	font-size:12px;
	line-height:18px;
	padding:0 0 10px 0;
	margin:0;
	text-align:justify;
	color:#444;
	font-style:italic;
}

.maincontent p span.red {
	color:#FF0000;
	font-style:italic;
	font-size:12px;
	background-color:transparent !important;
}

.maincontent p span.orange {
    color: #FF6600;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 0 0 10px;
    text-align: justify;
}

/* special h2 header */

h2.no-span {
    display: table;
    white-space: nowrap;
}
h2.no-span:after {
      border-top: 1px solid #aaa;
      content: '';
      display: table-cell;
      position: relative;
      top: 0.755em;
      width: 100%;
    }

h2.no-span:after { left: 1.5%; }

.maincontent p.indent {margin-left:15px;}

/* end special h2 header */

h2 sup {
	font-size:10px;
	line-height:10px;
}
p sup {
	font-size:8px;
	line-height:8px;
}

/* videos */

div.video {float:left;clear:none;margin:0 15px 0 0;padding:0;text-align:center;width:160px;}
div.video p {clear: both;color: #444;font-size: 0.75em;margin:0;text-align:center;padding:0;line-height:1.4em;z-index:1;position:relative;top:-23px;}
div.video a.cboxElement {text-decoration:none;color:#444;clear:both;opacity:0.87;}
div.video a.cboxElement:hover{text-decoration:none;color:#444;clear:both;opacity:1;}
div.video span.title {bottom: 0;clear: both;color: #444;font-size: 0.8em;margin:0;text-decoration: none;}
div.video a.cboxElement img{float:left;clear:none;margin:0;padding:0;border:none;opacity:0.87;}
div.video a.cboxElement img:hover {opacity:1;}

.maincontent p.video {
	font-size:13px;
	line-height:18px;
	padding:5px 0 10px 0;
	margin:0 0 0 0;
	text-align:justify;
	color:#444;
}

.maincontent p.video a {
	border:none;
}

.maincontent div.videos {
	margin:0;
	padding:0 0 0 20px;
	float:left;
	width:160px;
}

.maincontent div.video-wrapper {
	background-image:url(images/video-wrapper-background.png);
	background-repeat:no-repeat;
	position:left center;
	width:625px;
	height:700px;
	margin:0;
	padding:12px 0 0 12px;
}

.maincontent div.video-wrapper #container_wrapper {
	background-color:transparent;
	
	
}

.date {
	margin:0;
	padding:0;
	font-size:70%;
	color:#555;
}

p:empty {display: none;}

.iconsouterwrapper {
	float:left;
	margin-bottom:1rem;
	width:100%;
	max-width:15rem;
}

.iconswrapper .icon {
		float:left;
		clear:none;
		margin:0 5px 5px 0;
	}

.newsouterwrapper {
	height: 100%;
	width:100%;
    /* background-color: #f9f9f9; */
    float: left;
    border: 1px #bbb dotted;
    /* border-bottom-left-radius: 1em; */
    /* border-bottom-right-radius: 1em; */
    /* border-top-left-radius: 1em; */
    /* border-top-right-radius: 1em; */
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 2px#ccc;
    box-shadow: 0 0 2px #ccc;*/
    margin: 0 0 0 0;
    /* padding: 20px 38px; */
}

.newsinnerwrapper {
	padding: 20px 38px;
    float: left;
}

.newsinnerwrapper a {
	margin: 0;
    padding: 0;
    text-decoration: none;
    color: #274D6D;
    border-bottom: dotted 1px #999;
}

.newsinnerwrapper a:hover {
	margin:0;
	padding:0;
	color:#0094c7;;
}

.newstopwrapper {
	width:510px;
	height:34px;
	/*background-color:#f9f9f9;*/
	float:left;
	clear:both;
	margin:-8px 0 0 -9px;
	padding:0;
	background:url(images/news-top-background.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.newswrapper {
	width:100%;
	float:left;
	clear:both;
	margin: 0 0 16px 0;
	padding:0;	
}
.newsouterwrapper ul li {
	font-size:13px;
	padding-bottom:5px !important;
	color:#444;
}

.newswrapper h2 {
	padding: 2px 0 3px 0;
	margin:0;
	font-size: 1.2rem;
    line-height: 23px;
	/*color:#0092B1;*/
	color:#0094c7;
	/*color:#20506e;*/
	font-weight:normal;
	
}

.newswrapper h3 {
margin:12px 0 5px 0;
color:#444;
font-size:13px;
}

.newswrapper p:first-of-type {
  padding-top:0px;
}

.newswrappermiddle {
	width:500px;
	background:url(images/news-middle-background.png);
	background-repeat:repeat-y;
	background-position:left center;
	float:left;
	clear:left;
	margin:0 25px 0 -9px;
	padding:0 0 0 20px;
}

.newsouterwrapper .newswrapper ul {
	margin:0;
	padding:0 0 5px 0;
	list-style-type:none;
}

.newsouterwrapper .newswrapper ul li {
	color: #444;
    margin: 0 0 0 25px;
    padding: 8px 15px 8px 12px;
    font-size: .95rem;
    line-height: 1.4rem;
    background-image: url(images/right.gif);
    background-repeat: no-repeat;
    background-position: 0 14px;
}
	
.newsouterwrapper .newswrapper ul li a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#0092B1;
	border-bottom:dotted 1px #444;
	}

.newswrapper .date {
	margin:0;
	padding:0;
	font-size:80%;
	color:#555;
}

.newswrapper p {
	color: #444;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 5px 0;
    max-width: 675px;
	width:100%;
	margin-bottom:0;
}

.bold {
	font-weight:bold;
}

.newswrapper p a {
    margin:0;
	padding:0;
	text-decoration:none;
	color:#444;
	border-bottom:dotted 1px #444;
}

.newswrapper p a:hover {
	margin:0;
	padding:0;
	color:#0094c7;;
}

.newswrapper p span.italics {
	font-size: 1rem;
    line-height: 1.5rem;
    font-style: normal;
    font-weight: 500;
    color: #0094c7;
}

.newswrapper p span.caption {
	font-size:12px;
	line-height:15px;
	font-style:italic;
	font-weight:normal;
}

.newswrapper p img {padding-bottom:5px;}

.newswrapper p img.money {padding-bottom:5px;float:right;padding-left:25px;}

.newswrapper img.money {padding-bottom:5px;float:right;padding-left:25px;}

.newswrapperbottom {
	width:500px;
	height:30px;
	background:url(images/news-bottom-background.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	float:left;
	clear:both;
	margin:0 0 0 -9px;
	padding:0;
}

.maincontent a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#274D6D;
	border-bottom:dotted 1px #999;
}

.maincontent a:hover {
	margin:0;
	padding:0;
	color:#0094c7;;
}

.maincontent a.no-underline, .maincontent a.no-underline img {text-decoration:none;border-bottom:none;border:none;}

.maincontent .bold {
	font-weight:bold;
}

.maincontent .underline {
	text-decoration: underline;
}

.maincontent .italics {
	font-style: italic;
	font-size:11px;
}

.maincontent span.link a {
	text-decoration:underline;
}

.maincontent span.link a:hover {

}

.maincontent ul {
	margin:0;
	padding:0px 0 10px 0;
	list-style-type:none;
	/*clear:both;*/
	clear:none;
}

.maincontent ul li {
    color: #444;
    margin: 0 0 0 25px;
    padding: 6px 15px 6px 12px;
    font-size: .95rem;
    line-height: 1.4rem;
    background-image: url(images/right.gif);
    background-repeat: no-repeat;
    background-position: 0 14px;
}

.maincontent ul li a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#444;
}

.maincontent ul li a:hover {
	margin:0;
	padding:0;
	color:#0094c7;;
}

.maincontent ul li a.link {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#274D6D;
}

.maincontent ul li a.link:hover {
	margin:0;
	padding:0;
	color:#0094c7;
}

.maincontent ul li a.dark-yellow {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#0094c7;;
}

.maincontent ul li a.dark-yellow:hover {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#444;
}

.maincontent ul.second {
	margin:0;
	padding:5px 0 5px 0;
	clear:both;
	list-style-image:url(images/right.gif);	
}

.maincontent ul.second  li {
	color:#444;
	margin:0 0 0 40px;
	padding:0 0 8px 0;
	font-size:12px;
	line-height:18px;
}

.maincontent ul.second  li a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#444;
}

.maincontent ul.second  li a:hover {
	margin:0;
	padding:0;
	color:#005699;
}

.maincontent ul li a.email {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#444;
}

.maincontent ul li a.email:hover {
	margin:0;
	padding:0;
	color:#0094c7;;
}

.maincontent ul li a.italic {font-size: .95rem;line-height: 1.4rem;font-family:Arial, Helvetica, sans-serif;}
.maincontent ul li a span.link-italics {font-style:italic;}

ul#portfolio {
	list-style-type: none;
	padding:0;
	margin:0 0 20px 10px;
	height:306px !important;
	overflow:hidden;
}

/* ordered list */

.maincontent h3.natural {font-weight:bold;}

.maincontent ol {
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	font: 15px 'Arial', 'Helvetica', 'sans-serif';
	padding: 0;
	margin-bottom: 15px;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.maincontent ol.natural {
	counter-reset: li; /* Initiate a counter */
	list-style:decimal;
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	font: 15px 'Arial', 'Helvetica', 'sans-serif';
	padding: 0;
	margin-bottom: 15px;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.maincontent ol.natural li {color:#333; }

.maincontent ol.natural li a {color:#274D6D; }

.maincontent div.outer-border {
    float:left;
    padding:10px 15px;
    border:1px solid #bbbbbb;
    background-color:#e6f2ff;
    border-radius: .3rem;
    margin-bottom: 2.5em;
}

.maincontent div.outer-border p {color:#333;}

.rectangle-list a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em !important;
	*padding: .4em;
	margin: .5em 0;
	background: #efefef;
	color: #444 !important;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;
	border:solid 1px #ccc;
	*border-top:solid 2px #ccc;	
}

.rectangle-list a:hover{
	/*background: #fff;*/
}	

.rectangle-list a:before{
content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.4em;
	background: #274D6D;
	height: 2.2em;
	width: 2.2em;
	line-height: 2em;
	border: .35em solid #fff;
	text-align: center;
	font-weight: bold;
	transition: all .3s ease-out;
	color:#fff;
}

.rectangle-list a:after{
	position: absolute;	
	content: '';
	border: .5em solid transparent;
	left: 1.2em;
	top: 50%;
	margin-top: -.5em;
	transition: all .3s ease-out;				
}

.rectangle-list a:hover:after{
	left: 1.1em;
	border-left-color: #274D6D;				
}

/* ol ol */

.maincontent ol ol{
	margin: 0 0 0 2em; /* Add some left margin for inner lists */
}

.maincontent .rectangle-list2 a  {
	position: relative;
	display: block;
	padding: .2em .2em .2em 2em !important;
	*padding: .4em;
	margin: .5em 0;
	background: none !important;
	color: #444 !important;
	text-decoration: none;
	border-radius: .3em;
	border:none;	
}

.maincontent .rectangle-list2 a:hover {
	/*background: #fff;*/
}	

.maincontent .rectangle-list2 a:before {
	content:normal;
	counter-increment:none;
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.4em;
	background: #005699;
	height: 1em;
	width:1em;
	line-height: 2em;
	border: .35em solid #fff;
	text-align: center;
	font-weight: bold;
	color:#fff;
}

.maincontent ol ul li {
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 0px 35px;
	padding: 0 40px 3px 12px;
	color:#444;
}

.maincontent .rectangle-list2 a:after {
	position: absolute;	
	content:normal;
	border: .5em solid transparent;
	left: -1.3em;
	top: 50%;
	margin-top: -1.4em;
	transition:none;				
}

.maincontent .rectangle-list2 a:hover:after {
	left: -1.3em;
	border-left-color: #005699;				
}


.maincontent ol li h2 {
	margin:0;
	padding:0 0 7px 28px;
}

.maincontent ol li ul {
    margin: 0;
    padding: 10px 0 5px;
}

.maincontent ol li {
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0 0 7px 35px;
	padding: 0 40px 8px 0;
	color:#444;
}

.maincontent ol li a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#444;
	border-bottom:dotted 1px #444 !important;
}

.maincontent ol li a:hover {
	margin:0;
	padding:0;
	color:#0094c7;
}

.maincontent ol li a.link {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#005699;
}

.maincontent ol li a.link:hover {
	margin:0;
	padding:0;
	color:#444;
}

/* special-list */

.maincontent li.special-list {
	margin:0 0 0 18px;
}

/* announcement */

#sidenavmenu .announcement {
	margin:5px 0 0 0;
	padding:5px 10px 10px 0;
	width:222px;
	height:100%;
	background-image:url(images/sidenav-top-background.png);
	background-repeat:no-repeat;
	float:left;
	clear:both;
}

#sidenavmenu .announcement .announcement-inner {
	background-image:url(images/sidenav-middle-background.png);
	background-repeat:repeat-y;
	width:222px;
	float:left;
	clear:both;
	margin:10px 0 0 0;
	padding:5px 10px 0 15px;
	height:100%;
}

#sidenavmenu .announcement .announcement-bottom {
	background-image:url(images/sidenav-bottom-background.png);
	background-repeat:no-repeat;
	width:222px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	height:30px;
}

#sidenavmenu .newsletter-image {
	background-image:url(images/money-in-action.png);
	background-repeat:no-repeat;
	height:62px;
	width:100px;
	float:left;
	margin:-35px 0 8px 45px;
}

#sidenavmenu .announcement h2 {
	font-weight:normal;
	margin:0 !important;
	padding: 0px 0 5px 15px !important;
	float:left;
	clear:none;
	font-size:12pt;
	line-height:16pt;
}

#sidenavmenu .announcement ul {
	margin:5px 0 0 20px !important;
}

#sidenavmenu .announcement ul li {
	margin:0 0 0 0;
}

#sidenavmenu .announcement ul li a {
	border-top:none !important;
	color: #555 !important;
    font-size: 9pt !important;
	line-height:11pt !important;
    padding: 0 0 8px 12px !important;
	color: #444444;
    padding: 0;
    text-decoration: none;
	display:block;
	background-image: url(images/right.gif);
    background-position: 0 4px;
    background-repeat: no-repeat;
}

#sidenavmenu .announcement ul li a:hover {
	color:#0094c7 !important;
}

#sidenavmenu .circle {
	background-image:url(images/circle-announcement.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:73px;
	width:73px;
	float:right;
	clear:right;
	margin:-18px -25px 0 0;	
}

/* sidenavmenu flexible spending - login */

#sidenavmenu .flexbox-side {
	margin:25px 0 0 0;
	padding:5px 10px 10px 0;
	width:222px;
	height:100%;
	/*background-image:url(images/sidenav-top-background.png);
	background-repeat:no-repeat;*/
	float:left;
	clear:both;
	background: #f7f7f7;
    border: 1px dotted #bbb;
}

#sidenavmenu .flexbox-side .flexbox-inner {
	/*background-image:url(images/sidenav-middle-background.png);
	background-repeat:repeat-y;*/
	width:222px;
	float:left;
	clear:both;
	margin:10px 0 0 0;
	padding:5px 10px 0 15px;
	height:100%;
}

#sidenavmenu .flexbox-side .flexbox-inner h2 {width:auto;}

#sidenavmenu .flexbox-side .flexbox-inner p {
	font-size: 9pt;
	line-height:13pt;
    padding: 0 0 8px 0;
	color: #444444;
    padding: 0;
    text-decoration: none;
	display:block;	
	width:160px;
	margin:0 0 8px 15px;
	clear:left;
}

#sidenavmenu .flexbox-side .flexbox-inner p a {
	text-decoration:none;
	color:#0094c7;;
	border-bottom:dotted 1px #999999;
}

#sidenavmenu .flexbox-side .flexbox-inner p a:hover {
	text-decoration:none;
	color:#444;
}

#sidenavmenu .flexbox-side .flexbox-inner p span.bold {
	font-weight:bold;
	color:#333;
}

#sidenavmenu .flexbox-side .flexbox-bottom {
	/*background-image:url(images/sidenav-bottom-background.png);
	background-repeat:no-repeat;*/
	width:222px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	height:30px;
}


#sidenavmenu .keys-image {
    background-image: url("images/keys60x60.png");
    background-repeat: no-repeat;
    float: right;
    height: 60px;
    left: 0px;
    margin: -30px 0 0;
    position: relative;
    width: 60px;
	padding-right:7px;
}

#sidenavmenu .flexbox-side h2 {
	font-weight:normal;
	margin:0 !important;
	padding: 0px 0 5px 15px !important;
	float:left;
	clear:none;
	font-size:12pt;
	line-height:16pt;
	width:135px;
}

/* sidenavmenu community */

#sidenavmenu .flexbox-side h2.community {
	font-weight:normal;
	margin:0 !important;
	padding: 0px 0 5px 15px !important;
	float:left;
	clear:none;
	font-size:12pt;
	line-height:16pt;
	width:145px;
	/*color:#FF0000;*/
}

.sidenavmenu .flexbox-side .flexbox-inner ul {
	margin:0 0 0 15px;
	padding:0;
	width:100%;
}

.sidenavmenu .flexbox-side .flexbox-inner li {
	font-size: 76%;
	line-height: 135%;
	color: #333;
	padding: 0 0 5px 11px;
	text-decoration: none;
	display: block;
	width: 160px;
	margin: 0 0 0 0;
	clear: left;
	background-image: url(images/right.gif);
	/* height: 10px; */
	background-repeat: no-repeat;
	background-position: left 3px;
}

#sidenavmenu .flexbox-side .flexbox-inner p.community {
	font-size: 9pt;
	line-height: 13pt;
	padding: 0 0 8px 0;
	color: #000;
	padding: 0;
	text-decoration: none;
	display: block;
	width: 160px;
	margin: 0 0 8px 15px;
	clear: left;
	width: 165px;
	/* font-style: italic; */
	font-weight: normal;
}

#sidenavmenu .flexbox-side .flexbox-inner .line {
	border-bottom:dotted 1px #999;
	height:1px;
	width:165px;
	margin:3px 0 7px 15px;
	padding:0;
	float:left;
	clear:both;
}

.sidenavmenu .flexbox-side .flexbox-inner p span.blue {
	color:#274D6D;
	text-decoration:underline;
}

.sidenavmenu .flexbox-side .flexbox-inner p span.red {
	color:#FF0000;
	text-decoration:underline;
}

/* backlink */

.maincontent p.backlink span {
	font-size:9pt;
	color:#666;
	font-weight:normal;
	line-height:14pt;
	float:right;
	background-image:url(images/left.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 0 10px;
}

.maincontent p.backlink span a  {
	color:#005699;
	text-decoration:none;
}

.maincontent p.backlink span a:hover {
	color:#555;
	text-decoration:none;
}

/* images, flash */

.flash {
	float:left;
	clear:left;
	width:320px;
	height:265px;
	margin:0;
	padding:0;
}



/* icons */

.icons {
	margin:0;
	padding:10px 0 0 0;
	float:left;
}

.icons h2 {
	width:400px;
	margin:0;
	clear:left;
	float:left;
}

.icons p {
	width:375px;
	margin:0;
	padding:0 10px 0 0;
	float:left;
	clear:left;
}

.icon1 {
	margin:10px 0 0 0;
	padding:0;
	background-image:url(images/folder-hr.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:132px;
	width:157px;
}

.icon2 {
	margin:0 15px 0 0;
	padding:0;
	background-image:url(images/paper.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:171px;
	width:154px;
	float:left;
}

.icons ul {
	width:400px;
	margin:0;
	clear:left;
	padding:0 0 15px 0;
	list-style-image:url(images/right.gif);	
	float:left;
}

/* sidenav */

#sidenavmenu {
	margin:0;
	padding:0 0 36px;
	float:left;
	clear:both;
	display:none;
}

.sidenavmenu {
	/*border-right:1px solid #cccccc;*/
	/*background-image: url(images/sidenav-bottom-background.png);
	background-repeat: no-repeat;
	background-position: left bottom;	/*background-image:url(images/section-header-gray.png);
	background-repeat:no-repeat;
	background-position:left 25px;*/
	/*background-image:url(images/sidenav-top-background.png);
	background-repeat:no-repeat;
	background-position:left top;*/
	width:222px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	/*background:#f7f7f7;
	border:1px dotted #bbb;*/
}

.sidenavimage1 {
	margin:0;
	padding:0;
	background-image:url(images/stethoscope-labcoat.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:222px;
	height:355px;
	clear:left;
	float:left;
}

.sidenavmenuwrapper {
	padding:0 0 25px 0;
	margin:0;
	float:left;
	clear:left;
	width:222px;
	/*background-image:url(images/sidenav-bottom-background.png);
	background-repeat:no-repeat;
	background-position:left bottom;*/
	background: #f7f7f7;
    border: 1px dotted #bbb;
}

.innersidenavmenu {
	/*background-image:url(images/sidenav-middle-background.png);
	background-repeat:repeat-y;
	background-position:left center;*/
	width:222px;
	float:left;
	clear:left;
	padding-top:10px;
}

.sidenavmenu ul {
	/*padding:15px 8px 10px 12px;*/
	padding:7px 8px 0 0;
	/*margin:9px 0 0 19px;*/
	margin:0px 0 0 19px;
	list-style-type:none;
	/*width:158px;*/
	clear:both;
	/*border-right:solid 1px #B7B7B7;*/
	/*border-left:solid 1px #B7B7B7;*/
	/*border-bottom:solid 1px #B7B7B7;*/
	float:left;
}

.sidenavmenu ul li {
	padding:0 0 0 0;
	margin:0;
}
	
.sidenavmenu ul li a, .sidenavmenu ul li.first a {
	padding:7px 0 9px 7px;
	margin:-2px 0 0 0;
	color:#000;
	text-decoration:none;
	font-size:10pt;
	line-height:normal;
	display:block;
	float:left;
	clear:left;
	/*border-top:solid 1px #333;*/
	width:168px;
}

.sidenavmenu ul li a:hover, .sidenavmenu ul li.first a:hover {
	color:#0094c7;;
	/*background-color:#E2E2E2;*/
}

.sidenavmenu ul li a.current, .sidenavmenu ul li.first a.current {
	/*color: #274D6D;*/
    color: #000;
    font-weight: bold;
    width: 190px;
    padding: 7px 0 7px 7px;
    /* background-image: url(images/nav-currentbackground-gray.png); */
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom: none;
    border-top: none;
    background: rgba(152,191,221,.5);
    border-right: 6px solid #0094c7;
}

.sidenavmenu ul li.first a{
	/*border-top:solid 1px #333;*/
	padding:7px 0 7px 7px;
}

.sidenavmenu h2 {
	/*color:#fff;*/
	color:#0094c7;;
	/*background-color:#e2e2e2;*/
	font-weight:normal;
	font-size:18px;
	line-height:normal;
	margin:0 0 0 11px;
	padding:10px 0 5px 13px;
	text-align:left;
	width:195px;
	/*border-bottom:solid 1px #cccccc;*/
	/*background-image:url(images/nav-currentbackground-blue.png);
	background-repeat:no-repeat;
	background-position:left center;*/
	
	/*background-image:url(images/sidenav-top-background.png);
	background-repeat:no-repeat;
	background-position:left top;*/
}

/* accordian sidenavmenu */

#sidenavmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	padding:0;
	margin:-2px 0 0 0;
	color:#333;
	text-decoration:none;
	font-size:10pt;
	line-height:normal;
	font-weight:normal;
	display:block;
	float:left;
	clear:left;
	width:182px;
}

#sidenavmenu .menuheader a {
	padding: 7px 0 9px 7px;
    margin: 0;
    color: #333;
    text-decoration: none;
    font-size: 10pt;
    line-height: normal;
    display: block;
    float: left;
    clear: left;
    /* border-top: solid 1px #909090; */
    /* width: 153px; */
    width: 168px;
}

#sidenavmenu .menuheader a:hover {
	color:#0094c7;
	/*color:#ffffff;
	background-color:#0083d1;*/
	text-decoration:none;
}

#sidenavmenu .menuheader a.active {
	color:#ffffff;
	background-color:#0083d1;
	text-decoration:none;
}

#sidenavmenu .menuheader a.current {
	/*color: #274D6D;*/
    color: #000;
    font-weight: bold;
    width: 190px;
    padding: 7px 0 7px 7px;
    /* background-image: url(images/nav-currentbackground-gray.png); */
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom: none;
    border-top: none;
    background: rgba(152,191,221,.5);
    border-right: 6px solid #0094c7;
}

#sidenavmenu .menuheader a.currentexpandable {
	color:#274D6D;
	/*background-image:url(images/right.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;*/
	/*color:#fff;*/
	font-weight:bold;
	width:182px;
	padding:7px 0 8px 7px;
	/*background-image: url(images/nav-currentbackground-gray.png);
	background-repeat: no-repeat;
	background-position: left center;*/
	border-bottom:none;
	border-top:none;
}

#sidenavmenu ul li.submenuheader a.currentsubexpandable
{
	font-weight:normal;
}

#sidenavmenu ul li .openheader {
	color:#274D6D;
}

#sidenavmenu ul li.closedsubheader{ /*Closed state CSS for sub menu header*/
	color:#005699;
	text-decoration:none;
	border-bottom:none;
}

#sidenavmenu ul li.opensubheader{ /*open state CSS for sub menu header*/
	color:#274D6D;
	text-decoration:none;
	border-bottom:none;
}

#sidenavmenu ul li a.expandable {
	padding:0;
	margin:0;
	border-bottom:none;
	border-top:none;
}

#sidenavmenu .categoryitems {
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}

#sidenavmenu ul.categoryitems {
	padding:0;
	margin:0 0 6px 10px;
}

#sidenavmenu ul ul.subcategoryitems  {
	padding:0;
	margin:0 0 8px 10px;
}

#sidenavmenu ul.categoryitems li, #sidenavmenu ul ul.subcategoryitems li {
	padding:0;
	margin:0;
}

#sidenavmenu ul.categoryitems li a, #sidenavmenu ul ul.subcategoryitems li a {
	padding:4px 0 4px 7px;
	margin:0;
	color:#333;
	display:block;
	border-bottom:none;
	border-top:none;
	text-decoration:none;
	font-size:9pt;
	line-height:normal;
	width:182px;
}

#sidenavmenu ul.categoryitems li a.current, #sidenavmenu ul ul.subcategoryitems li a.current {
	padding:4px 0 4px 7px;
	margin:0;
	color:#0094c7;
	display:block;
	border-bottom:none;
	border-top:none;
	text-decoration:none;
	font-size:9pt;
	line-height:normal;
	width:182px;
	background-color:none;
}

 #sidenavmenu ul ul.subcategoryitems li a {
	padding:2px 0 0 12px;
	margin:0;
	color:#333;
	display:block;
	border-bottom:none;
	border-top:none;
	text-decoration:none;
	font-size:9pt;
	line-height:13pt;
	width:150px;
}

#sidenavmenu ul.categoryitems li h3 {
	margin:0;
	padding:0;
}

#sidenavmenu ul.categoryitems li h3 a {
	padding:4px 0 4px 7px;
	margin:0;
	color:#333;
	display:block;
	border-bottom:none;
	border-top:none;
	text-decoration:none;
	font-size:9pt;
	line-height:normal;
	width:182px;
	font-weight:normal;
}

#sidenavmenu li h3 a.current {
	padding:4px 0 4px 7px;
	margin:0;
	color:#274D6D;
	display:block;
	border-bottom:none;
	border-top:none;
	text-decoration:none;
	font-size:9pt;
	line-height:normal;
	width:182px;
	font-weight:normal;
}

#sidenavmenu ul.categoryitems li a.current {
	/*color:#274D6D;*/
	color:#0094c7;;
	background-image:none;
	background-color:transparent;
	border-right:none;
	font-weight:normal;
	display:block;
	height:100%;
}

#sidenavmenu ul ul.subcategoryitems li a.current {
	color:#0094c7;;
	background-image:none;
	font-weight:normal;
	display:block;
	height:100%;
}

#sidenavmenu ul.categoryitems li a:hover, #sidenavmenu ul ul.subcategoryitems li a:hover {
	color:#0094c7;;
}

/* hr - annual benefits enrollment */

.one {
	background-image:url(images/one.png);
	background-repeat:no-repeat;
	height:30px;
	display:block;
	margin:7px 0 7px 0;
	padding:0;
	float:left;
	width:500px;
}

.one a, .two a, .three a, .four a, .five a, .six a {
	font-size:11pt;
	line-height:20pt;
	margin:0 0 0 40px;
	color:#555;
}

.one a:hover, .two a:hover, .three a:hover, .four a:hover, .five a:hover, .six a:hover {
	font-size:11pt;
	line-height:20pt;
	margin:0 0 0 40px;
	color:#005699;
}

.two {
	background-image:url(images/two.png);
	background-repeat:no-repeat;
	height:30px;
	display:block;
	margin:7px 0 7px 0;
	padding:0;
	float:left;
	clear:both;
	width:500px;
}

.three {
	background-image:url(images/three.png);
	background-repeat:no-repeat;
	height:30px;
	display:block;
	margin:7px 0 7px 0;
	padding:0;
	float:left;
	clear:both;
	width:500px;
}

.four {
	background-image:url(images/four.png);
	background-repeat:no-repeat;
	height:30px;
	display:block;
	margin:7px 0 7px 0;
	padding:0;
	float:left;
	clear:both;
	width:500px;
}

.five {
	background-image:url(images/five.png);
	background-repeat:no-repeat;
	height:30px;
	display:block;
	margin:7px 0 7px 0;
	padding:0;
	float:left;
	clear:both;
	width:500px;
}

.six {
	background-image:url(images/six.png);
	background-repeat:no-repeat;
	height:30px;
	display:block;
	margin:7px 0 20px 0;
	padding:0;
	float:left;
	clear:both;
	width:500px;
}

.benefitsouterwrapper {
	height:100%;
	/*background-color:#f9f9f9;*/
	float:left;
}

.benefitstopwrapper .calendar {
	background-image:url(images/cal2.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:150px;
	width:150px;
	position:relative;
	float:right;
	clear:right;
	margin:-55px 25px 0 0;
	padding:0;
}

.benefitstopwrapper {
	width:575px;
	height:52px;
	/*background-color:#f9f9f9;*/
	float:left;
	clear:both;
	margin:-8px 0 0 -15px;
	padding:0;
	background:url(images/benefits-top-background.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.benefitswrapper {
	width:435px;
	float:left;
	clear:both;
	margin:0px 0 14px 8px;
	padding:0;
	
}

.benefitswrapper h2 {
	padding:0;
	margin:-35px 0 0 0;
	font-size:16px;
	line-height:23px;
	/*color:#0092B1;*/
	color:#fff;
	font-weight:normal;
	
}

.benefitswrapper p {
	font-size:13px;
	line-height:18px;
	padding:0 25px 10px 0;
	margin:0;
	text-align:justify;
	color:#444;
	width:435px;
}

.benefitswrappermiddle {
	width:575px;
	background:url(images/benefits-middle-background.png);
	background-repeat:repeat-y;
	background-position:left center;
	float:left;
	clear:left;
	margin:0 25px 0 -15px;
	padding:0 0 0 20px;
}
.benefitswrappermiddle .date {
	margin:0;
	padding:0;
	font-size:70%;
	color:#555;
}

.benefitswrappermiddle ul {
    clear: both;
    list-style-type: none;
    margin: 0 0 0 80px;
    padding: 5px 0;
}

.benefitswrappermiddle ul li {
    background-image: url(images/right.gif);
    background-position: 0 4px;
    background-repeat: no-repeat;
    color: #444444;
    font-size: 13px;
    line-height: 18px;
    margin:0;
    padding: 0 0 8px 12px;
	width:400px;
}

.benefitswrappermiddle p {
	font-size:13px;
	line-height:18px;
	padding:0 25px 0 0;
	margin:0 0 0 61px;
	text-align:justify;
	color:#444;
	width:435px;
}

.benefitswrappermiddle p a:hover {
	color:#FF6600;
}

.benefitswrappermiddle ul li a {
  	color:#444;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.benefitswrappermiddle ul li a:hover, .benefitswrappermiddle ul li a.blue:hover {
	color:#FF6600;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.benefitswrappermiddle ul li a.blue {
  	color:#274D6D;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.benefitstopwrapper h1 {
	padding:0;
	margin:22px 0px 25px 30px;
	font-size:19px;
	line-height:22px;
	/*color:#0092B1;*/
	color:#fff;
	font-weight:normal;	
	width:200px;
}

.benefitswrappermiddle h2.nocheck {
	padding:0;
	margin:10px 0px 0px 25px;
	font-size:16px;
	line-height:23px;
	/*color:#0092B1;*/
	color:#274D6D;
	font-weight:normal;
	background-image:none;
}

.benefitswrappermiddle h2 {
	padding:0 0 0 25px;
	margin:10px 0px 0px 25px;
	font-size:16px;
	line-height:23px;
	/*color:#0092B1;*/
	color:#274D6D;
	font-weight:normal;
	background-image:url(images/check_mark2.png);
	background-position:left top;
	background-repeat:no-repeat;	
}

.benefitswrappermiddle h2.green {
	padding:0 0 0 40px;
	margin:10px 0px 0px 20px;
	font-size:16px;
	line-height:27px;
	/*color:#0092B1;*/
	color:#FF6600;
	font-weight:normal;
	background-image:url(images/check_mark3.png);
	background-position:left top;
	background-repeat:no-repeat;	
}

.benefitswrappermiddle h3 {
    color: #333333;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 0 0;
    padding: 0 0 0 61px;
}

.benefitswrappermiddle h3 a:hover {
		color:#FF6600;
}


h4.orange {
    color:#FF6600;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding: 0 0 5px;
}

.benefitswrapperbottom {
	width:575px;
	height:37px;
	background:url(images/benefits-bottom-background.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	float:left;
	clear:both;
	margin:0 0 0 -15px;
	padding:0;
}

.benefitsicon {
	background-image:url(images/check_mark.png);
	height:18px;
	background-position:left top;
	background-repeat:no-repeat;
}

/* special form */

div.table {
	margin:10px 0 0 0;
	padding:5px 0 0 0;
	float:left;
	clear:both;
	background-image:url(images/table-top-450px.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.maincontent .bottom {
	background-image:url(images/table-bottom-450px.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:8px;
	clear:both;
	padding:2px 0 0 0;
	margin:-5px 0 15px 0;
}

div.table h2 {
	padding:0;
	margin:0;
	font-size:20px;
	line-height:22px;
	color:#264D6D;
	clear:left;	
}

table#review {
	width:452px;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
}

.table {
}

/*tr:nth-child(even) {
	background-image:url(images/ams/body.png);
	background-repeat:repeat-x repeat-y;	
}*/

tr.even {
	background-image:url(images/body.png);
	background-repeat:repeat-x repeat-y;
	}
	
tr.odd {
	background-color:transparent;
	background-image:none;
	}


.table a {
	/*color:#E65B00;*/
	color:#f26150;
	font-weight:bold;
	text-decoration:none;
}

.table a:hover {
	color:#666;
}

table {
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	margin:0;
	width:452px;
	padding:0;
}

caption {
	font-weight: bold;
	text-align: left;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

col#albumCol {
  border: none;
}

thead {
	background-image:url(images/body.png);
	background-repeat:repeat-x repeat-y;	
	width:450px;
}

tr {
	margin:0;
}

/*tr:hover {
  background-color:#3d80df;
  color: #fff;*/

th {
	font-weight:normal;
	text-align: center;
	color:#274D6D;
	font-size:12px;
	text-transform:uppercase;
	padding-top: .5em;
	padding-right: .30em;
	padding-bottom: .5em;
	padding-left: .30em;
	background-image:url(images/body.png);
	background-repeat:repeat-x repeat-y;	
}

#playlistPosHead {
  text-indent: -1000em;
}

#review td, #review th {
	text-align: center;
}

#review td.documents {
	text-align:center;
	font-size:8pt;
}

#trakCol, td, th {
	text-align:center;
	padding-top: 5px;
	}
	
td {
	font-weight:normal;
	color:#000000;
	font-size:9pt;
	text-align:center;
	vertical-align: top;
	word-wrap:break-word;
	padding-top: .6em;
	padding-right: .4em;
	padding-bottom: .5em;
	padding-left: .4em;
}

td.noborder {
	border-top:none;
	width:760px;
}

.td-date {
	width:85px;
}

td.date {
	font-weight:normal;
	color:#000000;
	font-size:9pt;
	text-align:center;
	vertical-align: top;

}

/*
td span.number-anchor a {
	text-decoration:underline;
}
*/

input [type=checkbox] {
	margin:0px 0 5px 0;
	border:none;
	padding:0 0 0 0;
	float:left;
	clear:left;
	display:inline;
	width:15px;
	height:15px;
}

tr:hover {
  /*background-color:transparent;*/
  color: #333333;
}

thead tr:hover {
  background-color:none;
  color: inherit;
}


/* forms */

#forms {
	width:500px;
	margin:20px 0 0 0;
	padding:0;
	float:left;
}

fieldset.forms {
	border:solid 1px #cccccc;
	width: 449px;
	margin:0 0 0 19px;
	padding:0px 25px 20px 5px;
	text-align:left;
	background-color:#E8E8E8;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	overflow:hidden;
}

#forms h1 {
	background-image:url(images/form-header-background.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:500px;
	height:50px;
	display:block;
	margin:0 0 0 0;
	padding:23px 0 0 25px;
	color:#fff;
	font-size:11pt;
}

.forms input {
	border:solid 1px #B2B2B2;
	width: 220px;	
}

.forms input.dates {
	border:solid 1px #B2B2B2;
	width: 100px;
	color: #333;
	font-size: 12px;
	height: 15px;
	margin-bottom:5px;
	padding: 3px 3px 3px 3px;
	float:left;
	clear:none;	
}


.forms [type=radio] {
	border:none;
	width: 15px;
	vertical-align:center;
}

.forms textarea {
	width: 236px;
	height:85px;
	margin-bottom:5px;
	vertical-align: top;
	margin-left:0;
	float:left;
	border:solid 1px #B2B2B2;
	color:#333;
}

.forms select {
	width: 230px;
	margin-bottom:5px;
	vertical-align: top;
	margin-left:0;
	float:left;
	border:solid 1px #B2B2B2;
	color:#333;
}

.forms button {
	clear:none;
	float:left;
	margin:20px 0 0 145px;
	padding:2px;
}

.forms button.reset {
	margin:20px 0 0 5px;
	padding:2px;
	float:left;
	clear:none;
}

.forms input.box {
	color: #333;
	font-size: 12px;
	width: 230px;
	height: 15px;
	margin-bottom:5px;
	padding: 3px 3px 3px 3px;
	float:left;
	clear:none;
}

legend {
	font-weight:bold;
	font-size:14px;
	padding:5px 5px 10px 5px;
	color:#333;
}

label {
	margin:3px 15px 0 30px;
	padding:0;
	font-size:12px;
	color:#000;
	float:left;
	clear:left;
	width:100px;
}

label.dates {
	margin:0;
	padding:3px 3px 0 3px;
	font-size:12px;
	color:#000;
	float:left;
	clear:none;
	width:15px;
}

.forms h2 {
	margin:0 0 15px 30px;
	padding:0;
}

input.radio {
	float:left;
	vertical-align:middle;
}

label.radio {
	float:none;
	font-weight:bold;
	margin:0 0 0 5px;
	line-height:25px;
	padding:0;
}

.forms p {
	margin-left:28px;
}

/* forms - uploads */

fieldset.uploads {
	width: 500px;
	margin:0 0 0 0;
	padding:0px 20px 20px 10px;
	text-align:left;
	background-color:#fff;
	overflow:hidden;
	border:none;
}

#forms.uploads h1 {
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
	width:500px;
	height:50px;
	display:block;
	margin:0 0 0 0;
	padding:23px 0 0 25px;
	color:#fff;
	font-size:11pt;
}

.uploads input {
	border:solid 1px #B2B2B2;
	width: 220px;
	margin:0 0 8px 0;	
}

.uploads input.dates {
	border:solid 1px #B2B2B2;
	width: 100px;
	color: #333;
	font-size: 12px;
	height: 15px;
	margin-bottom:5px;
	padding: 3px 3px 3px 3px;
	float:left;
	clear:none;	
}


.uploads [type=radio] {
	border:none;
	width: 15px;
	vertical-align:center;
}

.uploads textarea {
	width: 236px;
	height:85px;
	margin-bottom:5px;
	vertical-align: top;
	margin-left:0;
	float:left;
	border:solid 1px #B2B2B2;
	color:#333;
}

.uploads select {
	width: 230px;
	margin-bottom:5px;
	vertical-align: top;
	margin-left:0;
	float:left;
	border:solid 1px #B2B2B2;
	color:#333;
}

.uploads button {
	clear:none;
	padding:2px;
	height:24px;
	font-size:12px;
	padding:0px 0 5px 0;
	margin:0 0 0 3px;
}

.uploads button.reset {
	margin:20px 0 0 5px;
	padding:2px;
	float:left;
	clear:none;
}

.uploads input.box {
	color: #333;
	font-size: 12px;
	width: 230px;
	height: 15px;
	margin-bottom:5px;
	padding: 3px 3px 3px 3px;
	float:left;
	clear:none;
}

label.uploads {
	margin:0;
	padding:3px 3px 0 3px;
	font-size:12px;
	color:#000;
	float:left;
	clear:none;
	width:15px;
}

.forms h2 {
	margin:0 0 15px 30px;
	padding:0;
}

/* sharepoint */
.sharepoint {float:left;clear:none;margin:0 25px 15px 0;}

/* tool-tip */
.help-tip{
    position: absolute;
    top: 0px;
    left: 274px;
    text-align: center;
    background-color:#FF6600;
    border-radius:10%;
    width: 21px !important;
    height: 21px !important;
    font-size: 12px;
    line-height: 24px;
    cursor: default;
}

.help-tip2{
	position:relative;
    top: -27px;
    left: 444px;
    text-align: center;
    background-color:#FF6600;
    border-radius:10%;
    width: 21px !important;
    height: 21px !important;
    font-size: 12px;
    line-height: 24px;
    cursor: default;
}

.help-tip-none {
	position:relative;
    top: -29px;
    left: 444px;
    text-align: center;
    background-color:transparent;
	background-image:url(images/home-background.png);
	background-repeat:no-repeat;
	background-position:left center;
    border-radius:10%;
    width: 21px !important;
    height: 21px !important;
    font-size: 12px;
    line-height: 24px;
    cursor: default;
}

@-moz-document url-prefix() {
    /* firefox */
	.help-tip2 {
	position:relative;
    top: -29px;
    left: 444px;
    text-align: center;
    background-color:#FF6600;
    border-radius:10%;
    width: 21px !important;
    height: 21px !important;
    font-size: 12px;
    line-height: 24px;
    cursor: default;
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.help-tip{
    position: absolute;
    top: 0px;
    left: 274px;
    text-align: center;
    background-color:#FF6600;
    border-radius:10%;
    width: 21px !important;
    height: 21px !important;
    font-size: 12px;
    line-height: 24px;
    cursor: default;
}
.help-tip2{
	position:relative;
    top: -27px;
    left: 444px;
    text-align: center;
    background-color:#FF6600;
    border-radius:10%;
    width: 21px !important;
    height: 21px !important;
    font-size: 12px;
    line-height: 24px;
    cursor: default;
}
.help-tip-none {
	position:relative;
    top: -27px;
    left: 444px;
    text-align: center;
    background-color:transparent;
	background-image:url(images/home-background.png);
	background-repeat:no-repeat;
	background-position:left center;
    border-radius:10%;
    width: 21px !important;
    height: 21px !important;
    font-size: 12px;
    line-height: 24px;
    cursor: default;
}
}

.help-tip:before, .help-tip2:before{
    content:'?';
    font-weight: bold;
    color:#fff;
}

.help-tip:hover p, .help-tip2:hover p{
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

.help-tip p, .help-tip2 p{	/* The tooltip */
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 10px 18px !important;
    width: 265px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px !important;
    line-height: 1.4;
	z-index:1;
}

.help-tip p:before, .help-tip2 p:before{ /* The pointer of the tooltip */
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#1E2021;
    right:10px;
    top:-12px;
}

.help-tip p:after, .help-tip2 p:after{ /* Prevents the tooltip from being hidden */
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
    0% { 
        opacity:0; 
        transform: scale(0.6);
    }

    100% {
        opacity:100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:100%; }
}

/* back to top */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(40, 72, 100, 0.8) url(../../scripts/back-to-top/img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #284864;
  opacity: 1;
}

/* footer */

#footer {
	/*background-image:url(images/footer-narrow.png);
	background-repeat:no-repeat;
	background-position:left top;*/
	/*width:900px;*/
	width:100%;
	height:100%;
	padding:0;
	margin:0px auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	/*background-image:url(images/footer-top.png);
	background-repeat:repeat-x;
	background-position:left top;*/
	background-color:#fff;
	float:left;
	clear:both;
}

#footerbottom {
	/*width:871px;*/
	width:100%;
	height:100%;
	/*background-color:#005699;*/
	/*background-image:url(images/footer-bottom.png);*/
	background-repeat:no-repeat;
	background-color:#333;
	/*background-color:#5E483C;*/
	/*background-image:url(images/new-footer-background.png);
	background-repeat:repeat-x;
	overflow:hidden;*/
	padding:30px 0 30px 0px;
	margin:15px auto 0 auto;
	float:left;
	/*clear:both;*/
	background-attachment: scroll;	/*background-attachment: scroll;
	background-color: #ffffff;
	background-position: 0px 0px;/*	/*border-left:solid 1px #5E483C;
	border-right:solid 1px #5E483C;*/
}

.footerbottom {
	padding:0;
	margin:0 auto 0 auto;
	max-width:875px;
	width:100%;
}

.footerbottom div {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
	max-width:210px;
}

.footerbottom div.first {
	padding:0 0 0 15px;
	margin:0 0 0 0;
	width:100%;
	max-width:200px;
	float:left;
	display:none;
}

.footerbottom .footer-copyright {
	width:auto;
	max-width:none;
	padding:10px 0 0 0;
	margin:0 auto;
	text-align:center;
	clear:both;
}

.footerbottom .footer-copyright p {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#999;
	font-weight:normal;
	padding:0;
	margin:0;
	
}

.footerbottom .footer-copyright p a {
	color:#98bfdd;
	text-decoration:none;
}

.footerbottom p a:hover {
	color:#ccc;
	text-decoration:underline;
}
/*.footerbottom .footer-logo {
	background-image:url(images/naphcare-logo-footer.png);
	width:149px;
	height:49px;
	float:right;
	clear:both;
	background-repeat: no-repeat;
    background-position: center bottom; 
}*/

.footerbottom h3 {
	margin:0;
	padding:0 0 5px 0;
	font-size:1rem;
	color:#98bfdd;
	font-weight:normal;
}

.footerbottom h3 a {
	color:#444;
	font-weight:bold;
	text-decoration:none;
}

.footerbottom h3 a:hover {
	color:#666;
	font-weight:bold;
}

div.footerbottom ul {
	padding:0;
	margin:0 0 12px;
	list-style-type:none;
}

div.footerbottom ul li {
	margin:0;
	padding:0;
}

div.footerbottom ul li a {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:11pt;
	color:#999;
	font-weight:normal;
	text-decoration:none;
}

div.footerbottom ul li a:hover {
	color:#ccc;
	text-decoration:underline;
}

#smalltopnav .fa-bars {display:none;}
#smalltopnav ul li .fa-bars {display:none;}

#smalltopnav {
	margin:0 auto;
	margin-top:-2.5rem;
	padding:0;
	max-width:920px;
	/*background-color:#0292B1;*/
	/*background-color:#005299;*/
	/*background-color:#274D6D;*/
	/*background-color:#274E6E;*/
	/*height:41px;*/
}

#smalltopnav .navbar {
	float:right;
	line-height:1.5rem;
}

#smalltopnav ul {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 0;
	list-style-type:none;
	float:left;
	width:100%;
}

#smalltopnav ul li {
	display:inline;
	float:right;
}

#smalltopnav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.82rem;
	font-weight:normal;
	color:#0094c7;;
	text-decoration:none;
	padding:14px 18px 0 10px;
}

#smalltopnav ul li a.divider {
	background-image: url(images/divider.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	height: 10px;
	width: 2px;
}

#smalltopnav ul li a.current {
	background-image:url(images/down-arrow-white.png);
	background-repeat:no-repeat;
	background-position:center 0;
}

#smalltopnav ul li a:hover {
	color:#444;
	text-decoration:none;
}

.welcome-user {
    color: #444;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;
	margin-top: -30px;
    margin-right:50px;
}

.topnav li {
  overflow: hidden;
  /*background-color: #333;*/
}

.topnav li a {
  float: left;
  /*display: block;*/
  color: #f2f2f2;
  text-align: center;
  padding: 0px;
  text-decoration: none;
  font-size: 17px;
}

/*.topnav a:hover {
  background-color: #ddd;
  color: black;
}*/

/*.active {
  background-color: #4CAF50;
  color: white;
}*/

.topnav .icon {
  display: none;
}

/* bootstrap */
/*.navbar {padding-left:0rem;}
.navbar-nav .nav-link{
  color: #444 !important;
  font-size: 1.09rem !important;
  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.navbar-nav a:hover {
	color:#333 !important;
}*/

nav {
	/*background-image:url(images/nav-background-bottom.png);
	background-repeat:repeat-x;*/
	background-image:none;
	/*margin-top:.6rem;*/
	/*background-color:#274D6D;color:#fff;*/
	/*background-color:#efefef;
	color:#444;*/
	background-color:transparent;color:#ffffff;margin-top:0;
	
}

.nav {background-color:#20506e;}

.navbar {
	padding-bottom:0rem;
	padding-left:0rem;
	line-height:2.2rem;
	padding:0rem 0rem !important;
	z-index:100;
}

.navbar a {
	color:#ffffff;
}

.navbar a:hover {color:#ccc}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #274D6D;
	
}

.navbar a.active {
    	border-right:none;
		border-left:none;
		background-color:#0094c7;
		color:#fff;
	}

/*.navbar-nav {
    background-color:#efefef;
	margin-top:.3rem;
}*/

.navbar-nav .nav-link {
	padding-left:1.5rem;
	padding-right:1.5rem;
}

.navbar-toggler {
    padding: .2rem .5rem;
    /*border: 1px solid #ccc;*/
    margin-left: .75rem;
    margin-top: .4rem;
	margin-bottom: .4rem;
}

.dropdown-menu {
	margin:0;
	font-size:.8rem;
	padding:0;
	border: 1px solid rgba(0,0,0,.25);
    border-radius: .25rem;
	border-top-left-radius: 0rem;
	border-top-right-radius: 0rem;	
	background-color:#FFFFFF;
	border-top:none;
	-webkit-box-shadow: none !important;
	/*-webkit-box-shadow: 3px 6px 4px 1px rgba(0, 0, 0, 0.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:none !important;
  /*-moz-box-shadow:    3px 6px 4px 1px rgba(0, 0, 0, 0.2);  /* Firefox 3.5 - 3.6 */
  /*box-shadow:         3px 5px 4px 1px rgba(0, 0, 0, 0.2);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	box-shadow:none !important;
}

.dropdown-item {
	padding:.35rem 1.5rem;
	line-height:1.5rem;
	width:auto;

}

.nav-item {
	/*border-right: solid 1px #BFBFBF;*/
	border-right:none;
	}

li.nav-item a {
		border-right:1px dotted transparent;
		border-left:1px dotted transparent;
}
li.nav-item.show a {
		border-right:none;
		border-left:none;
		border-right:1px dotted #cccccc;
		border-left:1px dotted #cccccc;
		/*background-color:#0094c7;*/
		background-color:#006E93;
		
}
li.nav-item.show ul.list-unstyled li a {
		border-right:none;
		border-left:none;
		background-color:transparent;
		line-height:1.4rem;
}
li.nav-item.show ul.list-unstyled li a:hover {
		border-right:none;
		border-left:none;
		background-color:transparent;
		color:#0094c7;
		
	}
	
.dropdown-divider {
    margin:0;
	border-top:1px solid #C7C6C6;
}

/* mdb */
.navbar .dropdown-menu a{
	padding:.35rem 1.5rem;
	font-size:0.8rem;
	font-weight:300;
	color:#000;
} 

.navbar{
box-shadow:none !important;
font-weight:100;
} 

.card, .navbar{
	box-shadow:none !important;
-webkit-box-shadow: none !important;
}

.megamenu {
  	position: static;
	}

	.megamenu .dropdown-menu {
	  background: none;
	  border: none;
	  width: 100%;
	}
	.navbar .dropdown-menu a {
    padding: 0rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 300;
    color: #444;
	}
	.navbar .dropdown-menu a:hover {
    
    color: #444;
		
	}
	
	.bg-naphcaredarkblue {
		background-color:#20506e;
		background-color:#fff;
		background-color:#F7F7F7;
	
	}
	.text-naphcarelightblue {
		color:#98bfdd;
	}
	.text-naphcaremedblue {
		color:#0094c7;
	}
	/* buttons */
	.btn-primary.disabled, .btn-primary:disabled, .btn-primary.disabled, .btn-primary:disabled:hover {
    color: #fff;
    background-color: #5A5959;
    border-color: #5A5959;
    }
	.btn-primary:hover {
        background-color: #006E93;
        border-color: #006E93;
        color: #fff;
    }

	.btn-info {
		background-color:#0094c7;
		border-color: #0094c7;
	}

	.btn-info:hover {
		background-color: #006E93;
        border-color: #006E93;

	}

	.btn-naphcaremedblue {
		background-color:#0094c7;
	}

	.btn-group-sm > .btn, .btn-sm{
		font-size: 0.8rem;
	}

	.dashboard-btn-intro {
		float:right;
		padding-right:.3rem;
	}

	.page-item.active .page-link {
			z-index: 1;
			color: #fff;
			background-color: #0094c7;
			border-color: #0094c7;
		}
		
	.page-link {
			position: relative;
			display: block;
			padding: .5rem .75rem;
			margin-left: -1px;
			line-height: 1.25;
			color: #0094c7;
			background-color: #fff;
			border: 1px solid #dee2e6;
		}
				
	div.intro-heading {
		width:100%;
		background-color: #E8E8E8;
		float:left;
		padding: .75rem 0 .75rem 1.2rem;
	}

	h3.intro-review {
		float:left;
		background-color:transparent;
		color: #000;
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 7px 0 7px 0;
		text-transform: uppercase;
		font-weight: normal;
		clear: both;

	}

	.dashboard-btn-main .btn-primary, .dashboard .btn {
		border-color: #0094c7;
		background-color: #0094c7;
	}

	.dashboard-btn-main a.btn-primary, .dashboard a.btn {
		border-color: #0094c7;
		background-color: #0094c7;
		color: #fff;
		padding: .25rem .5rem;
		font-size: .8rem;
		line-height: 1.5;
		border-radius: .2rem;
	}

	.dashboard-btn-main a.btn-primary:hover, .dashboard a.btn:hover {
		background-color: #006E93;
		border-color: #006E93;
		color: #fff;
		padding: .25rem .5rem;
		font-size: .8rem;
		line-height: 1.5;
		border-radius: .2rem;

	}

	.icons-dashboard {
		margin: 5px 0 8px 0;
	}

	.dashboard-btn, .dashboard-btn-main  {
		float:right;
		padding-right:.3rem;
		padding-bottom:.5rem;
	}



/*.btn-naphcaregreen {
	background-color:#
}*/


    /* Large desktop */
    @media (min-width: 1200px) {
	/*.dropdown:hover>.dropdown-menu {
		  display: block;
		}*/
		*, ::after, ::before {
    /*box-sizing: content-box;*/
}
	}
	
	

	/*	.dropdown-submenu {
		position: relative !important;
	}

		.dropdown-submenu>.dropdown-menu {
			top: 0 !important;
			left: 100% !important;
			margin-top: -6px !important;
			margin-left: -1px !important;
			border-radius: 0 !important;
		}

		.dropdown-submenu:hover>.dropdown-menu {
			display: block !important;
		}

		.dropdown-submenu>a:after {
			display: block;
			content: "\f105";
			font-family: 'FontAwesome';
			margin-top: -18px;
			right: 15px;
			position: absolute;
			font-weight: 300;
		}
	}*/
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 
		.maincontent {
			width:auto;
			max-width:100%;
		}
		
		nav {margin-top:0;}
		
		#smalltopnav ul li .fa-bars {display:inline-block;}
#smalltopnav ul li a.current {background-image:none;}
	.topnav a:not(:first-child) {display: none;}
	.topnav li a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  #smalltopnav {height:auto;position:absolute;width:100%;}
  #smalltopnav ul li a {padding-bottom:13px;}
  #logo {margin-top:35px;}
	
  /*.social-icons {margin-top:50px;}*/
  
  .header-contents {
	height:auto;
}
.topnav.responsive {position: relative;z-index:1002;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;color:#fff;
  }
		
	}
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
		.maincontent {
			width:auto;
			max-width:100%;
		}
		#smalltopnav ul li .fa-bars {display:inline-block;}
		#smalltopnav ul li a.current {background-image:none;}
			.topnav a:not(:first-child) {display: none;}
			.topnav li a {display: none;}
		  .topnav a.icon {
			float: right;
			display: block;
		  }
  
		  #smalltopnav {height:auto;position:absolute;width:100%;}
		  #smalltopnav ul li a {padding-bottom:13px;}
		  #logo {margin-top:0;}
		  /*.social-icons {margin-top:50px;}*/

		  .header-contents {
			height:auto;
			}
		  .topnav.responsive {position: relative;z-index:1002;}
		  .topnav.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
		  }
		
		  .topnav.responsive a {
			float: none;
			display: block;
			text-align: left;color:#fff;
			
		  }
		
		nav {margin-top:0;}
		
	
}
     
    /* Landscape phones and down */
    @media (max-width: 480px) { 
		#sidenavmenu {display:none;}
		.maincontent2 {width:80%}
		fieldset.forms2 {width: 90%;}
		nav {margin-top:0;}
		
		
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
#footerbottom {padding:30px 0;}
.footerbottom {max-width: none;width: auto;}
.footerbottom div.first {float:none;text-align:center;max-width:none;padding:0;}
#smalltopnav ul li .fa-bars {display:inline-block;}
#smalltopnav ul li a.current {background-image:none;}
	.topnav a:not(:first-child) {display: none;}
	.topnav li a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  #smalltopnav {height:auto;position:absolute;width:100%;}
  #smalltopnav ul li a {padding-bottom:13px;}
  /*.social-icons {margin-top:50px;}*/
  
  .header-contents {
	height:auto;
}
.topnav.responsive {position: relative;z-index:1002;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;color:#fff;
	
  }
  .dropdown-menu {
	margin-right:.5rem;
	margin-left:.8rem;
	}
	.navbar-nav {border-bottom: 1px solid #ccc;}
	
	.nav-item {
    border-right: none;
}
nav {margin-top:0;}
.social-icons {

    right: 1rem;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */


}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
form#user_form, form#newssubmission, form#remove_user_form {
    background-image: none;
    border:none;
}
.footerbottom div.first {float:none;text-align:center;}
}


@media (max-width: 768px) {
		.container {
			max-width: 100%;
			margin:0;
			padding-right:0;
			padding-left:0;
		}
	li.nav-item.show a {
		border-right:none;
		border-left:none;
		background-color:#276389;
		
	}
	
	#sidenavmenu {display:none !important;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.maincontent {
	width:auto;
	max-width:100%;
}
		
.maincontent-home { 
  max-width: 100%;
}

.newswrapper p {
    max-width: 100%;
    width: 100%;
}
	#sidenavmenu {display:none !important;}
	#footer {position:fixed;bottom:0;height:auto;}
	.footerbottom div.first {display:none;}
	.ddsmoothmenu {display:none;}
	/*#smalltopnav ul {display:none;}
	#smalltopnav .fa-bars {color:#fff;display:block;}*/
	#smalltopnav ul li .fa-bars {display:inline-block;}
	.topnav a:not(:first-child) {display: none;}
	.topnav li a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  #smalltopnav {height:auto;width:100%;}
  #smalltopnav ul li a {padding-bottom:13px;}
  #logo {margin-top:0;}
  .social-icons {margin-top:0;}
  
  .header-contents {
	height:auto;
	padding:0 20px;
}
nav {margin-top:0;}
	#logo {margin-top: 0;}
	
}

@media all and (min-width:992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	
  }
  .social-icons {right:0;}
  .name {right:0;}
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
#innerwrapper {
    max-width:none;
    margin: 0 5px 0 0px;
    padding: 0;
}
	
	nav {margin-top:0;}
	#sidenavmenu {display:none !important;}

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
	#sidenavmenu {display:none !important;}

}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	body {background-color:transparent;}
	#sidenavmenu {display:none;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	body {background-color:transparent;}
	#sidenavmenu {display:none !important;}
}

/**********
iPad Pro
**********/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	#sidenavmenu {display:none !important;}
	.newsouterwrapper {width:100%;}
	.maincontent-home {width:100%;max-width:100%;}
	

}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	#sidenavmenu {display:none !important;}

}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	#smalltopnav ul li .fa-bars {display:inline-block;}
	.topnav a:not(:first-child) {display: none;}
	.topnav li a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  #smalltopnav {height:auto;width:100%;}
  #smalltopnav ul li a {padding-bottom:13px;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
	#smalltopnav ul li .fa-bars {display:inline-block;}
	.topnav a:not(:first-child) {display: none;}
	.topnav li a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  #smalltopnav {height:auto;width:100%;}
  #smalltopnav ul li a {padding-bottom:13px;}
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	#smalltopnav ul li .fa-bars {display:inline-block;}
	.topnav a:not(:first-child) {display: none;}
	.topnav li a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  #smalltopnav {height:auto;width:100%;}
  #smalltopnav ul li a {padding-bottom:13px;}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
	#smalltopnav ul li .fa-bars {display:inline-block;}
	.topnav a:not(:first-child) {display: none;}
	.topnav li a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  #smalltopnav {height:auto;width:100%;}
  #smalltopnav ul li a {padding-bottom:13px;}
	
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
form#user_form, form#newssubmission, form#remove_user_form {
    background-image: none;
    border:none;
}
.footerbottom div.first {float:none;text-align:center;padding:0;max-width:none;}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}