@charset "UTF-8";
/* CSS Responsive Landing Page */
/* PO */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
p,h1, h2, h3, h4,h5,h6, body, html, td, th {
	margin: 0;
	padding: 0;
	border: 0 none;
}
/* html{background-color: #2c2c2c;} */
body {
	text-align: center;
	font-family: 'Lato', sans-serif; 
	font-weight: 400;
	font-size: 16px;
	max-width: 1920px;
	margin: 0 auto;
	}
figure img {
	width: 100%;
}
/* * * * * * * * * * * * * * * * * * * * HEADLINE H1 * * * * * * * * * * * * * * * * * * * */
h1 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #ffffff;
	width: 100%;
	font-size: 3em;
	line-height: 1.2em;
	display: block;
	text-align:left;
	/* max-width: 60%; NEW NEW U */ 
	z-index: 900;
	/* padding: 5% 20% 0 20%; */
}
#content-white h1 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #022342;
	width: 100%;
	font-size: 2em;
	line-height: 1.2em;
	display: block;
	text-align:left;
	max-width: 90%; 
	z-index: 900;
	/* padding: 5% 20% 0 20%; */
}
h1.mainpages {
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #022342;
	width: 100%;
	font-size: 2em;
	line-height: 1em;
	display: block;
	text-align:left;
	max-width: 90%; 
	z-index: 900;
	padding: 2% 0 0 5%;
}
h2 {
	font-family: 'Libre Baskerville', serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 2.2em;
	line-height: 1em;
	display: block;
	padding-bottom: .5em;
	text-align: center;
	z-index: 900;
}
h6 {
	font-family: 'Libre Baskerville', serif;
	font-weight: bold;
	font-style: italic;
	color: #022342;
	font-size: 1em;
	line-height: 1.4em;
	display: block;
	padding: 1% 5%;
	text-align: left;
	z-index: 900;
}


/* * * * * * * * * * * * * * * * * * * * BASIC P and LIST STYLES * * * * * * * * * * * * * * * * * * * */
p {
	font-family: 'Lato', sans-serif; 
	font-size: 1.3em; 
	font-weight: 400;
	color: #022342;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: left;
	}
ul {
	font-family: 'Lato', sans-serif; 
	list-style-type: disc;
	padding-bottom: 1em;
	display: block;
	margin: 0;
	text-align: center;
}
ol {
	font-family: 'Lato', sans-serif; 
	list-style-type:decimal;
	padding-bottom: 1em;
	display: block;
}
.benefits-nav ul {
	font-family: 'Lato', sans-serif; 
	margin-left: 1em;
	list-style-type: disc;
	padding-bottom: 1em;
	display: block;
	width: 80%;
}
li {
	font-family: 'Lato', sans-serif; 
	font-size: 1em; 
	font-weight: 400;
	color: #194a84;
	letter-spacing: .4px;
	line-height: 1.6em; /* 1.3em; */
	text-align: left;
	padding-bottom: 1em;
	padding-right: 10%;
	}
	
/* * * * * * * * * * * * * * * * * * * * PLAIN A LINK * * * * * * * * * * * * * * * * * * * */
a {
	color:#ffffff;
	font-weight: 400;
}
a:link, a:visited {
	color:#ffffff;
	text-decoration: none;
}
a:hover, a:active {
	color: #022342;
	text-decoration: none;
}

/* * * * * * * * * * * * * * * * * * * * EMERGENCY LINKS * * * * * * * * * * * * * * * * * * * */
a.red:link, a.red:visited {
	color:#cc0000;
	text-decoration: none;
}
a.red:hover, a.red:active {
	color: #cc0000;
	text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * * * SAFETY LINKS * * * * * * * * * * * * * * * * * * * */
#safety a:link, #safety a:visited {
	color:#cc0000;
	text-decoration: none;
}
#safety a:hover, #safety a:active {
	color: #cc0000;
	text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * * * H4 LINKS * * * * * * * * * * * * * * * * * * * */
a.h4:link, a.h4:visited {
	color: #cc0000;
	text-decoration: none;
}
a.h4:hover, a.h4:active {
	color: #cc0000;
	text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * * * MAIN WRAPPERS - COLOR BANDS * * * * * * * * * * * * * * * * * * * */
.wrapper-navy, 
.wrapper-transparent,
.wrapper-blue,
.wrapper-nav, 
.wrapper-white {
	width: 100%;
	text-align: center;
	position: relative;
	display: block;
	z-index: 0;
}
.wrapper-navy  {
	background-color: #022342;
	min-height: 6em;
	z-index: 10;
	width: 100%;
	margin: 0 auto;
}
.wrapper-nav {
	background-color: #194a84;
	z-index: 10;
	width: 100%;
	margin: 0 auto;
}
.wrapper-transparent  {
	background: transparent;
	z-index: 10;
	width: 100%;
	margin: 2em auto 0;
}
.wrapper-blue  {
	background-color: #194a84; 
	z-index: 10;
	width: 100%;
	margin: 0 auto 0;
}
.wrapper-white {
	background-color: #ffffff;
	min-height: 8em;
	z-index: 10;
	width: 100%;
	margin: 0 auto;
}
/*NEW*/
.wrapper-white#world {
	background-color: #ffffff;
	z-index: 10;
	width: 100%;
	margin: 0 auto;
}
.wrapper-red {
	background-color: #cc0000;
	min-height: 4em;
	z-index: 10;
	width: 100%;
	margin: 0 auto;
}

/* * * * * * * * * * * * * * * * * * * * CONTENT PANELS * * * * * * * * * * * * * * * * * * * */
.content {
	background-color: #ffffff;
	margin: 0 auto;
	max-width: 75em;
	text-align: left;
	z-index: 0;
	overflow: hidden;
}
.content-navy {
	background: transparent;
	margin: 0 auto;
	max-width: 75em;
	text-align: left;
	z-index: 0;
	padding: 2% 2% 2% 4%;
	overflow: hidden;
}
.content-nav {
	background: transparent;
	margin: 0 auto;
	padding: 0;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	overflow: hidden;
	display: block;
}
.content-navy-center {
	background: transparent;
	margin: 0 auto;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	padding: 2%;
	overflow: hidden;
}
.content-footer {
	background: transparent;
	margin: 0 auto;
	max-width: 75em;
	text-align: left;
	z-index: 0;
	padding: 2%;
	overflow: hidden;
}
.content-blue {
	background: transparent;
	margin: 0 auto;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	padding: 0;
	overflow: hidden;
}
.content-red {
	background: transparent;
	margin: 0 auto; 
	max-width: 75em; 
	text-align: center;
	z-index: 0;
	padding: 1em;
	overflow: hidden;
}
/* * * * * * * * * * * * * * * * * * * * CONTENT WHITE BLOG & ARTICLE PANELS * * * * * * * * * * * * * * * * * * * */
.content-white {
	background: #ffffff;
	margin: 0 auto;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	padding: 1em 0;
	overflow: hidden;
	margin: 2% auto 2% auto!important;
}
.content-white h1 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	color: #022342;
	font-size: 2em;
	line-height: 1.2em;
	display: block;
	max-width: 100%; 
	float: left; 
	z-index: 900;
	padding: 2% 2% 2% 5%;
	
}
.content-white h2 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #022342;
	font-size: 1.8em;
	line-height: 1em;
	display: block;
	padding: 2% 5% ;
	text-align: center; /* left; */
	z-index: 900;
}
.content-white-left {
	background: #ffffff;
	margin: 0 auto;
	max-width: 75em;
	text-align: left;
	z-index: 0;
	padding: 1em 0 2em;
	overflow: hidden;
}
.content-white-text {
	background: #ffffff;
	margin: 0 auto;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	padding: 1em 0 2em;
	overflow: hidden;
}
.content-white-text h1, .content-white-left h1 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	color: #022342;
	font-size: 2em;
	line-height: 1.2em;
	display: block;
	max-width: 100%; 
	float: left; 
	z-index: 900;
	padding: 2% 2% 2% 5%;
	
}
.content-white-text h2, .content-white-left h2 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	color: #022342;
	font-size: 1.5em;
	line-height: 1.3em;
	display: block;
	padding: 2% 5% ;
	text-align: left;
	z-index: 900;
}
.content-white-blog {
	background: #ffffff;
	margin: 0 auto;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	padding: 1em 0;
	overflow: hidden;
	border-bottom: 1px solid #022432;
}
.content-white-blog h1 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	color: #022342;
	font-size: 2em;
	line-height: 1em;
	display: block;
	max-width: 60%; 
	float: left; 
	z-index: 900;
	padding: 2% 2% 2% 5%;
	
}
.content-white-blog h2 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	color: #022342;
	font-size: 1.9em;
	line-height: 1.5em;
	display: block;
	padding: 2% 5% ;
	text-align: left;
	z-index: 900;
}
/*NEW*/
.wrapper-white#world .content-white  {
	display: inline-block;
	padding: 0;
}
.wrapper-white#world .content-white .worldimages {
	display: inline-block;
	padding: 0;
	margin: 0;
}
.wrapper-white#world .content-white .worldimages img {
	width: 33%;
}
/* * * * * * * * * * * * * * * * * * * * ARTICLES: CONTENT WHITE TEXT  * * * * * * * * * */
.content-white-text h3, .content-white-left h3 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	color: #022342;
	font-size: 1.3em;
	line-height: 1.2em;
	display: block;
	padding: 2% 5% ;
	text-align: left;
	width: 70%;
	z-index: 900;
}
.content-white-text h4, .content-white-left h4 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	color: #022342;
	font-size: 1.1em;
	line-height: 1.2em;
	display: block;
	padding: 1% 5% ;
	width: 70%;
	text-align: left;
	z-index: 900;
}
.content-white-text h5, .content-white-left h5 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	color: #022342;
	font-size: 1.5em;
	line-height: 1.4em;
	display: block;
	padding: 2% 5% ;
	text-align: center;
	z-index: 900;
}
.content-white-text h6, .content-white-left h6 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-style: italic;
	color: #022342;
	font-size: 1em;
	line-height: 1.3em;
	display: block;
	padding: 1% 5%;
	width: 70%;
	text-align: left;
	z-index: 900;
}
.content-white-text p, .content-white-left p {
	font-family: 'Lato', sans-serif; 
	font-size: 1.1em;
	line-height: 1.6em; 
	font-weight: 400;
	color: #022342;
	letter-spacing: .4px;
	text-align: left;
	padding: 1% 10%; /* 1% 10% 2%; */
}
.content-white-text p.first, .content-white-left p.first {
	font-family: 'Lato', sans-serif; 
	font-size: 1.2em; 
	font-weight: 400;
	color: #022342;
	letter-spacing: .4px;
	line-height: 1.5em;
	text-align: left;
	padding: 1% 5%;
}
.content-white-text ul, .content-white-left ul {
	font-family: 'Lato', sans-serif; 
	font-size: 1.1em;
	line-height: 1.6em;  
	font-weight: 400;
	color: #022342;
	letter-spacing: .4px;
	text-align: left;
	padding: 1% 10%;
	list-style-type: disc;
}
.content-white-text ol, .content-white-left ol {
	font-family: 'Lato', sans-serif; 
	font-size: 1.1em;
	line-height: 1.6em; 
	font-weight: 400;
	color: #022342;
	letter-spacing: .4px;
	text-align: left;
	padding: 1% 10%;
	list-style-type: decimal;
}
.content-white-text li, .content-white-left li {
	padding: .5%; 
	/* padding: 1% 1% 3% 1%; */
	margin: 0 5%;
		color: #022342;
}
.content-white-text a:link, .content-white-text a:visited,
.content-white-left a:link, .content-white-left a:visited {
	color: #cc0000;
	text-decoration: none;
	font-size: 1.05em;
	line-height: 1.6em; 
	font-weight: 400;
}
.content-white-text a:hover, .content-white-text a:active,
.content-white-left a:hover, .content-white-left a:active {
	color: #cc0000;
	text-decoration: underline;
	font-size: 1.05em;
	line-height: 1.6em; 
	font-weight: 400;
}

