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

Body
 {
font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	background-image:url(images/Backgrounds/LayerBackground8.jpg);
	 background-size: cover;
	 font-size: 14px;
	text-align:center;
	line-height: 1.5;
	
	overflow-x: hidden;
    }

.LongLink {
	vertical-align:top;
	/****
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  ****/
  display: block;
    width: 180px;
	/****
    overflow: hidden;
	****/
	white-space-collapse:preserve-breaks;
	/****
    white-space: nowrap;
    text-overflow: ellipsis;
	****/
}	

.WordWrap {
	vertical-align:top;
	/****
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  ****/
  display: block;
	/****
    width: 180px;
	****/
	width: 50%;
	/****
    overflow: hidden;
	
	white-space-collapse:preserve-breaks;
	/****
    white-space: nowrap;
    text-overflow: ellipsis;
	****/
}	

.WordWrap2 {
	vertical-align:top;
	/****
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  ****/
  display: block;
	/****
    width: 160px;
	****/
	width: 300px;
	/****
    overflow: hidden;
	
	white-space-collapse:preserve-breaks;
	/****
    white-space: nowrap;
    text-overflow: ellipsis;
	****/
}	

.break-word {

  word-wrap: break-word;
  display:block;
  white-space-collapse:preserve-breaks;
  width:85%;
}

.break-word2 
{
	display: block;
	text-overflow:ellipsis;
	white-space-collapse:preserve-breaks;
}

a:link
{	
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;	
	font-size:14px;
	color:#3B0DF7;
	/****
	word-wrap:break-all;
	****/
}

a:link:hover
{ 
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size:14px;
	/****
	color:#890392;
	****/
	color:#D021E8;
	/****
	word-wrap:break-all;
	****/
}

a:link:visited
{
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 14px;
	color:#3B0DF7;
	/*****
	word-wrap:break-all;
	****/}

ol
{
	list-style-type:decimal;
	color:#333;
	/****
	margin-left:14px;
	font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
	font-size:12px;	
	****/
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size:14px;
	width: 90%;
	max-width:100%;
	word-wrap:normal;
	/****
	word-wrap:break-word;
	****/
	white-space-collapse:collapse;
}

ol.decimal
{
	list-style-type:decimal;
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	width: 100%;
	word-wrap:normal;
}

ul
{
	list-style-type:disc;
	color:#333;
	/****
	margin-left:14px;
	font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
	font-size:12px;	
	****/
	font-size:14px;
	width: 90%;
	max-width:100%;
	word-wrap:normal;
	/****
	word-wrap:break-word;
	****/
}

ul.Disc
{
	list-style-type:disc;
	color:#333;
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size:14px;
	/****
	word-wrap:break-all;
	****/
	display:inline-table;
	/****
	width:180px;
	****/
	width: 100%;
	word-wrap:normal;
	/****
	word-wrap:break-word;
	****/
}

li
{
	
	width: 80%;
	max-width:100%;
	word-wrap:normal;
	/****
	word-wrap:break-word;
	****/
	white-space:normal;
	
}

.ListStyle
{	width: 100%;
	/****
	max-width:100%;
	****/
	align-content:left;
	text-align: left;
	word-wrap:normal;
	/****
	word-wrap:break-word;
	****/
	white-space:normal;}

.listStyle2
{
	width: 100%;
	/****
	max-width:100%;
	****/
	word-wrap:normal;
	/****
	word-wrap:break-word;
	****/
	white-space:normal;
}

.pageText1
{
	font-size:14px;
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	color:#333;	
	text-align:center;
}

#container2
	{
		font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		width: 2%;
		margin: 2%;
		margin-left:2%;
		margin-right:2%;
		padding: 2%;
		padding-left:2%;
		padding-right:2%;
	}

.pageText2
{
		font-size:14px;
		font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
		color:#333;
		text-align:center;
}

.pageText3
{
	font-size:14px;
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;	color:#333;
	text-align:center;
	vertical-align:text-top;
}

.pageText4
{
	font-size:14px;
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight:bold;
	color:#333;
	text-align:center;
	vertical-align:text-top;
}

/* I do not know why the letter f by itself makes the content how I want it, but whatever works until I can find the correct codes
f
*/

table
{
	width:100%;
	font-size:14px;
	text-align:left;
	align-content:left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
}

td
	{
	text-align: left;
	word-wrap:normal;
	}

.vl {
  border-right: 1px solid black;
border-left: 1px solid black;
  height: 20px;
}

