@charset "UTF-8";

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
}


.container {
	width: 95%;
	max-width: 1200px;
        min-width: 800px;
	background: #FFFFFF;
	margin: 0 auto; 
}

.header {
	background: #FFFFFF;
}


.sidebar1 {
	float: left;
	width: 2%;
	background: #FFFFFF;
	padding-bottom: 45px; /*this padding was extended to 45 px to fully cover the menu bar*/
	margin-left: 0px; /*this pushes the sidebar items to the left*/
	
}


.sidebar2 {
	float: left;
	width: 5%;
	background: #FFFFFF;
	padding-bottom: 300px; /*this padding was extended to 300 px to be used in the footer*/
	margin-left: 0px; /*this pushes the sidebar items to the left*/
	
}

.content {
	padding: 20px 10;
	width: 95%;
	float: left;
}

.footer {
 	padding: 10px 0;
	position: relative;/* this allows IE6 Layout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	color: #333333;
	background-color: #FFF;
}

a {
	color: #5C63ED; /*this colors the links*/
	list-style:none;
	text-decoration:none; /*this takes away the underline*/
}

a:hover{
			color:#A378A7; /* this colors the hover links */
			text-decoration:none;
}
	

	h1 {	/* Main Title Heading */
		font-size: 2.0em;
	        line-height: 80%;  /* adjust this to add or reduce the space between lines */
		font-family: "Helvetica", Verdana, Arial, sans-serif;
		font-weight: normal;
		color:#000033;
	        position: relative;
			
			}
 	
		h2 {    /* Sub Headings*/
			font-size: 100%;
			font-style: normal;
			font_weight: bold;
			line-height: 100%;
			font-family: "Verdana", Arial, Helvetica, sans-serif;
                        color: #;
		
			}

	        h3 {    /* Sub Headings*/
			font-size: 130%;
			font-style: normal;
			font_weight: bold;
			line-height: 100%;
			font-family: "Verdana", Arial, Helvetica, sans-serif;
                        color: #;
		
			}




/*NEW CSS MENU Blue from cssmenumaker*/

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  position: relative;
}
#cssmenu a {
  line-height: 3; /*this adjusts the text box heights within the main bar and sub menu blocks*/
}
#cssmenu {
  width: 70%; /*this is the width of the main menu bar on all devices*/
  background: #fff;
}
#cssmenu > ul {
  border: 1px solid #000;
  -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
  background: #0000ff;
  background: -moz-linear-gradient(#0000ff 0%, #0000b8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0000ff), color-stop(100%, #0000b8));
  background: -webkit-linear-gradient(#0000ff 0%, #0000b8 100%);
  background: linear-gradient(#0000ff 0%, #0000b8 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#cssmenu > ul:after {
  clear: both;
  content: '';
  display: table;
}
@media all and (max-width: 480px) { /*don't change this. To change the small device break point change the item in the ul li below */
  #cssmenu > ul {
    max-height: 70px; /*this adjusts the height of the small device menu bar*/
    overflow: hidden;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
  #cssmenu.expand ul {
    max-height: 1300px; /*this is the maximum height of the drop down box on small devices*/
  }
}
#cssmenu > ul > li {
  border-right: 1px solid #000;
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2);
  float: left;
}
#cssmenu > ul > li.mobile {
  display: none;
}
#cssmenu > ul > li.active {
  background: #0000b8;
  background: -moz-linear-gradient(#0000db 0%, #0000b8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0000db), color-stop(100%, #0000b8));
  background: -webkit-linear-gradient(#0000db 0%, #0000b8 100%);
  background: linear-gradient(#0000db 0%, #0000b8 100%);
}
@media all and (max-width: 480px) {  /*keeping this at 480px makes the small device menu only work in vertical mode, switching to regular mode when the device is horizontal. Using 710 kept it in small device menu both vertical and horizontal on iPhone but regular on both views on ipad. changing it to 1024 made it stay in small device menu for all views on iPhone and iPad.*/
  #cssmenu > ul > li {
    border-right: 0 none;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    display: block;
    float: none;
  }
  #cssmenu > ul > li.mobile {
    display: block;
  }
  #cssmenu > ul > li.mobile i {
    float: right;
    font-style: normal;
    font-size: 24px;
  }
}
#cssmenu > ul > li:last-child {
  border-right: 0 none;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
#cssmenu > ul > li:last-child ul {
  left: auto;
  right: 0;
}
#cssmenu > ul > li.mobile {
  border-right: 0 none;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
#cssmenu > ul > li > a {
  margin: 0 0 2px 0;
  font-size: 16px; /*this increases the font size on the main menu*/
  display: block;
  color: #fff;
  text-shadow: 0 1px 1px #000;
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 3px 15px; /*this adjusts the width of the main menu on computer screens*/
  font-weight: bold;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
  color: #cccccc /*this changes the hover color on the main menu bar grey*/

}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {
  color: #fff;
  text-shadow: 0 1px 1px #000;
}
/* Sub menu */
#cssmenu ul ul {
  background: #F9F9F9; /*sub menu background whitish grey color*/
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  padding: 5px 12px;
  display: none;
  position: absolute;
  top: 45px; /*this lowers or raises the sub menu boxes along the main menu bar*/
  left: 0;
  width: 325px; /*this controls the width of the sub menu drop down box, 325px allows the longest item*/
  z-index: 1;
}
@media all and (max-width: 480px) {
  #cssmenu ul ul {
    position: relative;
    top: 0;
    width: 100%;
  }
}
#cssmenu ul ul li {
  padding: 3px 0;
}
#cssmenu ul ul a {
  color: #000; /*this is the black color of the sub menu fonts*/
  display: block;
  font-size: 18px;
  font-weight: normal;
}
#cssmenu ul ul a:hover { /*this is the grey hover color of the sub-menu fonts*/
  color: #999;
}