/* * * * * * * * * * * IFRAME VIDEO ON ARTICLE PAGES * * * * * * * * * */
.content-white-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
.content-white-video2 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow: hidden;
	margin-left: 7%; 
}
.content-white-video iframe, .content-white-video2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* * * * * * * * * * * IMAGES ON ARTICLE PAGES * * * * * * * * * * * * */
figure {
	margin: 1% auto;
	text-align: center;
}
figcaption {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-style: italic;
	color: #022342;
	font-size: 1em;
	line-height: 1.1em;
	display: block;
	padding: 1% 5%;
	text-align: center;
	z-index: 900;
}
figure img.large {
	display: block;
	margin: 1% auto;
}
figure img.small {
	display: none;
}
figure img.horiz{ /* Image in Text Column of Article */
	/* float: left; */
	margin: 0 auto;
	padding: 2% 10%;
	width: 70%;
}
figure img.vert { /* Image in Text Column of Article - left aligned */
	float: left;
	padding: 2% 2% 2% 10%;
	width: 30%;
}
figure img.left-sm { /* Image in Text Column of Article - left aligned */
	float: left;
	padding: 2% 2% 2% 10%;
	width: 20%;
}

figure img.horiz-small { /* Image in Text Column of Article */
	/* float: left; */
	margin: 0 auto;
	padding: 2% 2% 2% 10%;
	width: 45%;
}
figure img.right { /*Image in Text Column of Article*/
    float: right;
    padding: 2% 2% 2% 10%;
    width: 30%;
}
figure img.right-sm { /*Image in Text Column of Article*/
    float: right;
    padding: 2% 2% 2% 4%;
    width: 20%;
}
/* Classes that move the sizing of the image to the figure tag in order to keep the caption nested and aligned with the image: starting 14 September 2016-DW */
/* Changed HTML in all previous posts in DAN Member Stories, destinations, travel planning, health & safety, and boating safety: 14 Sept. 2016-DW */

figure.small {
    display: none;
    background-color: white;
}

figure.large {
    display: block;
    margin: 1% auto;
    background-color: white;
}

figure.horiz {
    margin: 0 auto;
    padding: 2% 10%;
    width: 70%;
    background-color: white;
}

figure.vert {
    float: left;
    padding: 2% 2% 2% 10%;
    width: 30%;
    background-color: white;
}
figure.left-sm {
    float: left;
    padding: 2% 2% 2% 10%;
    width: 20%;
    background-color: white;
}

figure.horiz-small {
    margin: 0 auto;
    padding: 2% 2% 2% 10%;
    width: 45%;
    background-color: white;
}

figure.right {
    width: 30%;
    background-color: white;
    float: right;
    padding: 2% 2% 2% 5%;
}
figure.right-sm {
	width: 20%;
    background-color: white;
    float: right;
    padding: 2% 2% 2% 4%;
}
/* * * * * * * * * * * * BLOG LINKS ON ALL PAGES * * * * * * * * * * * * * * */

.blog-link {
	padding-bottom: 1em;
	border-bottom: 1px solid #022342;
	float: left;
	margin: .5em 0;
	clear: right;
	width: 100%;
}
 figure img.desk {
	float: left;
	width: 45%;
	margin: 0 0 .5em 1em;
	clear: right;
	display: block;
}
 figure img.device {
	display: none;
}
.blog-link-text {
	float: left;
	width: 45%;
	margin-left: 3%;
}
.blog-link-text h2 {
	float: left;
	padding-bottom: .5em;
	font-size: 1.4em;
	line-height: 1.2em;
}
.blog-link-text h6 {
	float: left;
	font-size: .9em;
	line-height: 1.3em;
}
.blog-link-text p.first {
	float: left;
	font-family: 'Lato', sans-serif; 
	font-size: 1em; 
	font-weight: 400;
	color: #022342;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: left;
	padding-top: 1em;
	display: block;
	padding: 1% 5%;	
}
/* * * * * * * * * * * * * * * * * * MAIN BENEFIT IMAGES   * * * * * * * * * * * * * * * */
.content-top {
	background: url(images/boatingcouple.jpg) top center no-repeat #194a84;
	margin: 0 auto;
	max-width: 75em;
	height: 608px;
	z-index: 0;
	overflow: hidden;
}
/* * * UH * * */
#h1d, #h2d, #redbtnd {display: block;}
#h1t, #h2t, #redbtnt {display: none;}
#h1p, #h2p, #redbtnp {display: none;}

.content-top2 {
	margin: 0 auto;
	max-width: 75em;
	/* height: 650px; /* 608px; */
	z-index: 0;
	overflow: hidden;
}

.content-top2 h1 {
	/* float: left; */ 
	padding-bottom: .6em; /* .3em; */ 
	padding-top: .6em; /* .3em; */  
	/* padding-left: .3em; */
	font-size: 2.5em; /* 3em; */
	line-height: 1.3em; /* 1em; */  
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: #ffffff;
	width: 100%;
	display: block;
	text-align: center;
	/* max-width: 95%; */  
	z-index: 900;
}
.content-top2 h2 {
	/* float: left; */
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: #eeeeee;
	font-size: 1.8em;
	line-height: 1em;
	width: 100%;
	display: block;
	text-align: center;
	/* max-width: 95%; */
	z-index: 900;
	margin-top: 0.5em;
}

