html body {
width:100%;
height:100%;
/*overflow:hidden;*/
font-family: Lato, Arial;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 0.1em;
line-height: 1.5em;

color:#555555;
background-color: #ffffff;
margin:0;
padding:0;
}

a img {
	border: none;
        margin-top: 0;
}
a {
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
a{
    color: #369fc1;
}
a:hover{
    color: #8d802e;
    
}

p{
    margin-top: 0;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}



.fontsize_small{
    font-size: 10px;
}
.fontsize_med{
    font-size: 14px;
}
.fontsize_large{
    font-size: 20px;
}
.fontw_xlight{
    font-weight: 100;
}
.fontw_light{
    font-weight: 300;
}
.fontw_med{
    font-weight: 400;
    color: #333;
}
.fontw_bold{
    font-weight: 800;
    color: #333;
}
.centeredText{
    text-align: center;
}


.splide__slide img {
	width : 100%;
	height: auto;
}



.header{
    background-color: #333;
    padding: 40px 0 20px 0;
    text-align: center;
    color: #ffffff;
}

.row_title{
    background-color: #333;
    padding: 20px 0 20px 0;
    text-align: center;
    color: #ffffff;
}

.row_container{
    background-color: rgba(255, 255, 255, 0.5);
}

.tab_inner{
    width: 60%; 
    margin:0 auto; 
    padding: 45px 0 20px 0;
}

.spacer{
    height:200px;
}


#footer{
    background-color: #333;
    text-align: center;
    padding: 10px 0 10px 0;
    font-size: 10px;
    color: #ccc;
}
#footer a{
    color: #ddd;
}
#footer a:hover{
    color: #000;
}
#footer a:active{
    color: #369fc1;
}


.width1000{
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.colored_bar{
    height: 30px;
    background: url(img/colored_bar.gif) no-repeat center center;
}

.white{
    color: #fff;
}

.blue{
    color:#157EA1;
}

.showcursor{
    cursor: pointer;
}