.vl2 {
  border-right: 1px solid black;
	border-left: 1px solid black;
	/*
  height: 40px;
	*/
	height: 100%;
}

.hl {
	/*
border-bottom: 1px solid black;*/
border-top: 1px solid black;
	/*
	height: 1px;
	*/
}

.h2{
	border-bottom: 1px solid black;
}

.Column-VerticalLine {
  border-right: thin solid #000000;
}

.colum2 {
  text-align: right;
}

.SiteMap
{
	align-content: left;
	text-align: left;
	padding-left: 4%;
}

.SiteMap2
{
	align-content: left;
	text-align: left;
	/****
	padding-right: 2%;
	****/
}

nav
	{
	background-color:#FEF6C7;
	width:100%;
	color:#3B0DF7;
	font-size:18px;
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	text-align:center;
	align-content:center;
	font-weight:bold;
	
}

.navMenu
	{
	background-color:#FEF6C7;
	width:100%;
	color:#3B0DF7;
	font-size:18px;
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	text-align:center;
	align-content:center;
	font-weight:bold;
}

.NavContainer {
  background-color: #FEF6C7;
  width:100%;
  /****
  padding-right: .9375rem;
  padding-left: .9375rem;
  margin-right: auto;
  margin-left: auto;
  ****/
  padding-right:0.4%;
  padding-left:0.1%;
  margin-right:auto;
  margin-left:auto;
}

nav a:link
	{
		width:100%;
		font-size: 18px;
		text-align:center;
		align-content:center;
		color:#3B0DF7;
	}

nav a:visited
	{
		width:100%;
		font-size: 18px;
		text-align:center;
		align-content:center;
		color:#3B0DF7;
	}
	
nav a:visited:hover
	{
		font-size:18px;
		text-align:center;
		align-content:center;
		color:#D021E8;
	}

nav a:link:hover
	{
		font-size:18px;
		text-align:center;
		align-content:center;
		color:#D021E8;
	}
	
nav a:link:current
	{
		width:100%;
		font-size: 18px;
		text-align:center;
		align-content:center;
		color:#3B0DF7;
	}

.navbar
	{
	background: rgba(255,255,255,0.5);
	
	width:100%;
	font-size:18px;
	text-align:center;
	align-content:center;
	color:#3B0DF7;
	}

.navbar-default
	{
		width:100%;
		font-size:18px;
		text-align:center;
		align-content:center;
		color:#3B0DF7;
	}

.navbar-inverse
	{
		background:rgba(254,246,199,1.00);
		width:750px;
		font-size:18px;
		font-weight:bold;
		text-align:center;
		align-content:center;
		color:#3B0DF7;
		white-space:inherit
	}
		
.headerimg
	{
		align-content:left;
		text-align:left;
	}


.SocialMediaimg
	{
		/****
		width:100%;
		max-width:100%;
		****/
		align-content:right;
		text-align:right;
		padding-right: 2%;
		padding-bottom: 2%;
	}
	
h1
	{
	text-align: center;
	align-content:center;
	font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	}
	
h2
	{
		text-align:center;
		align-content:center;
		font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	}

h3
	{
		text-align:center;
		align-content:center;
		font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
	}

h4
	{
		text-align:center;
		align-content:center;
		font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	}
	
h5
	{
		text-align:left;
		align-content:center;
		font-family: 'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	}

img
	{
		max-width:90%;
		align-content:center;
	}
	
.responsive-image {
/****
  height: 100%;
  
  width: 25%;
  ****/
  max-width:90%;
		/****
		 margin: 0.01%;
		****/
		  /****
		 margin-left:2%;
		 margin-right:2%;
		 margin-left:80%;
		 margin-right:80%;
		 ****/
		 padding: 1%;
		 /****	
		 padding:5%;
		 ****/
		 /****
		 padding-left:2%;
		 padding-right:2%;
		 *****/
		  /****
		 padding-left:80%;
		 padding-right:80%;
		 ****/
}

p
	{
		text-indent:30px;
		text-align:left;
		align-content:left;
		padding-bottom: 0.5%;
	}

.P2
{
	text-indent: 0px;
	text-align:left;
	align-content:left;
	padding-bottom: 0.5%;
}

.P3
{
	text-indent: 30px;
	text-align:left;
	align-content:left;
	padding-bottom: 0.01%;
}

.P4
{
		text-indent:0px;
		text-align:right;
		align-content:right;
		padding-right: 15%;
	}