/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
ol { 
  margin-left: 1.4em; 
  list-style: decimal; 
}
ul { 
  margin-left: 1.4em; 
  list-style:square; 
}
img {
  border: 0;
}
/* end reset browser styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #333 url(images/body-bg.jpg) repeat-x;
	width: 900px;
	margin: 0 auto;
}

a {
 text-decoration: none;
 
}


#wrapper {
	width: 900px;
	background: #fff url(images/blue-bar.jpg) repeat-y;
	float:left;
}


#main {
	float: left;
	width: 682px;
	background-color:#FFFFFF;
	padding-bottom:30px;
}


#header {
	height: 50px;
	background: #333 url(images/header.jpg) no-repeat;
	width: 900px;
	margin: 0 auto;
}


#providerbox {
	background-color:#333366;
	padding:20px;
	margin-bottom:20px;
	margin-top:20px;
}

#providerbox .text {
	color:#ffffff;
	margin: 0px;
}

#infobox {
	margin-top: 20px;
	float:right;
	margin-right:15px;
	font-family: 'Marcellus SC', serif;
}

#infobox .text {
		color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 135%;
	margin: 5px;
}

#infobox a {
	text-decoration: none;
	color:#fff;
	padding:5px;
	background-color:#06C;
}


#sidebar {
	padding: 10px;
	background: #E9F5FE;
	float: right;
	width: 198px;
}

#sidebar h2 {
	font-size: 1em;
	color:#3366CC;
	margin-bottom: 5px;
		margin-top: 30px;
	font-weight:bold;
}

#sidebar p {
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 120%;
	margin-bottom: 10px;
}

.link {
    background: url(images/link.png) no-repeat right top;
	padding-right: 20px;
	text-decoration:none;
	border-bottom: 1px #999 solid;
	color:#333399;
	font-weight:bold;
}


h1 {
	font-size:15px;
	color:#003366;
	font-weight:bold;
	margin-bottom: 20px;
	margin-top:10px;
	margin-left:0;

}
.articles h1{
	padding: 0 20px
}
h1 span {
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
		font-weight:normal;
		margin-left:20px;
}



#main h2 {
	color:#003399;
	border-bottom: 1px #76acc1 solid;
	padding: 5px 0 2px 30px;
		margin-bottom: 5px;
	margin-top:10px;
	font-weight:bold;
	letter-spacing:.1em;
	font-size: 1.1em;
}

#main p {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 145%;
	margin-left: 50px;
	margin-right: 30px;
		margin-top: 20px;
}


#main .intro {
	color: #6A94CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-left: 0;
	margin-bottom: 25px;
}

#main a {
	text-decoration:none;
	color:#333399;
	font-weight:bold;
}


.states {
	font-size: 12px;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	line-height:17px;
	color:#006699;
	font-weight:bold;
	margin-left:35px;
		border-bottom: 1px #006699 solid;
}

#tabs {
	  float: none;
      width:900px;
	  height: 34px;
	  padding-top:50px;
      line-height:normal;
	  background:url(images/header.jpg);
      }
    #tabs ul {
      font-size: 13px;
	  margin:0;
	  padding:10px 10px 0 20px;
        list-style: none outside none;
	  font-family: Arial, Helvetica, sans-serif;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url(images/tableft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url(images/tabright.gif) no-repeat right top;
      padding:5px 7px 4px 3px;
      color:#FFF;
      }
    #tabs a span {
	  float:left;
	  }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
color:#000000 !important;
font-size:1em;
}


.video{
	background-image:url('../images/video-background.jpg'); background-repeat:no-repeat; 
	background-position:top left; 
	padding:10px; 
	color:#fff; 
	font-size:14px; 
	float:left; 
	margin-bottom:20px; 
	border:1px #333 solid; 
	width:650px; 
	margin-top:40px;
}
.video2{
	width: 570px;
	margin-bottom:40px; 
	margin-left:50px;
	float: none;
	clear: both;
}
#main h2{
	clear:both;
}
.three-column{
	display:flex;
	flex-direction: row;
align-items: center;
align-items: flex-start;

}
.form{
	width:500px; 
	margin-left:45px; 
	margin-top:30px;
}


.desktop{display:block;}
.mobile{display:none;}

/* Mobile
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 800px) {
	.desktop{display:none;}
	.mobile{display:block;}
	body{
		width:100%;
		padding: 120px 0 0;
		background: url('../images/hc4v-logo-alt.svg') no-repeat center 15px #fff;
		background-size:70%;
	}
	#infobox{
		margin: 20px auto 0;
    float: none;
	text-align:center;
	}
	#tabs{
		float: none;
    width: 100%;
    height: auto;
    padding: 20px 0;
    line-height: normal;
    background:none;
	}
	#tabs ul{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap:5px;
	}
	#wrapper, #main, #sidebar{
		width:100%;
	}
	#sidebar{
		padding: 20px;
    width: auto;
    margin: 0 auto;
    float: none;
	clear: both;
	}
	#main .banner.mobile{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
    gap: 10px;
	margin-bottom: 30px;
	}

	#main .banner a.btn{
		font-size: 14px;
		color:#fff;
		border-radius:100px;
		background:#372A84;
		padding: 6px 12px;
		margin: 10px 0 ;
	}
	#main h2{
		padding: 5px 0 2px 0;
		
		margin:0 20px 20px;
	}
	#main p{
		margin:0 20px 0;
	}
	#main p:last-of-type{
		margin-bottom:0;
	}

	.video, .video2{
		width: 95%;
		padding: 8px 5px;
		margin: 0 auto;
		float: none;
		clear: both;
	}
	.three-column{
		display:flex;
		flex-direction: column;
		align-items: center;
		gap:20px
	}
	.form{
		width:auto; 
		padding: 0 15px;
		margin:20px 0 0;
	}

	iframe{
		width:100%;
		height:250px;
	}
	.form iframe{
		height:550px;
	}

	.nomargin{
		margin:0  !important;
	}
	
}