body { 
margin : 0 auto;
padding : 0;
font : 100%/1.4;
font-family:Arial, Helvetica, Agenda; 	
color : #000; 
text-align: center;
background: #fff;


}
#navigation {width:95%; margin:auto; text-align:justify; max-width:1065px}
.emergency {color:#b6b6b6}
.logo {float:left; padding-top:25px; 
	}
	
.logo img {
	width:100%; max-width:100%; 
	
	}
.header {width:85%; 	
		}
button, 
input, 
select, 
textarea { 
font-family : Agenda, Arial; 
color : #333;}

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-family:   Agenda, Arial;
font-weight : normal;
margin-top: 10px;
letter-spacing: -1px;
}

h1 { 
font-family: Agenda, Arial;
color: #003946;
margin-bottom : 0.2em;
font-size : 48px; /* 96 / 16 */
line-height : 1.4;
padding-right:40px;
}


h2 { 
color: #424242;
margin-bottom : .5em;
margin-top : .5em;
font-size : 30px; /* 40 / 16 */
line-height : 1.2;
}

h3 { 
color: #003946;
margin-bottom : 0.3em;
letter-spacing: -1px;
font-size : 15px; /* 28 / 16 */
line-height : 1.3; }


h4 { 
color: #444;
margin-bottom : 0.5em;
font-size : 1.5em; /* 24 / 16  */
line-height : 1.25; }

	footer h4 { 
		color: #ccc;
	}
	
	

h5 { 
color: #555;
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */ }

h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */ }

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }


ul, 
ol { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }


small { 
font-size : 1em; /* 16 / 16 = 1 */ }


/* LINKS =============================================================================  */

a { 
color : #4a7295;
/*-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;*/
text-decoration: none;
font-weight: bold;
}
small {font-size:12px; line-height:10px}



a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a:hover, 
a:active { 
outline : 0;
text-decoration: underline;
font-weight: bold;

}


a.footer { 
color : #4a7295;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a.footer:visited { 
color : #4a7295; }

a.footer:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a.footer:hover, 
a.footer:active { 
outline : 0;
color : #4a7295;
}


/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }



/* FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:5px;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:#666;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:#ccc;
	}


button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle;
 }

button, input { 
line-height : normal; 
*overflow : visible; -webkit-appearance: none;}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
padding: 0.5em 1em;
margin: 0;
cursor : pointer; 
color:#fff;
-webkit-appearance: none;
}

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}


input::-moz-focus-inner { 
padding : 0;
border : 0;  }

input{
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
background:#fff;

}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#fff;
	background:#f5f5f5;
	
	}


/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : #ccc; }

input[type="submit"] {
width: auto;
padding: 6px 10px;
font-size: 16px;
font-weight: 700;
color: #fff;
background-color: #0672b9;
border: none;
outline: none;
float: left;
margin-top: 6px;
text-transform: capitalize;}

/*  MAIN LAYOUT	============================================================================= */

