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

#slideshow{
	width:100%;
	height:502px;
	position:relative;
	z-index:50;
	background-color:#2b4e7a;
}
#slideshow .slide .container{
	max-width: 960px;
	height:502px;
	margin:auto;
	position:relative;
}
#slideshow .slide .slideText h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#2b4e7a;
	font-style:italic;
	font-size:22px;
	font-weight:400;
	margin-bottom:8px;
}
#slideshow .slide .slideText h4{
	color:#5e5e5e;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:28px;
}
#slideshow .slide .slideText p{
	color:#5e5e5e;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:18px;
}
#slideshow .slide .slideText a{
	color:#5e5e5e;
	text-decoration:underline;
}
#slideshow .slide .slideText a:hover{
	text-decoration:none;
}
#slideshow .slide .slideText p.dots{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	color:#747474;
	font-size:22px;
	margin:0 0 15px 0;
}
#slideshow #slide1 .slideText{
	width:395px;
	position:relative;
	left:500px;
	top:145px;
	padding:20px;
	background:url(../images/index/trans-bg.png)
}
#slideshow #slide2 .slideText{
	width:375px;
	position:relative;
	left:510px;
	top:145px;
}
#slideshow #slide3 .slideText{
	width:375px;
	position:relative;
	left:510px;
	top:145px;
}
#slideshow #slide1{
	background:url(../images/index/slide1v2_bg.jpg) no-repeat center;
	height:502px;
	width:100%!important;
}
#slideshow #slide2{
	background:url(../images/index/slide1_bg.jpg) no-repeat center;
	height:502px;
	width:100%!important;
}
#slideshow #slide3{
	background:url(../images/index/slide1_bg.jpg) no-repeat center;
	height:502px;
	width:100%!important;
}
#pagerWrapper{
	max-width: 960px;
	margin:auto;
	position:relative;
	top:0;
}
#pager{
	height:16px;
	position:absolute;
	left:510px;
	top:449px;
	z-index:60;
}
#pager ul{
	list-style:none;
}
#pager li{
	overflow:hidden;
	margin-right:10px;
	float:left;
	position:relative;
}
#pager li a{
	height:15px;
	width:15px;
	display:block;
	background-image:url(../images/index/dots.png)
}
#pager li.activeSlide a{
	background-position:-15px 0;
}
#pager li a span{
	margin-left:-5000px;
}

#bottomBoxes{
	max-width: 960px;
	margin: 20px auto;
    position:relative;
	
}
#bottomBoxes p{
	float:right;
	text-align:right;
	clear:both;
	color:#4e4e4e;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:20px;
	padding: 20px;
}
#bottomBoxes a{
	width:155px;
	display:block;
	border-bottom:solid 4px #2b4e7a;
	color:#2b4e7a;
	margin-top:20px;
	float:right;
	clear:both;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-decoration:none;
}
#bottomBoxes a:hover{
	color:#2b4e7a;
}
#box1{
    background-color: #cfebf7;
	height:286px;
	width:294px;
	float:left;
	margin-right:40px;
}
#box1 h5, #box2 h5{
	color:#5e5e5e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:400;
	float:right;
	clear:both;
	padding: 20px;
}

#box2{
    background-color: #dfe0da;
	height:286px;
	width:293px;
	float:left;
	margin-right:40px;
}

#box3{
	background-image:url(../images/index/calendarBox.jpg);
    background-size: cover;
	height:286px;
	width:291px;
    border: 1px solid #d1d1d1;
	float:left;
}
#box3 a{
	width:100% !important;
	height:100% !important;
	display:block;
	border-bottom:0;
	margin-top:0 !important;
	float:none !important;
}
#box3 h5{
	color:#2b4e7a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:400;
	float:right;
	clear:both;
	margin:20px 30px 0 0;
}
#bottomAd{
    background-color: #d1d1d1;
	max-width: 960px;
	height:auto;
	margin:0 auto!important;
	position:relative;
	padding:1px 0;
}
#bottomAd h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#2b4e7a;
	font-style:italic;
	font-size:36px;
	font-weight:400;
	margin:20px 0 8px 25px;
}
#bottomAd a{
	color:#5e5e5e;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:21px;
	margin-left:25px;
	text-decoration:none;
}
#bottomAd a:hover{
	text-decoration:underline;
}


@media screen and (max-width:960px) {
    #slideshow #slide1 .slideText{
        width:80%;
        position:relative;
        left: 50%;
        top:145px;
        margin-left: -44%;
        padding:20px;
        background:url(../images/index/trans-bg.png)
    }
    #slideshow .slide .container{
        max-width: 960px;
        height:100%;
        padding: 0;
        margin:auto;
        position:relative;
        padding: 0 0 170px 0;
    }
    #slideshow{
        width:100%;
        height:auto;
        position:relative;
        z-index:50;
        background-color:#2b4e7a;
    }
    #slideshow #slide1{
        background:url(../images/index/slide1v2_bg.jpg) no-repeat center;
        background-size: cover;
        height:auto;
        width:100%!important;
        height: 100%;
    }
    p.dots { max-width: 100%; overflow: hidden; }
    
    #box1{
        width:31%;
        min-height:31vw;
        float:left;
        margin: 0 1%;
        padding: 0 0 40px 0;
    }

    #box2{
        width:31%;
        min-height:31vw;
        float:left;
        margin: 0 1%;
        padding: 0 0 40px 0;
    }
    
    #box3{
        width:31%;
        min-height:31vw;
        float:left;
        margin: 0 1%;
        padding: 0 0 40px 0;
    }
    
    #box1 h5, #box2 h5{
        color:#5e5e5e;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:16px;
        font-weight:400;
        float:right;
        padding: 12px;
    }
    
    #box3 h5{
        color:#1b75ba;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:16px;
        font-weight:400;
        float:right;
        padding: 12px;
        margin: 0;
    }
    
    #bottomBoxes a{
        width: auto;
        display:block;
    }
    
    #bottomAd h3{
        font-family:Georgia, "Times New Roman", Times, serif;
        color:#2b4e7a;
        font-style:italic;
        font-size:25px;
        font-weight:400;
        margin:20px 0 8px 25px;
    }
    #bottomAd a{
        color:#5e5e5e;
        font-family: 'Open Sans', sans-serif;
        font-weight:400;
        font-size:16px;
        margin-left:25px;
        text-decoration:none;
    }
}
@media screen and (max-width:700px) {
    #box1, #box2, #box3 {
        width: auto; 
        height: auto;
        float: none;
        margin: 18px;
        padding: 18px;
        text-align: center;    
    }
    
    #bottomBoxes a{
        width: auto;
        display:block;
        clear: both;
        float: none;
    }
    
    #bottomBoxes p{
        width: auto;
        display:block;
        clear: both;
        float: none;
    }
    #bottomAd { padding: 18px; }
    #bottomAd h3, #bottomAd a { text-align: center; display: block; padding: 0; margin: 0; }
    #bottomAd img {
        display: none;
    }    
    
    #slideshow #slide1 {
        background-position: -420px 0;
    }

}