.content-white h3 {
	float: left;
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: #022342;
	font-size: 1.8em;
	line-height: 1em;
	width: 100%;
	display: block;
	text-align: center;
	max-width: 95%;
	z-index: 900;
	margin-top: .5em;
}
.mapcta {
	display: block;   
	text-align:right;
	max-width: 80%; 
	z-index: 900;
	/* margin: 1em; */
	margin-bottom: .5em;
	float: right;
	font-size: .8em;
	color:#b4b9ca;
}
.content-top#hotline {
	background: url(images/emergency-hotline-image-1200.jpg) top center #194a84 no-repeat;
	height: 608px;
}
.content-top#hotline img {
	z-index: 1;
}
.content-top#guide {
	background: url(images/medical-guide-image-1200.jpg) top center #194a84 no-repeat;
	height: 572px;
}
.content-top#evacuation {
	background: url(images/medical-evacuation-image-1200.jpg) top center #194a84 no-repeat;
	height: 608px;
}
.content-top#safety {
	background: url(images/travel-safety-image-1200.jpg) top center #194a84 no-repeat;
	height: 565px;
}
.content-top#travel {
	background: url(images/travel-planning-image-1200.jpg) top center #194a84 no-repeat;
	height: 608px;
}
.content-top#years {
	background: url(images/thirty-five-years-image-1200.jpg) top center #194a84 no-repeat;
	height: 542px;
}
.content-top#membership {
	background: url(images/annual-membership-image-1200.jpg) top center #194a84 no-repeat;
	height: 566px;
}
.content-top#members {
	background: url(images/members-image-1200.jpg) top center #194a84 no-repeat;
	height: 566px;
}
/* * * * * * * * * * * * * * * * * * RED BUTTON LINKS   * * * * * * * * * * * * * * * */
.content-top .buttonLink {
	display: block;
	text-align:left;
	max-width: 60%; 
	z-index: 900;
	padding: 1% 20% 2% 20%;
}
.content-top2 .buttonLink {
	display: block;  
	text-align:right;
	max-width: 90%; 
	z-index: 900;
	/*padding: 1% 10% 2% 2%;*/
	padding: 1% 1% 1% 1%;
	float: right;
} 
.content-white .buttonLink {
	display: block;
	max-width: 20%; 
	float: right;
	z-index: 900;
	padding: 1% 10% 2% 2%;
}
/* * * * * * * * * * * * * * * * * * SAFETY   * * * * * * * * * * * * * * * */
.content-white#safety  {	
	background: #ffffff;
	margin: 0 auto;
	max-width: 75em;
	text-align: left;
	z-index: 0;
	padding: 0;
	overflow: hidden;
	padding: 2% 0 0 0;
	background: url(images/redring.png) center bottom no-repeat #ffffff;
	height: 20em;
}

/* * * * * * * * * * * * * * * * * * OTHER * * * * * * * * * * * * * * * */
.content-white#other {	
	background: #ffffff;
	margin: 0 auto;
	max-width: 75em;
	text-align: left;
	z-index: 0;
	padding: 0;
	overflow: hidden;
	padding: 2% 0 0 0;
	height: 20em;
}

/* * * * * * * * * * * * * * * * * * * * BREADCRUMBS * * * * * * * * * * * * * * * * * * * *
#breadcrumbs {
	font-family: 'Lato', sans-serif; 
	font-size: .9em; 
	font-weight: 400;
	color: #ffffff;
	line-height: 1.1em;
	text-align: left;
	padding: .5em 0;
	}
#breadcrumbs a {
	color:#ffffff;
	font-weight: 400;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color:#ffffff;
	text-decoration: none;
}
#breadcrumbs a:hover, #breadcrumbs a:active {
	color: #000000;
	text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * * * HEADER * * * * * * * * * * * * * * * * * * * */
#header {
	text-align: left;
	color: #fff;
	max-width: 75em;
	display: block;
	padding: 2% 0;
}
#footer {
	background: transparent;
	color: #fff;
	max-width: 75em;	
	padding: 2em 0 12em 0;
}

p.tagline {
	color: #ffffff;
	font-size: .9em;
	margin-top: .5em;
	margin-right: 1em;
}
.years35 {
	max-width: 900px;
	float: left;
	z-index: 200;
}
/* * * * * * * * * * * * * * * * * * * * GOOGLE SEARCH BOX * * * * * * * * * * * * * * * * * * */ 
.serch {
	float: right;
	vertical-align: top;
	width: 15em;
	max-width: 15em;
	margin-top: 0;
	padding: 0 4em 0 0;
	z-index:500;
}
#searchbox {
	margin: 0 2em;
}
/* * * * * * * * * * * SEARCH BOX * * * * * * * * * * * * */

input.gsc-input {
	padding:0 0 .75em 0!important;
	background: #ffffff;
}

#gsc-iw-id1.gsc-input-box {
	padding:0 0 0 0!important;
	background: #ffffff;
	margin: 0 0 0 2em;
}

#gsc-i-id1.gsc-input {
	padding:0 0 0 0!important;
	height: 15px!important;
}
.gsc-search-button {
	text-indent:-14px!important;
	height: 15px!important;
	width: 15px!important;
	
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 18px!important;
	line-height: 25px!important;
}
.gsc-control-cse .gsc-table-result {
    font-family: 'Libre Baskerville',serif!important;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
    font-family: 'Lato',sans-serif!important;
    font-size: 14px!important;
	 line-height: 20px!important;
}

/* * * * * * * * * * * * * * * * * * * * JOIN * * * * * * * * * * * * * * * * * * */ 
.joinin {
	float: right;
	vertical-align: top;
	width: 15em;
	max-width: 15em;
	margin-top: 0;
	padding: 0 2em 1em 0;
	z-index:500;
}
.joinin a {
	font-weight: 400;
	font-size: 2em;
	text-decoration: none;
}
a.join {
	color: #cc0000;
}
a.login {
	color: #ffffff;
}

.joinin a.join:link,
.joinin a.join:visited  {
	text-decoration: none;
	color: #cc0000;
}
.joinin a.join:hover,
.joinin a.join:active  {
	text-decoration: underline;
	color: #cc0000;
}
.joinin a.login:link,
.joinin a.login:visited  {
	text-decoration: none;
	color: #ffffff;
}
.joinin a.login:hover,
.joinin a.login:active   {
	text-decoration: underline;
	color: #ffffff;
}
/* * * * * * * * * * * * * * * * * * * * MENU LINK * * * * * * * * * * * * * * * * * * */ 
.menulink {
	float: right;
	width: 2em;
	height: 1em;
	margin: 0;
	padding: 0 1em 0 0;
	z-index:500;
	/****************/ display: block;
}
.menulink a {
	font-weight: 400;
	font-size: 2em;
	text-decoration: none;
}
a.menu {
	color: #ffffff;
}
.menulink a.menu:link,
.menulink a.menu:visited  {
	text-decoration: none;
	color: #ffffff;
}
.menulink a.menu:hover,
.menulink a.menu:active  {
	text-decoration: none;
	color: #cc0000;
}

/* * * * * * * * * * * * * * * * * * * *ORANGE RING  * * * * * * * * * * * * * * * * * */
.content-white#safety h2 {
	font-family:'Libre Baskerville', serif;
	font-weight: 400;
	color: #022342;
	font-size: 1.8em; /* 2em; */
	line-height: 1em;
	display: block;
	text-align: center; /* left; */
	/* padding-left: 25%; */
	z-index: 900;
}
.content-white#safety  {	
	/* padding: 5% 2% 0 0; */
	background: url(images/redring.png) center bottom no-repeat #ffffff;
	height: 25em;
}
.content-white#other h2 {
	font-family:'Libre Baskerville', serif;
	font-weight: 400;
	color: #022342;
	font-size: 1.8em; 
	line-height: 1em;
	display: block;
	text-align: center;
	z-index: 900;
}
.content-white#other  {	
	height: 15em;
}

ul#history {
	padding: 2% 20% 4% 30%;
}
ul#history li {
	/* font-family:'Libre Baskerville', serif; */
	font-family:'Lato', sans serif;
	font-weight: 400;
	color: #022342;
	font-size: 1.5em;
	line-height: 1.8em;
	list-style-type: none;
	padding-bottom: .5em;
}
/*NEW*/
ul#world {
	padding: 0 20% 4% 30%;
}
ul#world li {
	font-family:'Libre Baskerville', serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1.8em;
	list-style-type: none;
	padding-bottom: .5em;
}

/* * * * * * * * * * * * * * * * * * * * HOMEPAGE: BENEFITS  * * * * * * * * * */

.content-navy-center#benefits, .content-navy-center#resources, .content-navy-center#insurance {
	min-height: 10em;
}
.content-navy-center#annual {
	min-height: 8em;
}
ul#benefitlist {
	padding: 2% 20% 4% 30%;
}
ul#benefitlist li {
	font-family:'Libre Baskerville', serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1.8em;
	list-style-type: none;
	padding-bottom: .25em;
}
#benefits h2 {
	font-size: 2.2em;
	line-height: 1.3em;
	display: block;
	padding-bottom: .5em;
	text-align: center;
}
#resources h2 {
	font-size: 2.2em;
	line-height: 1em;
	display: block;
	padding-bottom: 1em;
	text-align: center;
}
#benefits h2.big {
	top: 65%;
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	font-weight: 200;
	color: rgba(255,255,255,.45);
	font-size: 5em;
	line-height: 1.6em;
	padding-bottom: 0;
	margin-bottom: 0;
}
#insurance h2.big {
	top: 65%;
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	font-weight: 200;
	color: rgba(255,255,255,.45);
	font-size: 5em;
	line-height: 1.6em;
	padding-bottom: 0;
	margin-bottom: 0;
}

#resources h2.big {
	top: 65%;
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	font-weight: 200;
	color: rgba(255,255,255,.45);
	font-size: 5em; /* 8em; */
	line-height: 1.6em; /*1em; /* 1.6em; */
	padding-bottom: 0;
/*	margin-bottom: 0.3em; /* 0; */
/*	margin-top: 0.3em; */
}
.content-navy-center#annual h2 {
	padding: 1em 0;
	line-height: 1.8em;
}
/* * * * * * * * * * * * * * * * * * * * HOMEPAGE: BENEFIT BOXES  * * * * * * * * * */

ul#benefitboxes {
	display: inline-block;
	list-style-type: none;
	background: transparent;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	padding: 1em 0;
	overflow: hidden;
}