#skiptomain { display: none; }

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}

	#headcontainer {
		width: 100%;
		
	}

		header {
			clear: both;
			width: 85%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			padding: 30px 0px 10px 0px;
			position: relative;
			color: #000;
			text-align: center;
		}
 
   
		

	#maincontentcontainer {
		width: 100%;
		
	}

		
			#maincontent{
				clear: both;
				width: 80%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				padding: 1em 0px;
				color: #333;
				line-height: 1.5em;
				position: relative;
			}
		
			.maincontent{
				clear: both;
				width: 80%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 92.3em; /* 1200px / 13 */
				margin:0  auto;
				padding: 1em 0px;
				color: #333;
				line-height: 1.5em;
				position: relative;
			}

	#footercontainer {
		margin:auto;
		background: #757575;
		border-bottom:2px solid #FFF;
		height:56px;
		width:100%;
		color: #fff;
		
	}
	
	#indexfootercontainer {
		margin:auto;
		background: #e6eced;
		border-bottom:2px solid #FFF;
		/*height:56px;*/
		width:100%;
		color: #424242;
		
	}
	
	#footercontainer a {text-decoration:none}
		footer {
			clear: both;
			width: 100%; /* 1000px / 1250px */
			font-size: 16px; /* 13 / 16 */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			padding: 10px 0px 10px 0px;
			color: #fff;
		}

		footer strong {
			font-size: 1.077em; /* 14 / 13 */
			color: #aaa;
		}

		footer a:link, footer a:visited { color: #fff; text-decoration: underline; }
		footer a:hover { color: #fff; text-decoration: underline; }

.footerbottom {background:#ccd8da; color:#003946; min-height:600px; line-height:22px}

.footerbottomblue {background:#ccd8da; color:#003946;line-height:22px  }
.footerbottom a {color:#4a7295;}
.footerbottomblue a {color:#4a7295;}
.footerbottomgreen {background:#ccd8da;  color:#003946; line-height:22px}
.footerbottomgreen a {color:#4a7295;}

.footertext {width:79%; margin:auto; padding:20px; text-align:justify; max-width:1060px }
.footertext h3 {font-size:18px; color:#003946; }	

			
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

	
#plan {margin-left:15%}



/*  SCREENS  ============================================================================= */

.siteimage {
	max-width: 90%;
	padding: 5%;
	margin: 0 0 1em 0;
	background: transparent url(/images/stripe-bg.png);
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.siteimage:hover {
	background: #bbb url(/images/stripe-bg.png);
	position: relative;
	top: -2px;
	
}

/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }


/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }




::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }



p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

.planBox {
width: 190px;
height: 165px;
background-color: #f1f0f0;
float: left;
margin: 5px 23px;
text-align:center;
font-family: Agenda, Arial;
color:#003946;
    border: 2px solid #eaab00;


}

.planBox .cost {
color: #eaab00;
font-size: 3.125em;
text-align: center;
line-height: 1.0em;
font-weight: bold;
    
}
.planBox .duration {
text-align: right;
font-size: .5em;
line-height: 2.0em;
padding-right: 2%;
color:#eaab00;
font-weight:bold;
 
}
.planBox .annualFee, .planBox .enrollmentFee {
font-size: 13px;
line-height: 1.0em;
text-align: center;
margin: 5px 0;
}
.planBox .enrollmentFee {
color: #003946;
}
.planBox .enrollmentFee {
font-size: 12px;
line-height: 1.0em;
text-align: center;
margin: 5px 0;
}
/*.textShadow {
text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}*/
.planBoxContainer {
width: 815px;
float: none;
margin: 0 auto;}

.text {
	font-size:16px; 
	color:#424242; 
	text-align:center;
	width:75%;
	padding-right:47px;
}
.benefitContainer {
	font-size:16px; 
	color:#424242;
	margin-left:30%;
	text-align:left
}
/* orange arrow */
.arrow_box {
	position: relative;
	background-color: #ccd8da;
	border-bottom:1px solid #ccd8da;
	margin-top:21px;
	width:38px;
	margin-left:50px
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 159, 0, 0);
	border-bottom-color: #ccd8da;
	border-width: 17px;
	margin-left: -17px;
}
.arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
/* blue arrow */

.arrow_box1 {
	position: relative;
	background: #ccd8da;
	border-bottom:1px solid #ccd8da;
	margin-top:21px;
	width:38px;
	margin-left:30px
}
.arrow_box1:after, .arrow_box1:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box1:after {
	border-color: rgba(255, 159, 0, 0);
	border-bottom-color: #ccd8da;
	border-width: 17px;
	margin-left: -17px;
}
.arrow_box1:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
/* green arrow, now making it hellow */
.arrow_box2 {
	position: relative;
	background: #ccd8da;
	border-bottom:1px solid #ccd8da;
	margin-top:21px;
	width:38px;
	margin-left:45px
}
.arrow_box2:after, .arrow_box2:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box2:after {
	border-color: rgba(255, 159, 0, 0);
	border-bottom-color: #ccd8da;
	border-width: 17px;
	margin-left: -17px;
}
.arrow_box2:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}

/* orange arrow */
.arrow_box3 {
	position: relative;
	background: #ff9f00;
	border-bottom:1px solid #ff9f00;
	margin-top:21px;
	width:38px;
	margin-left:35px
}
.arrow_box3:after, .arrow_box3:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box3:after {
	border-color: rgba(255, 159, 0, 0);
	border-bottom-color: #ff9f00;
	border-width: 17px;
	margin-left: -17px;
}
.arrow_box3:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}

/* faq blue arrow */
.arrow_box4 {
	position: relative;
	background: #ccd8da;
	border-bottom:1px solid #ccd8da;
	margin-top:21px;
	width:38px;
	margin-left:0px
}
.arrow_box4:after, .arrow_box4:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box4:after {
	border-color: rgba(255, 159, 0, 0);
	border-bottom-color: #ccd8da;
	border-width: 17px;
	margin-left: -17px;
}
.arrow_box4:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
/* green arrow */
.arrow_box5 {
	position: relative;
	background: #ccd8da;
	border-bottom:1px solid #ccd8da;
	margin-top:21px;
	width:38px;
	margin-left:25px
}
.arrow_box5:after, .arrow_box5:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box5:after {
	border-color: rgba(255, 159, 0, 0);
	border-bottom-color: #ccd8da;
	border-width: 17px;
	margin-left: -17px;
}
.arrow_box5:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
.table {border:solid 1px #FFF; padding:10px; text-align:center}
.table tr td{border:solid 1px #757575;padding:10px}
.signup {color:#4a7295; font-size:18px; font-weight:bold; text-align:center; margin-right:30%}


@media only screen and (max-width: 640px) {
.menu_cont nav ul li{font-size: 12px;width: 20%;}
.menu_cont nav ul li a{padding: 20px 18px;}
.menu_cont nav ul li span.step{padding: 5px 4px;font-size: 12px;}
.header h1 {font-size:32px; margin-top:35px}
.header h2 {font-size:22px}
    .span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
.text {
	
	text-align:left;
	width:100%

}
.benefitContainer {margin-left:10%}
.footertext { text-align:left;}

.planBox {
	float:left;
width: 260px;
height: 200px;
background-color: #f1f0f0;
text-align:center;
font-family: Agenda, Arial;
margin-left:0px
}
#plan {margin-left:0px !important; margin-right:30px}
.planBox .cost {
color: #ff9f00;
font-size: 6em;
text-align: center;
line-height: 1.0em;
margin: 14px 10px 0 0;
font-weight: bold;
}
.planBox .duration {
text-align: right;
font-size: .8em;
line-height: 2.0em;
padding-right: 14%;
margin: -5px 0 0 0;
color:#ff9f00
}
.planBox .annualFee, .planBox .enrollmentFee {
font-size: 15px;
line-height: 1.0em;
text-align: center;
margin: 5px 0;
}
.planBox .enrollmentFee {
color: #ff9f00;
}
.planBox .enrollmentFee {
font-size: 15px;
line-height: 1.0em;
text-align: center;
margin: 5px 0;
}
.textShadow {
text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

.signup {margin-right:15%}
.header {width:100%; 
		}
.logo { position:relative; top:5px; left:25px; margin-right:5%
	}
	

}

@media only screen and (max-width: 768px) {
	
.header h1 {font-size:22px; margin-top:45px}
.header h2 {font-size:16px}
#plan {margin-left:0px; width:100%}
	.planBox {
width: 180px;
height: 155px;
background-color: #f1f0f0;
float: left;
margin: 5px 5px;
text-align:center;
font-family: Agenda, Arial;

}
	
.box-shadow-menu {
  position: relative;
  padding-left: 1.25em;
}

.box-shadow-menu:after {
  float:right;
  content: "";
  margin-right:10px;
  margin-top:3px;
  width: 1em;
  height: 0.15em;
  background: #999999;
  box-shadow: 
    0 0.25em 0 0 #999999,
    0 0.5em 0 0 #999999;
}	
}



asterisk{
   color: #757575;
    text-align: center;
    font-size: 12px;
}

.enrollbutton{
    background-color: #eaab00;
    font-size: 18px;
    font-weight: bold;
    color: #003946;
    padding: 10px 16px 10px 16px;
}

a.enrollbutton:hover{
    background-color: #003946;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    padding: 10px 16px 10px 16px;
	text-decoration:none;
}



/*MOB_MENU*/
.menu_cont nav {float: left;width: 100%;}
.menu_click{display:block; background-color:#F2F5F6;width: 97%;height: auto;overflow: hidden;padding: 10px 0;padding-left: 10px;color:#999999; font-size:18px; text-decoration:none;
background-image: url(images/nav-icon.png);background-repeat: no-repeat;background-position: 95% center;box-shadow: inset 0px 0px 2px rgba(0,0,0,0.2); cursor:pointer; border:1px solid rgba(0, 0, 0, 0.2);}
.menu_cont nav ul{ display:none;position:relative; width:100%; overflow:hidden;}
.menu_cont nav ul li{font-size: 14px; width: 100%;text-align:left; border-bottom: 1px solid rgba(0, 0, 0, 0.26); height:auto;margin: 0;padding:0; background-color: rgba(3, 109, 181, 0.03);}
.menu_cont nav ul li a{padding: 12px 12px;}
.menu_cont nav ul li:hover span.arrow{ display:none !important;}
.menu_cont nav ul li.active span.arrow{display:none !important;}
.menu_cont nav ul li.active a{background-color:#003946; color:#fff;text-decoration:none;}
.menu_cont nav ul li.active span.step{ display:none;}
.menu_cont nav ul li span.tick{ display:none;}
.menu_click{ display:none;}
.menu_cont{ float:right; width: 100%;}
.menu_cont nav{ float:right; width:auto;}
.menu_cont nav ul{ padding:0; margin:0;}
.menu_cont nav ul li{font-size:14px; font-weight:400; color:#EAAB00; float:left; list-style:none; text-align:center; position:relative;width: 20%; text-decoration:none;}
.menu_cont nav ul li a{color:#EAAB00;padding: 20px 25px;display: block;}
.menu_cont nav ul li:hover{ background-color:#003946; text-decoration:none;}
.menu_cont nav ul li:hover a{color:#fff;}
.menu_cont nav ul li span.arrow{ display:none;width: 0;z-index: 2;
height: 0;-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 20px solid #003946;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;margin-bottom: -20px;}
.menu_cont nav ul li:hover span.arrow{ display:block !important;}
.menu_cont nav ul li.active a{background-color:#003946; color:#fff; text-decoration:none;}
.menu_cont nav ul li.active span.arrow{ display:block;}
.menu_cont nav ul li.gray{ background-color:#EAAB00;text-decoration:none;}
.menu_cont nav ul li.gray a{color:#003946; text-decoration:none;}
.menu_cont nav ul li.gray:hover span.arrow{ display:none !important;} 
.gray_txt{font-family: Arial, Helvetica, Agenda; font-size: 16px;font-weight: 400;color: #EAAB00;padding-left: 20px;margin-bottom: 16px;}
.gray_txt, .confirmation_box h3{font-size:14px;}

.menu_cont nav ul li span.step{ display:none; background-color:#ff9a00; padding:5px; font-size:14px; text-transform:capitalize; color:#fff; text-align:center; font-weight:bold;position: absolute;
left: 0;
right: 0;
margin: auto;
width: 52%;
top: 102px;}
.menu_cont nav ul li.active span.step{display:block;}
.menu_cont nav ul li span.tick{position: absolute;
left: 0;
right: 0;
margin: auto;
width: 52%;
top: 102px;}