html, body { padding:0; margin:0; color:#000; background: #fff; font-family: "Arial", Helvetica, Sans Serif;
}
* {
	box-sizing: border-box;
}


a:link {
    color: #0006d5;
}

a:visited {
    color: #0006d5;
}

a:hover {
    color: #900a20;
}

/* selected link */
a:active {
    color: blue;
}


#content { max-width:1200px;
	margin:auto;
	text-align:center;
}

.wrapper {
	background: #fff;
	width: 100%;
	text-align:center;
}

#header {
	background: #2e3192;
	min-height:85px;
}

#footer {
	background: #2e3192;
	min-height:240px;
	font-family: Arial, Helvetica, Sans Serif;
}

.footermenu {
	float: left;
	text-align:left;
	font-size:12px;
	color:#fff;
	padding:4px;
}

.logotop {
	float: left;
	padding:14px 14px 0 14px;
}

.logobtm {
	float: right;
	padding:24px 14px 0 14px;
}

.search {
	float: right;
	text-align:right;
	color:#fff;
	padding:14px;
}

h1 {
	font-size:20px;
	font-family: Trebuchet MS;
}

h2 {
	font-size:16px;
	font-family: Trebuchet MS;
	color:#2e3192;
}

h3 {
	font-size:14px;
	font-family: Trebuchet MS;
	font-weight:normal;
	color:#000;
}

p {
	font-size:16px;
	padding:4px;
	font-family: Trebuchet MS;
	font-weight:normal;
	color:#000;
	text-align:left;
}

.prod-hd {
	width:100%;
	background:#d1d6e5;
	padding:6px;
}

.prod-pg-left {
	width:100%;
	background:#d6e6ff;
}

.blurb {
	color:#2e3192;
	padding:12px;
	font-size:16px;
	text-indent: 0px;
}

.prod-pg-left p {
	font-size:14px;
	padding:10px;
}

.bullet {
	text-align:left;
	padding-right:4px;
	line-height:16px;
}

.redbox {
	width:95%;
	border: 1px solid #900a20;
	text-align:center;
}

/* Tables */

#table1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#table1 td, #table1 th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px;
}

#table1 tr:nth-child(even){background-color: #f2f2f2}

#table1 th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #900a20;
    color: white;
}

td { 
    padding: 4px;
}

table { 
    border-spacing: 4px;
    border-collapse: separate;
}


/* End Tables */



[class*="col-"] {
    float: left;
    padding: 6px;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}


/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 640px) {
	
#footer {
	min-height:340px;
	}
}


@media only screen and (min-width: 768px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
.blurb {
	color:#2e3192;
	padding:12px;
	font-size:14px;
	text-indent: 0px;
	}
	
#footer {
	min-height:340px;
	}
}

@media only screen and (min-width: 960px) {
    /* For desktop: */
.blurb {
	color:#2e3192;
	padding:12px;
	font-size:18px;
	text-indent: 0px;
	}
	
	#footer {
	min-height:170px;
	}
	   
	.col-3 {width: 25%;}

}


/* this slideshow is for all modern browsers and uses css animation */
#slideshow {width:100%; position:relative;}
#slideshow .blank {display:block; width:100%;}

#slideshow .slide {position:absolute; left:0; bottom:0; width:100%; height:100%; opacity:0;}
#slideshow .slide img {display:block; width:100%; height:100%;}
#slideshow .slide p {display:block; padding:20px; background: url(../cssslider_files/csss_images1/slider-text-bg.jpg) left top; position:absolute; right:4%; bottom:5%; font: 24px/28px "Open Sans Condensed",sans-serif; color:#fff; border-radius:6px; text-align:right;}
#bullets {position:absolute; left:0; bottom:0; text-align:center; width:100%;}
#bullets span {display:inline-block; width:18px; height:18px; margin:5px; background:#2e3192; border-radius:20px;}

/* each slide shows for 5 seconds. The first value (15s) is the total for 3 slides. The second time is the delay for each slide */
#slideshow .slide:nth-of-type(1) {-webkit-animation:autoplay 15s linear infinite 0s; animation:autoplay 15s linear infinite 0s;}
#slideshow .slide:nth-of-type(2) {-webkit-animation:autoplay 15s linear infinite 5s; animation:autoplay 15s linear infinite 5s;}
#slideshow .slide:nth-of-type(3) {-webkit-animation:autoplay 15s linear infinite 10s; animation:autoplay 15s linear infinite 10s;}

/* each slide shows for 5 seconds. The first value (15s) is the total for 3 bullets. The second time is the delay for each bullet */
#bullets span:nth-of-type(1) {-webkit-animation:bullets 15s linear infinite 0s; animation:bullets 15s linear infinite 0s;}
#bullets span:nth-of-type(2) {-webkit-animation:bullets 15s linear infinite 5s; animation:bullets 15s linear infinite 5s;}
#bullets span:nth-of-type(3) {-webkit-animation:bullets 15s linear infinite 10s; animation:bullets 15s linear infinite 10s;}

@keyframes autoplay {
	5%,30% {opacity:1;}
	0%,40%,100% {opacity:0;}
}
@-webkit-keyframes autoplay {
	5%,30% {opacity:1;}
	0%,40%,100% {opacity:0;}
}

@keyframes bullets {
	5%,30% {background:#900a20;}
	0%,40%,100% {background:#2e3192;}
}
@-webkit-keyframes bullets {
	5%,30% {background:#900a20;}
	0%,40%,100% {background:#2e3192;}
}

@media only screen and (max-width:768px){
#slideshow .slide p {font: 18px/22px "Open Sans Condensed",sans-serif;}
#bullets span {width:15px; height:15px; margin:3px;}
}
@media only screen and (max-width:480px){
#slideshow .slide p {display:none;}
#bullets span {width:10px; height:10px; margin:2px;}
}