@charset "utf-8";

#logoDiv {
	background-color:#049eff;/*AE0508*/
	overflow:auto;
}
#logo { 
	background-color:#049eff;/*AE0508*/
	width:85%;
	float:left;
	}
#home { 
	font-weight:bold;
	line-height: 30px;
	width:15%;
	float:right;
	background-color:#049eff;/*AE0508*/
	}
#tbl {
	width:100%; 
	border:5px solid #013465;
}
#table1 {
	display:block;
}
#table2 {
	display:none;
}
#table3 {
	display:block;
}
#table4 {
	display:none;
}
H1 {
	font-size:24px;
	color:#FFF;
	text-align:center;
	}
.h3 {
	font-size:24px;
	font-weight:500;
	}	
.h4 {
	font-size:20px;
	font-weight:500;
	}	
#ltblueDiv {
	float:left;
	padding:15px;
	margin:15px; 
	-webkit-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	background-color:#7BA4D9;
	width:95%;
}
.columns3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
li {
	list-style:none;
}
.squarebrackets 
{
  font-family: calibri;
  font-size:20px;
  position: relative;
  width:75%;
  padding:10px;
}
.squarebrackets:before {
   content: " ";
   position: absolute;
   border-left:5px solid #666;
   border-top:2px solid #666;
   border-bottom:2px solid #666;
   border-color:#0C3;
   padding:5px;
   top:-10px;
   bottom:-10px;
   left: -5px;
   border-radius: 4px;
  }
.squarebrackets:after
{
   content: " ";
   position: absolute;
   border-right:5px solid #666;
   border-top:2px solid #666;
   border-bottom:2px solid #666;
   border-color:#0C3;
   padding:5px;
   top:-10px;
   bottom:-10px;
   right: -5px;
   border-radius: 4px;
}
#links {
	text-align:center;
	width:100%;
	color:#FFF;
}
	
#col1 {
	float:left;
	width:40%;
	}
	
#col2 {
	overflow:hidden;
	padding-left:5%;
	}

#col3a {
	float:right;
	overflow:auto;
	position:relative;
	text-align:left;
	display:block;
	margin-top:2%;
	padding-left:5%;
	padding-right:8%;
	}
	
#bullets {
	font-size: 1.8vw;
	text-align:left;
	}
	
#col3b {
	margin-top:25px;
	overflow:hidden;
	font-size:24px;
	text-align:left;
	margin-top:5%;
	display:none;
	}

#blueDiv {
	text-align:left;
	clear:both;
	line-height:auto;
	padding: 15px;
	color:#FFF;
}

#redDiv {
	clear:both;
	line-height:auto;
	padding: 15px;
	background-color:#AE0508;
	color:#FFF;
}
#purewhiteDiv {
	background-color:#FFFFFF;
}

#whiteDiv {
	text-align:left;
	color:#000;
	clear:both;
	line-height:auto;
	padding: 15px;
	background-color:#e9e9e9;
}
#dkblueDiv {
	clear:both;
	line-height:auto;
	padding: 15px;
	background-color:#002f67;
}
#imgSymbols {
	float:left; 
	margin:0 5px 5px 0;
	padding:5px;	
	}
#imgBooks {
	margin-left:auto; 
    margin-right:auto;
	padding:5px;	
	}
table {
    border-collapse: collapse;
}

table, td, th {
    border: none;
}
  table.center {
    margin-left:auto; 
    margin-right:auto;
  }
th {
    text-align: left;
	font-size:16px;
	font-weight:100;
}
td {
    text-align: center;
}


	
/*styles for responsive menu*/
@media only screen and (min-width:534px) and (max-width:768px) {

#banner1 {
	display:none;
}
#banner2 {
	display:block;
}
	
#ltblueDiv {
	width:90%;
}

#col1 {
	float:left;
	width:40%;
	}

#col2 {
	font-size:24px;
	margin-top:0px;
    margin-left:auto; 
    margin-right:auto;
	width:35%;
	}
	
#col3a {
	display:none;
	}
#col3b {
	clear:both;
	display:block;
	background-color:#e9e9e9;
	padding-left: 15px;
	}	
#bullets {
	font-size: 16px;
	}
}

/*styles for mobile*/
@media only screen and (max-width:533px) {
#banner1 {
	display:none;
}
#banner2 {
	display:block;
}

#ltblueDiv {
	width:85%;
}

#col1 {
	float:left;
	width:40%;
	}

#col2 {
	font-size:24px;
	margin-top:0px;
    margin-left:auto; 
    margin-right:auto;
	width:35%;
	}
	
#col3a {
	display:none;
	}
#col3b {
	clear:both;
	display:block;
	background-color:#e9e9e9;
	padding-left: 15px;
	}	
#bullets {
	font-size: 16px;
	}

}