/* The code below here is for setting the background color and font color for the entire website. */

body {
max-width: 95%;
background-color:#CCCCCC; /* sitewide background color */
font-family: Arial, Verdana, sans-serif;
font-size: 100%;
color: #000000; /* sitewide font color */
margin:auto;
padding:0;
text-align:left;
}

/* The code below here is for setting the text link colors. */

a:link {color:#0000FF;}    /* unvisited link */
a:hover {color:#0000FF;}   /* mouse over link */
a:visited {color:#0000FF;} /* visited link */

/* The code below here is for the header, navigation, main content, right sidebar, and footer. */
        
.header, .navigation, .maincontent, .footer {
  float: none;
	padding: 10px;
	vertical-align: top;
}
.container1 {
  width: 100%;
  margin-top: 10px;
  border-spacing:5px;
	display: table;
  margin-left: auto;
  margin-right: auto;
}
.header {
	width: 100%;
	display: table-cell;
  border-radius: 15px;
  background-color: #FFFFFF; /* top header background color */
}                    
.container2 {
  width: 100%;
  margin-top: 10px;
  border-spacing:5px;
	display: table;
  margin-left: auto;
  margin-right: auto;
}
.maincontent {
	width: 100%;
	display: table-cell;
  border-radius: 15px;
  background-color: #FFFFFF; /* main content background color */
}
.container3 {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  border-spacing:5px;
	display: table;
  margin-left: auto;
  margin-right: auto;
}
.footer {
	width: 100%;
	display: table-cell;
  border-radius: 15px;
  background-color: #FFFFFF; /* footer background color */
}

/* The code below here is for the color scheme and size of the main title headings.*/

h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #000000}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 116%;  color: #000000}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #000000}

.hbg{
background-color:#0B0B61; /* page title background color */
color:#FFFFFF; /* page title font color */
margin-top: 5px;
width: auto;
}

img {
 height: auto;
}

#containingBlock {
  width:75%;
  margin: 0 auto;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}