/*ul#benefitboxes li {
	display: inline-block;
	width: 23.8em;
	max-width: 23.8em;
	height: 16.5em;
	max-height: 16.5em;
	padding: 0;
	text-align: center;
	margin: 6px 1px 3px;
}*/
ul#benefitboxes li {
	display: inline-block;
	width: 23.8em;
	max-width: 23.8em;
	height: 16.5em;
	max-height: 16.5em;
	padding: 0;
	text-align: center;
	margin: 6px 1px 3px;
}
ul#benefitboxes h3 {
	position: relative;
	top: 75%;
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 2em;
	line-height: 1.6em;
	background-color: rgba(25,74,132, 0.5);
}
.benefitbox#hotline {
	background: url(images/dan-boater-benefit-emergency-hotline.jpg) top left no-repeat; width: 100%; height: 100%;
}
.benefitbox#evacuation {
	background: url(images/dan-boater-benefit-medical-evacuation-coverage.jpg) top left no-repeat;width: 100%; height: 100%;
}

.benefitbox#infoline {
	 background: url(images/dan-boater-benefit-medical-information-line.jpg) top left no-repeat;width: 100%; height: 100%; 
}

.benefitbox#sar {
	 background: url(images/dan-boater-benefit-search-rescue-expense-coverage.jpg) top left no-repeat;width: 100%; height: 100%; 
}
.benefitbox#repatriation {
	 background: url(images/dan-boater-benefit-medical-repatriation-coverage.jpg) top left no-repeat;width: 100%; height: 100%; 
}

.benefitbox#travelsafety {
	background: url(images/travel-safety.jpg) top left no-repeat;width: 100%; height: 100%;
}
.benefitbox#videoblog {
	/* background: url(travel-health-and-safety/images/dan-boater-never-far-from-help-video.jpg) top left no-repeat;width: 100%; height: 100%; */
	background: url(travel-health-and-safety/images/dan-boater-best-protection-on-land-and-sea-hf.jpg) top left no-repeat;width: 100%; height: 100%; 
}
.benefitbox#travel {
	background: url(images/dan-boater-benefit-travel-assistance.jpg) top left no-repeat;width: 100%; height: 100%;
}

/* * * * * * * * * * * * * * * * * * * * HOMEPAGE: ARTICLE BOX  * * * * * * * * * */

.ul#articleboxes {
	display: inline-block;
	list-style-type: none;
	background: transparent;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	padding: 0;
	overflow: hidden;
}

ul#articleboxes li {
	display: inline-block;
	width: 22%;
	height: 26.5em;
	max-height: 26.5em;
	padding: 0;
	margin: .6em .3em .6em .4em; /* .6em .5em .5em .5em; */
	text-align: center;
	vertical-align: top;
}

ul#articleboxes h4 {
	font-family: 'Libre Baskerville', serif;
	text-align: center;
	font-weight: 700;
	color: #022342;
	font-size: 0.9em; /* 1.2em; */
	line-height: 1.3em;
	padding: .5em;
}
ul#articleboxes p {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-align: left;
	color: #022342;
	font-size: 0.9em; /* 1em; */
	line-height: 1.3em;
	padding: .5em .1em;
}
ul#articleboxes img {
	width: 95%;
}



/* * * * * * * * * * * * * * * * * * * TOP AND BOTTOM NAVS FULL * * * * * * * * * * * * * */

.wrapper-nav#full {
	display: block;
}
.wrapper-nav#device {
	display: block;
}
/* * * * * * * * * * * * * * * * * * * * BENEFITS: BLOG-NAV FULL WIDTH* * * * * * * * * */
.content-nav ul.blog-nav {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.content-nav ul.blog-nav li {
	text-align: left;
	list-style-type:none;
	display: inline;	
	padding-right: 0%;
	
}
.content-nav ul.blog-nav a {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.8em;
	padding: .4em 1em;	
	border-bottom: 0;
	width: auto;
	text-indent: 5.4em;
}

.content-nav ul.blog-nav a:link, .content-nav ul.blog-nav a:visited {
	color: #fff;
	background-color: #194a84;
	text-decoration: none;
	text-indent: 5.4em;
}
.content-nav ul.blog-nav a:hover, .content-nav ul.blog-nav a:active, .content-nav ul.blog-nav a.active {
	color: #fff;
	background-color: #cc0000;
	text-decoration: none;
	text-indent: 5.4em;
}	

/* * * * * * * * * * * * * * * * * * * * CONTENT TOP HEADLINE FULL * * * * * * * * * */
h1#benefits {
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	color: #ffffff;
	max-width: 95%;
	font-size: 4em;
	line-height: 1em;
	display: block;
	text-align: left;
	letter-spacing: -1px;
	text-shadow: 3px 3px 5px #000; 
	z-index: 900;
	padding: 5% 0;margin-left: 7%;
	z-index: 900;
}
/* * * * * * * * * * * * * * * * * * * * CONTENT TOP PICTURE LINKS FULL * * * * * * * * * */
ul#picture-links {
	position: relative;
	display: block;
	left: 4%;
	top: 21%;
	height: 100%;
	width: 26em;
	padding: 1.6em;
	display: block;
	color: #022342;
	background-color: hsla(0, 100%, 100%, 0.7); 
	text-align: left;
	border: 0;
	z-index: 900;	
}
ul#picture-links li {
	text-align: left;
	list-style-type: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;	
}

ul#picture-links a {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	color: #022342;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	padding: 2px 0;		
	width: 100%;
	display: block;
}

ul#picture-links a:link, ul#picture-links a:visited{
	color: #022342;
	text-decoration: none;
}
ul#picture-links a:hover, ul#picture-links a:active {
	color: #cc0000;
	text-decoration: underline;
}
ul#picture-links li.sub {
	text-align: left;
	list-style-type: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 0 2em;
	border: 0;	
	font-size: 0.9em; /* NEW NEW */
}
ul#picture-links li.sub a {
	font-weight: 400;
}

/* * * * * * * * * * *  BENEFITS-NAV CONTENT FULL * * * * * * * * * * * * * * * * */
.benefits-nav {
	/*width: 75em;  removed dhall --- breaks content*/  
	padding: 0;
	background-color: #022342;
}

.benefits-nav .tab {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	color: #fff;
	font-size: 1.3em;
	line-height: 2.5em;
	text-indent: 5em;
	padding: 0;
	width: 100%;	
	display: block;
}

.benefits-nav.tab:hover,
.benefits-nav div:target .tab {
	color: #ffffff;
	background: #cc0000;
}
.benefits-nav div .content {
	display: none;
}
.benefits-nav div#benefit-1 .content { /*added to open first tab automatically to start*/
	display: block;
} 
.benefits-nav div:target .content {
	display: block;
	
}
.benefits-nav > div {
	height: 40px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}
.benefits-nav > div:target {
	height: auto;
}

.benefits-nav > div {
	height: auto;
	overflow: hidden;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.benefits-nav .content {
	background: #fff;
	padding: 1.5em 9em 1.5em 7em;
	color: #194a84;
	
}
.benefits-nav .content p {
	font-size: 1em;
	line-height: 1.5em;
	color: #194a84;
	padding-bottom: 1em;
}
.benefits-nav .content p em {
	font-size: .9em;
	line-height: 1.5em;
	font-style:italic;
	color: #194a84;
	padding-bottom: 1em;
}
.benefits-nav .content p.memberquestion {
	font-size: 1.05em;
	line-height: 1.5em;
	font-weight: 500;
	color: #194a84;
	padding-bottom: 1em;
}
.benefits-nav .content h4 {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #194a84;
}
.benefits-nav .content h5 {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	font-size: 1em;
	line-height: 1.2em;
	color: #194a84;
	margin-bottom: 0.6em;
}

.benefits-nav .content a {
	font-family: 'Libre Baskerville', serif;
	font-size: 1em;
	line-height: 1.2em;
	color: #194a84;
	/* font-style: italic; NEW NEW */
	font-weight: 400; /* bold; NEW NEW */
	margin: 1em 0;	
}
.benefits-nav .content p.article-link a:link, 
.benefits-nav .content p.article-link a:visited,
.benefits-nav .content a:link, 
.benefits-nav .content a:visited {
	color: #194a84;
	/* font-style: italic; NEW NEW */
	font-weight: 400; /* NEW NEW */
	text-decoration: underline; /* none; NEW NEW */
}
.benefits-nav .content p.article-link a:hover,  
.benefits-nav .content p.article-link a:active,
.benefits-nav .content a:hover,  
.benefits-nav .content a:active {
	color: #cc0000;
	/* font-style: italic; NEW NEW */
	font-weight: 400; /* NEW NEW */
	text-decoration: underline; /* none; NEW NEW */
}

.benefits-nav .content p.article-link a:link, 
.benefits-nav .content p.article-link a:visited,
.benefits-nav .content a:link, 
.benefits-nav .content a:visited {
	color: #b4282e; /* #194a84; NEW NEW */
	/* font-style: italic; NEW NEW */
	font-weight: 400; /* NEW NEW */
	text-decoration: none;
}
.benefits-nav .content a:hover {
	text-decoration: underline;
}

.benefits-nav .content h4 a.guide-link:link,  
.benefits-nav .content h4 a.guide-link:visited {
	color: #cc0000;
	font-style: 'Lato', sans serif; /* NEW NEW */
	font-weight: 700; /* NEW NEW */
	text-decoration: none;
}
.benefits-nav .content h4 a.guide-link:hover,  
.benefits-nav .content h4 a.guide-link:active {
	color: #cc0000;
	font-style: 'Lato', sans serif; /* NEW NEW */
	font-weight: 700; /* NEW NEW */
	text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * * * FOOTER * * * * * * * * * * * * * * * * * * * */
#footer {
	background: transparent;
	text-align: left;	
	padding: 2em 0 2em 0;
}
/* * * * * * * * * * * SOCIAL * * * * * * * * * * * * */

#social-bottom {
	padding: 2em 0 12em 0;
}
.g-plusone, .g-follow, .t-tweet, .t-follow {
	display: inline-block;
	margin-right: 15px;
}

