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

@-ms-viewport{
  width: device-width;
}

@media screen and (max-width: 800px) {

	.buttons {
		width:20%;
		margin-left:4%!important
		}
}

@media screen and (max-width: 480px) {

	.buttons {
		width:50%;
		margin-left:26%!important
		}
	
	.collapse {
		display:none;
	}
	
	.collapse2 {
		display:none;
	}
	
	.title {
		width:70%;
		}
		
	.text {
		text-align:left;
	}

}

@media screen and (max-width: 770px) {
	.collapse2 {
		display:none;
	}
	
}

@media screen and (max-width: 900px) {
	.title {
		width:60%;
		}
	
}

html{
	height:100%;
}

a {
	color:#496296;
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}
 	.js-video {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	overflow: hidden;
	}
	
	.js-video.widescreen {
	padding-bottom: 56.25%;
	}
	
	.js-video.vimeo {
	padding-top: 0;
	}
	
	.js-video embed, .js-video iframe, .js-video object, .js-video video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	}
	
.small {
  font-size: 12px; /* 75% of the baseline */
}
.medium {
  font-size: 16px; /* 100% of the baseline */
}
.large {
  font-size: 20px; /* 125% of the baseline */
}

.quote {
	margin: 0 15% 3px 15%;
}

.quote2 {
	color:#8E8E8E;
}

.sheer {
    background-color: rgba(53, 53, 53, 0.4);
}

body {
    margin: 0;
    height: 100%;
	font-size: 16px;
}

table { 
  width: 100%; 
  border-collapse: collapse; 
}

table#table-3 {
   width: 40%; 
   margin: 0 auto;
}

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


h1 {
	color:#414141;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight:bold;
	line-height: 30px;
	margin-left: 15%;
	margin-right: 15%;
	text-align:center;
}

h2 {
	color:#8E8E8E;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight:300;
	line-height: 20px;
	text-align:center;
	margin: 0 18% 0 18%;
}

	
p {
	color:#414141;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 25px;
	margin-left: 15%;
	margin-right: 15%;
	text-align:justify;
}

li.libody {
	color:#414141;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 130%;
	line-height: 40px;
	margin-left: 15%;
	margin-right: 15%;
	text-align:left;
	
}

.images{
	margin-left: 15%;
	padding-bottom:2%;
}

span {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 15px;
	margin-left: 0%;
	margin-right: 15%;
	text-align:justify;
}


/* Remove margins and padding from the list, and add a black background color */
.topnav {
clear: left;
margin: 0;
}

ul.topnav {
list-style: none;
overflow: hidden;
text-align: center;
margin:0; 
padding:0;
background-color: #000000;
}


/* Float the list items side by side */
ul.topnav li {list-style: none;
display:inline-block;
padding: 0 2px 0 0;;}

/* Style the links inside the list items */
ul.topnav li a {
    float: left;
display: block;
color: #FFFFFF;
background: #000000;
text-decoration: none;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
padding: 14px 16px;
font-size: 15px;
transition: 0.3s;
text-transform: uppercase;
list-style-type: none;
}

/* Change background color of links on hover */
ul.topnav li a:hover {color: #b6b6b6;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

.announcement
{
	color:#FFFFFF;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 115%;
	font-weight:300;
	line-height: 25px;
	text-align:center;
}

a.announcement:link {
	color:#cccccc; text-decoration: none; margin: none;
}

a.announcement:visited {
    text-decoration: none;
}

a.announcement:hover {
    text-decoration: underline;
}

a.announcement:active {
    text-decoration: none;
}

.announcement2
{
	color:#FFFFFF;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 115%;
	font-weight:300;
	line-height: 25px;
	text-align:center;
	padding-top: 10px;
}

.box{
    background-color: #ededf1;
    display: table-cell;
    border-radius:5px;
	width: 21%;
}

.box2{
    background-color: #FFFFFF;
    display: table-cell;
    border-radius:5px;
	width: 21%;
}

.box3{
    background: linear-gradient(#0a1646,#229fd9);
	display: table-cell;
    border-radius: 10px;
	width: 15%;
}


.textbox{
    color:#414141;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	line-height: 25px;
    text-align:center;
	margin: 5% 5% 5% 5%;
}

.textbox2{
    color:#414141;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	line-height: 25px;
	font-size:18px;
    text-align:center;
	margin: 5% 5% 5% 5%;
}


@media screen and (max-width:680px) {
	.textbox{
		font-size:70%;
		line-height: 15px;
	}
}


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

.middle {
    display: table-cell;
    width: 4%;
}

.button {
    background-color: #000000;
    border: none;
    color: white;
    padding: 5% 15%;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius:10px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	cursor: pointer;
	margin: 5% 5% 5% 5%;
}

.button2 {
    background-color: #000000;
    border: none;
    color: white;
    padding: 5% 15%;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius:10px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	cursor: pointer;
	margin: 5% 5% 5% 5%;
}


@media screen and (max-width:790px) {
	.button{
		font-size:100%!important;
		width:80%;
		margin: 2%!important;
		text-align:center!important;
			}
			
}

@media screen and (max-width:680px) {
	.button{
		font-size:100%!important;
		width:70%;
		margin: 2%!important;
		text-align:center!important;
			}
			
}


.button1 {
    background-color: #000000; 
    color: white; 
}

.button1:hover {
    background-color: #7a7a7a;
    color: white;
}

.nowrap {
  white-space: nowrap ;
}

.starsclass {
	text-align: left;
	width: 8%;
}