@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

a {
  background: transparent; }

a:active, a:hover {
  outline: 0; }

body {
        margin: 0;
        padding: 0;
		font-family: Georgia, "Times New Roman", Times, serif;	
      }
img.small {
	width: 32%;
	margin: 0px;
	}
img.medium {
	width: 49%;
	}
img.large {
	width: 100%;
	}
img.alignleft {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	}
img.alignright {
	float: right;
	margin-left: 10px;
	padding-left: 10px;
	}
h1 {
	color: #3366cc;
	}
h2	{
	color: #003300;
	}
h4	{
	color:  #003300;
	}
.container {
		display: -webkit-flex;
      	display: flex;
      	-webkit-flex-flow: row wrap;
      	flex-flow: row wrap;
		background-color:white;
		Position:relative;
		max-width: 850px;
		margin-left:auto;
		margin-right:auto;
		background-color:white;
          }
.page {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #3366CC;
  }
.leftcontainer {
		margin-right: 5%;
		}
.rightcontainer {
		padding: 0px;
		margin-top:25px;
		}
.bodyList {
	font-size: 14px;
	font-weight: bold;
	color: #003300;
}
.bodyListText{
	font-size: 14px;
	font-weight:normal;
	color: #000000;
}
#Navigation {
		width: 100%;
		margin: 0;
		color: white;
		padding: 0;
		background-color: #3366cc;
		}
#main {
	  	background-color:#3366CC;
		width: 100%;
		margin: 0;
		}
#body {
	   	margin: 0;
		}
#main #body {
		float: left;
		width: 70%;
		}
#main #sidebar {
		float: right;
		width: 30%;
		}
#headline {
        -webkit-order: 1;
        order: 1;
		color: black;
        background-color: white;
		background-size: cover;
		font-family: ;
		padding: 0;
		margin: 4%;
      }
	   #headline h1 {
        font-weight: bold;
        font-size: 30px;
        line-height: 1em;
        margin-bottom: 0;
      }
      #headline h2 {
        font-weight: bold;
        font-size: 20px;
        margin-top: 10px;
		color: #003300;
		line-height: 17px;
      }
#blurb {
		background-color: white;
		padding: 0;
		}

#section1 {
	  	padding: 0;
		margin: 4%;
		color: black;
        font: Wide Latin;
        background-color: white;
        background-size: cover;
        -webkit-order: 3;
        order: 3;
      }

#sidebar {
        -webkit-order: 2;
        order: 2;
		padding: 0;
		margin: 0;
		background-color: #E6E6E6;
      }
#sidebar div img {
	  	width: 80%;
		padding: 0;
		margin-left: 10%;
		}
#sidetext {
		margin: 4%;
		}
#Banner {
        padding: 0;
        color: white;
		width:  100%;
		margin: 0;
		background-color:#3366CC; 
      }
#Banner div img {
		width: 100%;
		}
.sidebarRedHead {
		font-size: 14px;
		font-weight: bold;
		color: #9D1F0B;
		line-height: 16px;
		}
#footer {
		background-color: #3366CC;
			}
.footer {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: 300;
        text-align: center;
        background-color: #002954;
		color: white;
		width: 100%;
      }
thead {
        font-weight: bold;
      }

tbody {
        text-align: center;
      }
.example-header {
  		width: 100%;
  		background-color: #fff;
  		z-index: 99;
  		position: relative; }


.sidebarBoxBody a:link {
		color: #003B75;
}
.sidebarBoxBody a:visited {
		color: #003B75;
}
.sidebarBoxBody a:hover {
		color: #990000;
}
.images-2 {
		margin-top: 20px;
		display: inline;
		}	
.images-3 {
		width: 33.333%;
		display: inline;
		}
#contactFrame {
	margin: 10px;
	padding: 20px;
	border: 2px solid #CCC;
	}

/*Navigation Menu Controls Base
============================================================ */
.menu-link { display: none;}
.menu { 
  float: left;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
  width: 100%;
  background-color: #003300;
  font-weight: bold;
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #f4f4f4;
	border: 1px solid #CCC;
}
.menu ul li { padding: 0px;
}
/*Controls display and size of Nav page block*/
.menu > ul > li { display: inline-block;
		 }
/*Hover state for top level links*/
.menu > ul > li:hover a {
	background-color: #666666;}	
.menu ul li a { display: block; text-decoration: none; color: #FFFFFF; font-size: 1 em; }
/*Controls size of link boxes*/
.menu ul li > a { padding: 15px 15px; }
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 160px;
  background-color: #f4f4f4;
  border: 1px solid #CCC;
}
.menu ul li:hover > ul { display: block; background: #e4e4e4;}
.menu ul ul > li { position: relative; }
/* Dropdown Menu Attributes*/
.menu ul ul > li a { padding: 15px 15px 15px 10px; height: auto; background-color: #f4f4f4; }
.menu ul ul > li a:hover { background-color: #42BBA3; color: #fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }

/* Micro Clearfix
============================================================ */
.cf:before, .cf:after, .row:before, .row:after {
  content: "";
  display: table; }

.cf:after, .row:after {
  clear: both; }

.cf, .row {
  zoom: 1; }

@media all and (max-width: 600px) {
.container {
	width: 100%;
	overflow:hidden;
	}
.leftcontainer {
		margin-right: 40px;
		}
.rightcontainer {
		padding: 0px;
		margin: 0px;
		}
#main #body {
		float: left;
		width: 100%;
		}
#main #sidebar {
		float: left;
		width: 100%;
		}
#headline {
        padding: 0px;
		width: 100%;
      }
#sidebar {
		padding: 10px;
		width: 100%;
	  }
#sidebar div img {
	  	width: 50%;
		padding: 0;
		margin-left: 25%;
		}
#section1 {
	  	padding: 0px;
		width: 100%;
      }

#blurb {
		width: 100%;
		}	
.images {
		width: 100%;
		}	
/*Navigation Menu Controls Small Screen
============================================================ */
  .example-header .container { width: 100%; }
  a.menu-link { display: block; color: #fff; background-color: #333; float: right; text-decoration: none; padding: 19px 10px;}
  .menu { clear: both; min-width: inherit; float: none; font-weight: normal;}
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #999999; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu ul li a { color: #000;}
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu ul li:hover a {
	background: none;}	

		
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.25em 0.5em;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li a { background-color: #e4e4e4; height:auto; padding: 19px 18px 19px 30px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}