/* * * * * * * * * * * * * * * * * * * * EMERGENCY * * * * * * * * * * * * * * * * * * * */
.content-red {
	background-color: #cc0000; 
	margin: 0 auto; 
	max-width: 75em; 
	text-align: center;
	z-index: 0;
	overflow: hidden;
}
a.content-red {
	color: #ffffff;
	text-decoration: none;
}
h1#emergency {
	font-weight: 200;
	color: #ffffff;
	text-align: center;
	font-size: 3em;
	padding: .5em;
}
h2#emergency {
	font-weight: 200;
	color: #ffffff;
	text-align: center;
	font-size: 1.8em;
	padding: .5em 2em;
}

a:link h2#emergency {
	font-weight: 400;
	color: #ffffff;
	text-decoration: none;
}
a:hover h2#emergency {
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}

.emergency {
	margin: 3% auto 3%;
	max-width: 38em; 
	
	
}
p.emergency p {
	color: #000000;
	font-weight: 400;
	font-size: 1em;
	margin:0;
	
}
h3.emergency  {
	font-weight: 400;
	color: #000000;
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 2% 0;
	margin: 0 5%;
	border-top: 1px dotted #000000;
}
/* * * * * * * * * * * * * * * * * * * * BUTTONS * * * * * * * * * * * * * * * * * */
.redButton  {
	-moz-box-shadow: -6px 9px 9px -7px #0d0701;
	-webkit-box-shadow: -6px 9px 9px -7px #0d0701;
	box-shadow: -6px 9px 9px -7px #0d0701;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cc0000), color-stop(1, #910303) );
	background:-moz-linear-gradient( center top, #cc0000 5%, #910303 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#910303');
	background-color:#cc0000;
	-moz-border-radius:21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	display: inline-block;
	color:#ffffff;
	font-family: 'Libre Baskerville', serif;;
	font-size: 1.4em;
	font-weight:normal;
	padding: 6px 42px;
	text-decoration:none;
	margin-top: .5em;
	border: none;
	text-align: center;
}
.redButton:hover  {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #910303), color-stop(1, #cc0000) );
	background:-moz-linear-gradient( center top, #910303 5%, #cc0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#910303', endColorstr='#cc0000');
	background-color:#910303; border: none;
}
.redButton:active {
	position:relative;
	top:1px; border: none;
}
.redButton2  {
	-moz-box-shadow: -6px 9px 9px -7px #0d0701;
	-webkit-box-shadow: -6px 9px 9px -7px #0d0701;
	box-shadow: -6px 9px 9px -7px #0d0701;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cc0000), color-stop(1, #910303) );
	background:-moz-linear-gradient( center top, #cc0000 5%, #910303 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#910303');
	background-color:#cc0000;
/*	-moz-border-radius:21px;
	-webkit-border-radius:21px;
	border-radius:21px; */
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	display: inline-block;
	color:#ffffff;
	font-family: 'Libre Baskerville', serif;;
	font-size: 1.4em;
	font-weight:normal;
	padding: 6px 42px; 
	text-decoration:none;
	margin-top: .5em;
	border: none;
	text-align: center; 
}
.redButton2:hover  {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #910303), color-stop(1, #cc0000) );
	background:-moz-linear-gradient( center top, #910303 5%, #cc0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#910303', endColorstr='#cc0000');
	background-color:#910303; border: none;
}
.redButton2:active {
	position:relative;
	top:1px; border: none;
}
a.redButton2, a:active.redButton2, a:visited.redButton2 {
	color: #ffffff;
}
a:hover.redButton2 {
	text-decoration: none;
}

@media all {
.content-white#other  {	
	height: 20em;
}

@media all and (max-width: 1500px) {
.content-white#other  {	
	height: 20em;
}
}

/******************************** MEDIA QUERIES ***************************************/
@media all and (max-width: 960px)  {

/* * *  MENU LINK 960 * *  * */ 
.menulink {
	float: right;
	width: 2em;
	height: 1em;
	margin: 0;
	padding: 0 ;
	z-index:500;
	/****************/ display: block;
	
}

/* * * * * * * * * * * * * * * * * * * * GOOGLE SEARCH BOX * * * * * * * * * * * * * * * * * * */ 
.serch {
	float: left;
	vertical-align: top;
	width: 15em;
	max-width: 15em;
	margin-top: 1em;
	padding: 0 4em 0 0;
	z-index:500;
}
#searchbox {
	margin: 0 2em;
}
/* * * * * * * * * * * SEARCH BOX * * * * * * * * * * * * */

input.gsc-input {
	padding:0 0 .75em 0!important;
	background: #ffffff;
}

#gsc-iw-id1.gsc-input-box {
	padding:0 0 0 0!important;
	background: #ffffff;
	margin: 0 0 0 0;
}

#gsc-i-id1.gsc-input {
	padding:0 0 0 0!important;
	height: 15px!important;
}
.gsc-search-button {
	text-indent:-14px!important;
	height: 15px!important;
	width: 15px!important;
	
}
/*  HEADLINE H1  */
h1 {
	font-size: 2.8em;
	line-height: 1em;
	display: block;
	text-align:left;
	z-index: 900;
	/* padding: 5% 20% 0 20%; */
}

h2 {
	font-size: 2em;
	line-height: 1em;
	display: block;
	text-align: center;
	z-index: 900;
}

.content-white h1 {
	font-family:'Libre Baskerville', serif;
	font-weight: 400;
	color: #022342;
	font-size: 2em;
	line-height: 1em;
	display: block;
	float: left;
	max-width: 90%; 
	z-index: 900;
	padding: 2% 5%;
	
}
/* ARTICLES */
.content-white-blog h1 {
	color: #022342;
	font-size: 2em;
	line-height: 1.2em;
	display: block;
	padding: 2% 5% ;
}
.content-white-text h1 {
	color: #022342;
	font-size: 2em;
	line-height: 1.2em;
	display: block;
	padding: 2% 5% ;
}
.content-white .buttonLink {
	display: block;
	max-width: 40%; 
	float: left;
	z-index: 900;
	padding: 1% 5%;
}
/* BASIC P and LINK STYLES */
p {
	font-family: 'Lato', sans-serif; 
	font-size: 1.2em; 
	font-weight: 400;
	color: #000;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: left;
	}

/* HEADER */

#header {
	text-align: left;
	color: #fff;
	max-width: 75em;
	padding: 2% 0;
}

p.tagline {
	color: #ffffff;
	font-size: .9em;
	padding-top: 1em;
}
.years35 {
	max-width: 100%;
	float: left;
	z-index: 200;
}

/* JOIN */ 
.joinin {
	text-align: right;
	width: 14.5em;
	max-width: 15em;
	margin-top: 1em;
	padding: 0 2em 1em 0;
}
.joinin a {
	font-weight: 200;
	font-size: 2em;
	text-decoration: none;
}

/* ORANGE RING   */
.content-white#safety h2 {
	font-weight: 200;
	color: #022342;
	font-size: 1.5em; /* 1.8em; */
	line-height: 1em;
	padding-left: 10%; /* 25%; */
}
.content-white#safety  {	
	/* padding: 5% 2% 0 0; */
	background: url(images/redring250.png) center bottom no-repeat #ffffff;
	height: 20em;
}
.content-white#other h2 {
	font-weight: 200;
	color: #022342;
	font-size: 1.5em;
	line-height: 1em;
	padding-left: 10%;
}
.content-white#other {	
	height: 13em;
}

ul#history {
	padding: 2% 10% 4% 40%;
}
ul#history li {
	font-size: 1.2em;
	line-height: 1.6em;
}
/*NEW*/
ul#world {
	padding: 0 10% 4% 20%;
}
ul#world li {
	font-size: 1.2em;
	line-height: 1.6em;
}
.wrapper-white#world .content-white .worldimages img {
	width: 30%;
}


/*  BENEFIT/STORIES ON HOMEPAGE */
.content-navy-center {
	background: transparent;
	margin: 0 auto;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	padding: 1%;
	overflow: hidden;
}
.content-navy-center#benefits, .content-navy-center#resources, .content-navy-center#insurance {
	min-height: 12em;
}

.content-navy-center#annual {
	min-height: 8em;
}
ul#benefitlist {
	padding: 2% 20% 4% 30%;
}
ul#benefitlist li {
	font-family:'Libre Baskerville', serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 1em;
	line-height: 1.2em;
	list-style-type: none;
	padding-bottom: .25em;
}
#benefits h2 {
	font-size: 1.8em;
	line-height: 1.1em;
	display: block;
	padding-bottom: .3em;
	text-align: center;
}
#resources h2 {
	font-size: 1.8em;
	line-height: 1.2em;
	display: block;
	padding-bottom: .8em;
	text-align: center;
}
#benefits h2.big {
	top: 75%;
	text-align: center;
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: rgba(255,255,255,.45);
	font-size:5.5em; /* 6.5em; */
	line-height: 1.2em; 
	padding-bottom: 0;
	margin-bottom: 0;
}
#resources h2.big {
	top: 75%;
	text-align: center;
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: rgba(255,255,255,.45);
	font-size: 5.5em;
	line-height: 1.6em;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}
