@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat');

body {
	background-color: #d9e1e7;
	background-image: url(/images/bgcolor3.png);
	background-repeat: repeat-x;
	max-width: 825px;
	margin-left: auto;
	margin-right: auto;
	font-family: Montserrat;
	font-size: 13pt;
}

header {
	border-left: solid 1px #899ca9;
	border-right: solid 1px #899ca9;
}

img { max-width: 100%; height: auto; vertical-align: bottom;}

main { border-left: solid 1px #899ca9;
	  border-right: solid 1px #899ca9; }

a:link,a:visited { text-decoration:none; color: #0a90d0; font-weight: bold; }
a:active,a:hover { text-decoration:underline; color:#f7b119; outline: 0; }

/* Navigation */

.navbar ul {
	list-style-type: none;
	background-color: #eaf0f5;
	padding: 0px;
	margin: 0px;	
}

.navbar a {
	text-decoration: none;
	color: #3c5b72; 
	font-weight:bold;
	text-align: center;
	padding: 10px;
	display: block;
}

.navbar a:hover {
	color: red;
	background-color: #bdd7de;
	text-decoration: none; 
	font-weight: bold; 
	font-style: italic;
}

/* Home Page Banner */
.hero-box {
	height: 290px;
	background-color: #FFFFFF;
	background-image: url("../images/Car-Safety.jpg");
	background-size: cover;
	margin: 1%;
}



p.larger { font-size:18pt; }

/* ------------- Font Colors --------------*/
.blue { color: #0095da; }
.yellow { color: #fcb316; }
.green { color: #7eb242; }
.red { color: #ef374e; }

/* ------------- Font Attributes --------------*/
.bold{font-weight: bold;}
.italic{font-style: italic;}
.bold-italic{font-weight: bold; font-style: italic;}
.underline{text-decoration:underline;}
.underline-bold{text-decoration:underline; font-weight: bold; }


/*------------ Header Tags -------------------*/
h2 { font-size: 260%; }
h3 { font-size: 200%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }

main {padding: 0px; align-content: center;}

.left-content-small{float:left;width:218px; padding-left:10px; padding-right:10px; background:#ffffff;padding-top: 5px; vertical-align: top; }

.right-content-large {float:right; width:auto; padding-right: 10px; background-color: #ffffff; vertical-align: top; }

.col img { 
	width: auto; 
	height: auto;
	float: left;
	display: block;
}

.col {
	width: 23%;
	float: left;
	margin: 1%;
	float: left;
}

.col2 img { 
	width: 100%;
	auto: auto;
	display: inline;
}

.col2 {
	width: 23%;
	float: left;
	padding-left: 160px;
	margin: 1%;
}

.rTable {
   display: table;
   width: 100%;
}

.rTableRow {
   display: table-row;
}

.rTableCell1 {
   display: table-cell;
   padding-left: 0px;
   padding-right: 10px;
   padding-top: 0px;
   vertical-align: top;
   width: 170px;
}

.rTableCell2 {
   display: table-cell;
   padding-left: 0px;
   padding-right: 10px;
   padding-top: 0px;
   vertical-align: top
}

/* Tablet - Large
@media (max-width: 825px){
	body {font-size: 12pt;}
	header img {width: 100%; height: auto; vertical-align: bottom;}		
	nav {padding-right: 30px;
	padding-top: 20px;}
	nav ul li {
	display: block;
	padding-left: 20px;}
	.hero-box {
	height: 246px;
	width: 820px;
	h1{font-size: 40px;
	text-align: center;
	padding-left: 0px;}
	.col {width: 48%;}
	.col2 {width: 48%;
	padding-left: 180px;}
	footer img {width: 169px; height: auto;}
}
*/	


/* Tablet - Regular 
@media (max-width: 768px){
	body {font-size: 12pt;}
	header img {width: 100%; height: auto;}
	header {height: 187px;}	
	nav {padding-right: 30px;
	padding-top: 10px;}
	nav ul li {
	display: block;	
	padding-left: 20px;}
	.hero-box {
	height: 228px;
	width: 760px;
	h1{font-size: 40px;
	text-align: center;
	padding-left: 0px;}
	.col {width: 48%;}	
	.col2 {width: 48%;
	padding-left: 170px;}
	footer img {width: 141px; height: auto;}
}*/


	
/* Mobile 
@media (max-width: 400px){
	body {font-size: 9pt;}
	header img {width: 100%; height: auto;}
	header {height: 97px;}	
	p.header { font-family:Montserrat; font-size: 18px; text-align: left; padding-left: 15px;}
	p.text {font-family:Montserrat; font-size: 10px; text-align: left; padding-left: 25px; padding-right: 15px;}
	li.body {font-family:Montserrat; font-size: 10px; text-align: left; padding-right: 15px;}
	#bottom-text-bg { margin:auto; background:url(images/bottom-text-bg-yellow-sm.gif) repeat-x; }
	padding-top: 10px;}
	nav ul li {
	display: block;}
	.hero-box {
	height: 118px;
	width: 395px;
	background-image: url("../images/Car-Safety-400px.jpg");}
	h1{font-size: 28px;}
	.col {width: 98%;}
	.col2 {width: 98%;
	padding-left: 0px;}
	footer img {width: 113px; height: auto;}

}*/