#insurance h2.big {
	top: 75%;
	text-align: center;
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: rgba(255,255,255,.45);
	font-size: 5.5em;
	line-height: 1.6em;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}

ul#benefitboxes li {
	display: inline-block;
	width: 23.8em;
	max-width: 23.8em;
	height: 16.5em;
	max-height: 16.5em;
}
ul#benefitboxes h3 {
	position: relative;
	top: 80%;
	text-align: center;
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: #ffffff;
	font-size: 1.8em;
	line-height: 1.6em;
}
.content-navy-center#annual h2 {
	padding: 1em 0;
}
ul#picture-links {
	top: 12%;
}
.content-top#hotline {
	background: url(images/emergency-hotline-image-1000.jpg) top center #194a84 no-repeat;
	height: 452px;
}
.content-top#guide {
	background: url(images/medical-guide-image-1000.jpg) top center #194a84 no-repeat;
	height: 452px;
}
.content-top#evacuation {
	background: url(images/medical-evacuation-image-1000.jpg) top center #194a84 no-repeat;
	height: 452px;
}
.content-top#safety {
	background: url(images/travel-safety-image-1000.jpg) top center #194a84 no-repeat;
	height: 452px;
}
.content-top#travel {
	background: url(images/travel-planning-image-1000.jpg) top center #194a84 no-repeat;
	height: 452px;
}
.content-top#years {
	background: url(images/thirty-five-years-image-1000.jpg) top center #194a84 no-repeat;
	height: 434px;
}
.content-top#membership {
	background: url(images/annual-membership-image-960.jpg) top center #194a84 no-repeat;
	height: 452px;
}
.content-top#members {
	background: url(images/members-image-960.jpg) top center #194a84 no-repeat;
	height: 452px;
}

/* * * * * TOP AND BOTTOM NAVS 960 * * * * * * */

.wrapper-nav#full {
	display: none;
}
.wrapper-nav#device {
	display: block;
}

/* * *  BLOG-NAV 960 * * * * */
.content-nav ul.blog-nav {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
.content-nav ul.blog-nav li {
	text-align: left;
	list-style-type:none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;	
}
.content-nav ul.blog-nav a {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.4em;
	padding: .4em 0;	
	border-bottom: 1px solid #fff;
	width: 100%;
	margin: 0;
	display: block;
	text-indent: 5.4em;
}
.content-nav ul.blog-nav a:link, .content-nav ul.blog-nav a:visited {
	text-indent: 5.4em;
}
.content-nav ul.blog-nav a:hover, .content-nav ul.blog-nav a:active, .content-nav ul.blog-nav a.active {
	text-indent: 5.4em;
}	
/* * * *  BENEFIT-NAV 960 * * * * * */
.content-nav ul.benefit-nav {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
.content-nav ul.benefit-nav li {
	text-align: left;
	list-style-type: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 1em 0 1em 10em;	
}
.content-nav ul.benefit-nav a {
	text-align: left;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 5% 0;		
	border-bottom: 1px solid #fff;
	width: 100%;
	padding: 1em 0 1em 10em;	
	display: block;
}

/* * * *  BENEFIT-NAV CONTENT 960 * * * * * */
.benefits-nav .content {
	background: #fff;
	padding: 1.5em 9em;
	color: #194a84;
	
}
.benefits-nav .content p {
	font-size: 1em;
	line-height: 1.4em;
	color: #194a84;
	padding-bottom: 1em;
	width: 90%;
	
}
.benefits-nav .content ul, .benefits-nav .content li {
	width: 90%;
	font-size: 1em;
	line-height: 1.4em;
	padding-bottom: 1em;
}

ul#benefitboxes li {
	display: inline-block;
	width: 21.25em /*23.8em*/;
	height: 14em /*16.5em*/;
	text-align: center;
	margin: 6px 1px;
}

/* * * *  BLOG LINK CONTENT 960 * * * * * */

.content-white .blog-link-text p.first {
	float: left;
	font-family: 'Lato', sans-serif; 
	font-size: .9em; 
	font-weight: 400;
	color: #022342;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: left;
	padding-top: 1em;
	display: block;	
}

 figure img.desk {
	float: left;
	width: 45%;
	margin: 0 0 .5em 1em;
	clear: right;
	display: block;
}
 figure img.device {
	display: none;
}
/* * * * * * * * * * * * * * * * * * * * FOOTER * * * * * * * * * * * * * * * * * * * */
#footer {
	background: transparent;
	text-align: left;	
	padding: 2em 0 6em 0;
}
/* * * * * * * * * * * SOCIAL * * * * * * * * * * * * */

#social-bottom {
		padding: 2em 0 12em 0;
}



}
/**********************************************TABLET**************************/
@media all and (max-width: 700px)  {

/* * * UH * * */
#h1d, #h2d, #redbtnd {display: none;}
#h1t, #h2t, #redbtnt {display: block;}
#h1p, #h2p, #redbtnp {display: none;}

.content-top2 h1 {
	float: left;
	padding-bottom: .3em;  
	padding-top: .3em;  
	padding-left: .3em;
	font-size: 2em;
	line-height: 1em;  
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: #ffffff;
	width: 100%;
	display: block;
	text-align:center;
	max-width: 95%; 
	z-index: 900;
}
.content-top2 h2 {
	float: left;
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: #eeeeee;
	font-size: 1.2em;
	line-height: 1em;
	width: 100%;
	display: block;
	text-align: center;
	max-width: 95%;
	z-index: 900;
}
.content-white h3 {
	float: left;
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: #022342;
	font-size: 1.2em;
	line-height: 1em;
	width: 100%;
	display: block;
	text-align: center;
	max-width: 95%;
	z-index: 900;
	margin-top: .5em;
}

/* * *  MENU LINK * *  * */ 
.menulink {
	float: right;
	width: 2em;
	height: 1em;
	margin: 0;
	padding: 0 ;
	z-index:500;
	/****************/ display: block;
}
/* * * * * * * * * * * * * * * * * * * * GOOGLE SEARCH BOX * * * * * * * * * * * * * * * * * * */ 
.serch {
	float: right;
	vertical-align: top;
	width: 14em;
	max-width: 14em;
	margin-top: 1.5em;
	padding: 0 1em 0 0;
	z-index:500;
}
/*  HEADLINE H1  */
h1 {
	font-size: 2.8em;
	line-height: 1em;
	display: block;
	text-align:left;
	max-width: 60%; 
	z-index: 900;
	/* padding: 5% 20% 0 20%; */
}

h2 {
	font-size: 2em;
	line-height: 1em;
	display: block;
	text-align: center;
	z-index: 900;
}
/* BASIC P and LINK STYLES */
p {
	font-family: 'Lato', sans-serif; 
	font-size: 1.2em; 
	font-weight: 400;
	color: #000;
	letter-spacing: .4px;
	line-height: 1.4em;
	text-align: left;
	}
/* ARTICLES */
.content-white-text h1 {
	color: #022342;
	font-size: 1.8em;
	line-height: 1.2em;
	display: block;
	padding: 2% 5% ;
}
/* HEADER */
#header {
	text-align: left;
	color: #fff;
	max-width: 75em;
	padding: 2% 0;
}

p.tagline {
	color: #ffffff;
	font-size: .9em;
	padding-top: 1em;
	max-width: 100%;
	padding-left: 0;
	margin-left: 0;
}
.years35 {
	max-width: 90%;
	float: left;
	z-index: 200;
}

.joinin {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 13.5em;
	max-width: 14em;
	margin-top: 0;
	padding: 1em 2em 1em 0;
	z-index:500;
}
.joinin a {
	font-weight: 200;
	font-size: 2em;
	text-decoration: none;
}
.content-top .buttonLink {
	max-width: 50%; 
	padding: 50% 20% 0 20%;
}
/* ORANGE RING   */
.content-white#safety h2 {
	font-weight: 200;
	color: #022342;
	font-size: 1.8em;
	line-height: 1em;
	/* padding-left: 25%; */
}
.content-white#safety  {	
	/* padding: 5% 2% 0 0; */
	background: url(images/redring250.png) center bottom no-repeat #ffffff;
	height: 20em;
}
.content-white#other h2 {
	font-weight: 200;
	color: #022342;
	font-size: 1.8em;
	line-height: 1em;
}
.content-white#other {
	height: 20em;
}
ul#history {
	padding: 2% 10% 4% 50%;
}
ul#history li {
	font-size: 1.2em;
	line-height: 1.1em;
}
ul#world {
	padding: 2% 10% 4% 20%;
}
ul#world li {
	font-size: 1.2em;
	line-height: 1.1em;
}
.wrapper-white#world .content-white .worldimages img {
	width: 50%;
}

/*  BENEFIT/STORIES BAR HOMEPAGE */
.content-navy-center {
	background: transparent;
	margin: 0 auto;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	padding: 1%;
	overflow: hidden;
}
.content-navy-center#benefits, .content-navy-center#resources, .content-navy-center#insurance {
	min-height: 10em;
}
.content-navy-center#insurance {
	
.content-navy-center#annual {
	min-height: 8em;
}
ul#benefitlist {
	padding: 2% 15% 4% 20%;
}
ul#benefitlist li {
	font-family:'Libre Baskerville', serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 1em;
	line-height: 1.2em;
	list-style-type: none;
	padding-bottom: .25em;
}
#benefits h2, #resources h2 {
	font-size: 1.5em;
	line-height: 1.2em;
	display: block;
	padding-bottom: .8em;
	text-align: center;
}
#benefits h2.big {
	top: 75%;
	text-align: center;
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: rgba(255,255,255,.45);
	font-size: 5.3em;
	line-height: 1.6em;
	padding-bottom: 0;
	margin-bottom: 0;
}
#resources h2.big {
	top: 75%;
	text-align: center;
	font-family:'Libre Baskerville', serif;
	font-weight: 200;
	color: rgba(255,255,255,.45);
	font-size: 4.6em;
	line-height: 1.6em;
	padding-bottom: 0;
	margin-bottom: 0;
}
.content-navy-center#annual h2 {
	padding: 1em 0;
}
ul#benefitboxes h3 {
	position: relative;
	top: 75%;
	text-align: center;
	font-family:'Libre Baskerville', serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1.6em;
}
ul#picture-links {
	display: none;
}
.content-top#hotline {
	background: url(images/emergency-hotline-image-700.jpg) top center #194a84 no-repeat;
	height: 330px;
}
.content-top#guide {
	background: url(images/medical-guide-image-700.jpg) top center #194a84 no-repeat;
	height: 330px;
}
.content-top#evacuation {
	background: url(images/medical-evacuation-image-700.jpg) top center #194a84 no-repeat;
	height: 330px;
}
.content-top#safety {
	background: url(images/travel-safety-image-700.jpg) top center #194a84 no-repeat;
	height: 330px;
}
.content-top#travel {
	background: url(images/travel-planning-image-700.jpg) top center #194a84 no-repeat;
	height: 330px;
}
.content-top#years {
	background: url(images/thirty-five-years-image-700.jpg) top center #194a84 no-repeat;
	height: 316px;
}
.content-top#membership {
	background: url(images/annual-membership-image-700.jpg) top center #194a84 no-repeat;
	height: 330px;
}
.content-top#members {
	background: url(images/members-image-700.jpg) top center #194a84 no-repeat;
	height: 330px;
}

/* * * * PICTURE-LINKS 700 * * * */
.content-nav ul.picture-links {
	display: none;
}

/* * * * * TOP AND BOTTOM NAVS 700 * * * * * * */

.wrapper-nav#full {
	display: none;
}
.wrapper-nav#device {
	display: block;
}

/* * * *  BENEFIT-NAV 700 * * * * */
.content-nav ul.benefit-nav {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
.content-nav ul.benefit-nav li {
	text-align: left;
	list-style-type: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 1em 0 1em 10em;	
}
.content-nav ul.benefit-nav a {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 5% 0;		
	border-bottom: 1px solid #fff;
	width: 100%;
	padding: 1em 0 1em 10em;	
	display: block;
}

/* * *   BENEFITS-NAV CONTENT 700 * * * * * */

.benefits-nav .tab {
	font-size: 1.3em;
	line-height: 2.5em;
	text-indent: 3em;
	padding: .4em 0;
	width: 100%;	
	display: block;
}

.benefits-nav .content {
	padding: 1.5em 4em;
	padding-right: 25%;
	
}
.benefits-nav .content p {
	max-width: 22em;
}
.benefits-nav .content ul, .benefits-nav .content li {
	max-width: 22em;
}

.benefits-nav .content h4 {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #194a84;
	max-width: 22em;
}
.content-nav ul.blog-nav a:link, .content-nav ul.blog-nav a:visited {
	color: #fff;
	background-color: #194a84;
	text-decoration: none;
	text-indent: 3em;
}
.content-nav ul.blog-nav a:hover, .content-nav ul.blog-nav a:active, .content-nav ul.blog-nav a.active {
	color: #fff;
	background-color: #cc0000;
	text-decoration: none;
	text-indent: 3em;
}	

/* * * * * * ARTICLE BOX HOMEPAGE 700 * * */
ul#articleboxes li {
	display: inline-block;
	width: 47.5%;
	height: 26.5em;
	max-height: 26.5em;
	padding: 0;
	margin: .6em .3em .6em .3em; /* .6em .25em .5em; */
	text-align: center;
	vertical-align: top;
}
/* * * *  BLOG LINK CONTENT 700 * * * * * */
.blog-link {
	padding-bottom: 1em;
	border-bottom: 1px solid #022342;
	float: left;
	margin: .5em 0;
	clear: right;
	width: 100%;
}
.content-white-text .blog-link-text p.first {
	display: none;	
}
.content-white h2 {
	color: #022342;
	font-size: 1.6em;
	line-height: 1.6em;
	display: block;
	padding: 2% 5% ;
}
blog-link-text h2 {
	color: #022342;
	font-size: 1.6em;
	line-height: 1.6em;
	display: block;
	padding: 2% 5% ;
}
 figure img.device {
	float: left;
	width: 250px;
	margin: 0 0 .5em 1em;
	display: block;
}
 figure img.desk {
	display: none;
}
figure img.horiz-small { /* Image in Text Column of Article */
	float: left;
	padding: 2% 2% 2% 10%;
	width: 75%;
}
/* * * * * * * * * * * * * * * * * * * * FOOTER * * * * * * * * * * * * * * * * * * * */
#footer {
	background: transparent;
	text-align: left;	
	padding: 2em 0 8em 0;
}
/* * * * * * * * * * * SOCIAL * * * * * * * * * * * * */

#social-bottom {
		padding: 2em 0 12em 0;
}

}

/**********************************************PHONE**************************/
@media all and (max-width: 500px) {

/* * * UH * * */
#h1d, #h2d, #redbtnd {display: none;}
#h1t, #h2t, #redbtnt {display: none;}
#h1p, #h2p, #redbtnp {display: block;}

.content-top2 h1 {
	float: left;
	padding-bottom: .3em;  
	padding-top: 1em; /* .3em; */  
	padding-left: .3em;
	font-size: 1.2em;
	line-height: 1.2em;  
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #ffffff;
	width: 100%;
	display: block;
	text-align:center;
	max-width: 93%; 
	z-index: 900;
}
.content-top2 h2 {
	float: left;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #eeeeee;
	font-size: 0.8em;
	line-height: 1.2em;
	width: 100%;
	display: block;
	text-align: center;
	max-width: 95%;
	z-index: 900;
}
.content-white h3 {
	float: left;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #022342;
	font-size: 1em;
	line-height: 1em;
	width: 100%;
	display: block;
	text-align: center;
	max-width: 95%;
	z-index: 900;
	margin-top: .5em;
}

/* * *  MENU LINK * * */ 
.menulink {
	float: right;
	width: 2em;
	height: 1em;
	margin: 0;
	padding: 0 ;
	z-index:500;
	/****************/ display: block;
}
/* *  * * * * GOOGLE SEARCH BOX * * * * */ 
.serch {
	float: left;
	vertical-align: top;
	width: 14em;
	max-width: 14em;
	margin-top: 0;
	padding: 0 1em 0 0;
	z-index:500;
}
/* *  * * * * HEADER * * * * */ 
#header {
	text-align: left;
	color: #fff;
	max-width: 75em;
	padding: 5% 0 0 0;
}

p.tagline {
	color: #ffffff;
	font-size: .6em;
}
.years35 {
	max-width: 500px;
	float: left;
	z-index: 300;
}
.content-top {
	background: url(images/home-pic-640.jpg) top center #194a84;
	height: 489px;
}

.joinin {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 13.5em;
	max-width: 14em;
	margin-top: 0;
	padding: 1em 2em 1em 0;
	z-index:500;
}
.content-blue {
	max-width: 60em;
}

h1 {
	width: 100%;
	font-size: 2em;
	line-height: 1em;
	text-align:left;
	max-width: 60%; 
	/* padding: 5% 20% 0 10%; */
}
.content-top .buttonLink {
	max-width: 50%; 
	padding: 55% 20% 0 10%;
}

h2 {
	font-size: 1.5em;
}

/* * * * * * * * * * * * * IMAGES ON ARTICLE PAGES * * * * * * * */
figure {
	text-align: center;
}
figure img.large {
	display: none;
}
figure img.small {
	display: block;
	margin: 2% 0;
}
figcaption {
	font-size: .9em;
	line-height: 1.1em;
}

/* ORANGE RING   */

.content-white#safety  {	
	/* padding: 5% 2% 0 0; */
	background: url(images/redring250.png) center bottom no-repeat #ffffff;
	height: 27em;
}
.content-white#safety h2 {
	font-size: 1.8em;
	line-height: 1em;
	padding-left: 10%; /* 20%; */
}
.content-white#other {
	height: 15em;
}
.content-white#other h2 {
	font-size: 1.8em;
	line-height: 1em;
	padding-left: 10%;
}
ul#history {
	padding: 2% 10% 4% 30%;
}
ul#history li {
	font-size: 1.1em;
	line-height: 1.3em;
	list-style-type: none;
}
/*NEW*/
ul#world {
	padding: 2% 2% 4% 2%;
}
ul#world li {
	font-size: 1em;
	line-height: 1.3em;
	list-style-type: none;
}
.wrapper-white#world .content-white .worldimages img {
	width: 100%;
}
.wrapper-navy  {
	min-height: 10em;
}
.content-navy-center {
	padding: 10% 5% 5%;
}

/* * * * BENEFIT/STORIES BAR HOMEPAGE  * * */

.content-navy-center#benefits, .content-navy-center#resources, .content-navy-center#insurance {
	min-height: 9em;
}
.content-navy-center#annual {
	min-height: 6em;
}
ul#benefitlist {
	padding: 2% 3% 4% 5%;
}
ul#benefitlist li {
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 1em;
	line-height: 1.2em;
	list-style-type: none;
	padding-bottom: .25em;
}
#benefits h2, #resources h2 {
	font-size: 1.4em;
	line-height: 1.2em;
	display: block;
	padding-bottom: .8em;
	text-align: center;
}
.content-navy-center#benefits h2.big {
	top: 55%;
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: rgba(255,255,255,.45);
	font-size: 2.3em; /* 3em; */ 
	line-height: 2em; /* 1.1em; */
	margin-bottom: 0;
	padding-bottom: 0;
}
.content-navy-center#insurance h2.big {
	top: 55%;
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: rgba(255,255,255,.45);
	font-size: 2.7em; /* 3em; */ 
	line-height: 2em; /* 1.1em; */
	margin-bottom: 0;
	padding-bottom: 0;
}
.content-navy-center#resources h2.big {
	top: 55%;
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: rgba(255,255,255,.45);
	font-size: 3em; /* 3.6em; */
	line-height: 1em; /* 1.6em; */
	margin-bottom: 0.3em; /* 0; */
	padding-bottom: 0;
}
.content-navy-center#annual h2 {
	padding: 1em 0;
}


.redButton {
	padding:6px 40px;
}


ul#benefitboxes h3 {
	position: relative;
	top: 80%;
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 1.6em;
	line-height: 1.6em;
}
/* * ARTICLE BOX HOMEPAGE *  */

.ul#articleboxes {
	display: block;
	width: 100%;
	list-style-type: none;
	background: transparent;
	max-width: 75em;
	text-align: center;
	z-index: 0;
	margin: 0 auto;
	overflow: hidden;
}

ul#articleboxes li {
	display: block;
	width: 97%;
/* 	height: 26.5em;
	max-height: 26.5em; */
 	height: 30em;
	max-height: 30em; 
	padding: 0;
	margin: .5em .5em 3em; 
	text-align: center;
	vertical-align: top;
}

ul#articleboxes h4 {
	text-align: center;
	font-weight: bold;
	color: #022342;
	font-size: 1.2em;
	line-height: 1.3em;
	padding: .5em;
		width: 95%;
}
ul#articleboxes p {
	font-family: 'Lato', sans-serif;
	text-align: left;
	color: #022342;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.3em;
	padding: .5em 1em 2em;
	margin-bottom: 1em;
}
ul#articleboxes img {
	width: 95%;
	margin-top: 1em;
}

.content-top#hotline {
	background: url(images/emergency-hotline-image-500.jpg) top center #194a84 no-repeat;
	height: 236px;
}
.content-top#guide {
	background: url(images/medical-guide-image-500.jpg) top center #194a84 no-repeat;
	height: 236px;
}
.content-top#evacuation {
	background: url(images/medical-evacuation-image-500.jpg) top center #194a84 no-repeat;
	height: 236px;
}
.content-top#safety {
	background: url(images/travel-safety-image-500.jpg) top center #194a84 no-repeat;
	height: 236px;
}
.content-top#travel {
	background: url(images/travel-planning-image-500.jpg) top center #194a84 no-repeat;
	height: 236px;
}
.content-top#years {
	background: url(images/thirty-five-years-image-500.jpg) top center #194a84 no-repeat;
	height: 226px;
}
.content-top#membership {
	background: url(images/annual-membership-image-500.jpg) top center #194a84 no-repeat;
	height: 236px;
}
.content-top#members {
	background: url(images/members-image-500.jpg) top center #194a84 no-repeat;
	height: 236px;
}	

/* * * * * * * * * * * * * * * * * * * * PICTURE-LINKS HOME * * * * * * * * * */
.content-nav ul.picture-links {
	display: none;
}

/* * * * * * * * * * * * * * * * * * * * BENEFIT-NAV HOME * * * * * * * * * */
.content-nav ul.benefit-nav {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
.content-nav ul.benefit-nav li {
	text-align: left;
	list-style-type: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 1em 0 1em 10em;	
}
.content-nav ul.benefit-nav a {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 5% 0;		
	border-bottom: 1px solid #fff;
	width: 100%;
	padding: 1em 0 1em 10em;	
	display: block;
}
h2#emergency {
	font-weight: 900;
	color: #ffffff;
	text-align: center;
	font-size: 1.8em;
	padding: .5em 1em;
}

/*******************************************************************/
/* * * * CONTENT TOP HEADLINE 500 * * * * */
h1#benefits {
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	color: #ffffff;
	max-width: 95%;
	font-size: 3em;
	line-height: 1em;
	display: block;
	text-align: left;
	letter-spacing: -1px;
	text-shadow: 3px 3px 6px #000; 
	z-index: 900;
	padding: 5% 0;margin-left: 7%;
}
/* * * * * NAVS 500 * * * * * * */

.wrapper-nav#full {
	display: none;
}
.wrapper-nav#device {
	display: block;
}

/* * *  BLOG-NAV 500 * * * * */
.content-nav ul.blog-nav {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
.content-nav ul.blog-nav li {
	text-align: left;
	list-style-type:none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;	
}
.content-nav ul.blog-nav a {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: .4em 0;	
	border-bottom: 1px solid #fff;
	width: 100%;
	text-indent: 2em;
	margin: 0;
	display: block;
}

/* * * PICTURE-LINKS 500 * * * */
ul#picture-links {
	display: none;
}

/* * * *  BENEFITS-NAV CONTENT 500  * * * */
.benefits-nav {
	/*width: 75em;   removed dhall --- breaks content*/  
	padding: 1em 0 0;
	background-color: #022342;
}

.benefits-nav .tab {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	color: #fff;
	font-size: 1.1em;
	line-height: 2.2em;
	text-indent: 1em;
	padding: 1em 0;
	width: 100%;	
	display: block;
}

.benefits-nav .content {
	background: #fff;
	padding: 1.5em;
	color: #194a84;

}
.benefits-nav .content p {
	font-size: 1em;
	line-height: 1.5em;
	color: #194a84;
	padding: 0 1em 1em 0;
	max-width: 20em;
}
.benefits-nav .content ul, .benefits-nav .content li {
	max-width: 15em;
}

.benefits-nav .content h4 {
	font-family: 'Libre Baskerville', serif;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #194a84;
	max-width: 300px;
}
.content-nav ul.blog-nav a {
	text-indent: 1em;
}

.content-nav ul.blog-nav a:link, .content-nav ul.blog-nav a:visited {
	text-indent: 1em;
}
.content-nav ul.blog-nav a:hover, .content-nav ul.blog-nav a:active, .content-nav ul.blog-nav a.active {
	text-indent: 1em;
}
/* * * * * * * * * * * * * * * * * * * * ARTICLES: WHITE TEXT CONTENT * * * * * * * * * */

.content-white-text h1 {
	color: #022342;
	font-size: 1.8em;
	line-height: 1.2em;
	display: block;
	padding: 2% 5% ;
}
.content-white h2, blog-link-text h2 {
	color: #022342;
	font-size: 1.4em;
	line-height: 1.6em;
	display: block;
	padding: 2% 5% ;
}
.content-white p {
	font-size: 1em; 
	font-weight: 200;
	color: #022342;
	letter-spacing: .4px;
	line-height: 1.4em;
	padding: 2% 2%; /* 2% 10%; */
}
.content-white p.first {
	font-family: 'Lato', sans-serif; 
	font-size: 1.2em; 
	color: #022342;
	letter-spacing: .4px;
	line-height: 1.4em;
	padding: 1% 5% 2%;
}

/* * * *  BLOG LINK CONTENT 500 * * * * * */

.content-white-text .blog-link-text p.first  {
	display: none;	
}
 figure img.device {
	float: left;
	width: 45%;
	margin: 0 0 .5em 1em;
	clear: right;
	display: block;
}
 figure img.desk {
	display: none;
}
figure img.horiz-small { /* Image in Text Column of Article */
	float: left;
	padding: 2% 2% 2% 10%;
	width: 75%;
}
/* * * * * * * * * * * * * * * * * * * * BUTTONS * * * * * * * * * * * * * * * * * */
.redButton {
	font-size: 1em;
	font-weight:normal;
	padding: 4px 22px;
	
}
/* * * * * * * * * * * * * * * * * * * * FOOTER * * * * * * * * * * * * * * * * * * * */
#footer {
	background: transparent;
	text-align: left;	
	padding: 2em 0 6em 0;
}
/* * * * * * * * * * * SOCIAL * * * * * * * * * * * * */

#social-bottom {
		padding: 2em 0 12em 0;
}

}