/* Defaults */

	A:link {color: #ffffff; text-decoration: none;}
	A:visited {color: #ffffff; text-decoration: none;}
	A:hover {color: #d2f6b9; text-decoration: none;}
	A:active {color: red; text-decoration: none;}

	@font-face {

		font-family: 'england_hand_dbregular';
    
		src: url('england-webfont.ttf') format('truetype');
    
		font-weight: normal;
    
		font-style: normal;


	}

/* Settings for Main Page */

  		
body.main {
	background-image: url("../images/back.jpg");
	background-color: #000000;
	background-repeat: no-repeat;
	webkit-background-size: 100%; 
    	-moz-background-size: 100%; 
    	-o-background-size: 100%; 
    	background-size: 100%; 
    	-webkit-background-size: cover; 
    	-moz-background-size: cover; 
    	-o-background-size: cover; 
    	background-size: cover;
	background-attachment: scroll
	font-size: 100%
    }
	
	body.submain {
      		background: linear-gradient(#040404, #3b3636);
	}
/* Settings for Tables */


	Table.standard {
    		background-color: #transparent;
		vertical-align: top;
	}
	Table.surround {
		border: 1px solid #404040;
 		background-repeat: repeat;
	}
	td.menu {
		border-collapse: separate;
		border: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: center;
	}
	td.mid {
		border-collapse: separate;
		border: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		vertical-align: middle;
		text-align: center;
	}

/* Settings for Headings */

	.H0 {
    		color: #2c6f1f;
		font-family: tahoma,geneva,sans-serif;
		font-size: 3.6em;
		font-weight: bold;
		line-height: 100%;
		text-align: left;
		text-shadow: 2px 2px #ffffff
	}
	.H1 {
    		color: #f4ea23;
		font-family: tahoma,geneva,sans-serif;
		font-size: 3em;
		font-weight: bold;
		line-height: 100%;
		text-align: center;
	}
	.H2 {
    		color: #ffffff;
		font-family: tahoma,geneva,sans-serif;
		font-size: 2em;
		font-weight: bold;
		line-height: 100%;
		text-align: left;
	}
	.H2c {
    		color: #efefef;
		font-family: tahoma,geneva,sans-serif;
		font-size: 2em;
		font-weight: bold;
		line-height: 100%;
		text-align: center;
	}
	.H3 {
    		color: #f4ea23;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.8em;
		font-weight: bold;
		line-height: 100%;
		text-align: left;
	}

/* Settings for Text */


	.detail {
    		color: #efefef;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.2em; 
		font-weight: normal;
		line-height: 95%;
		text-align: justify;
	}
	.detailr {
    		color: #efefef;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.2em; 
		font-weight: normal;
		line-height: 95%;
		text-align: right;
	}
	.detaily {
    		color: #f4ea23;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.2em; 
		font-weight: normal;
		line-height: 95%;
		text-align: center;
	}
	.listw {
    		color: #ffffff;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.6em; 
		font-weight: normal;
		line-height: 95%;
		text-align: center;
	}
	.listwl {
    		color: #ffffff;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.8em; 
		font-weight: bold;
		line-height: 95%;
		text-align: center;
	}
	.label {
    		color: #ffffff;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.6em; 
		font-weight: normal;
		line-height: 95%;
		text-align: left;
	}
	.labely {
    		color: #f4ea23;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.6em; 
		font-weight: normal;
		line-height: 95%;
		text-align: left;
	}
	.labellr {
    		color: #d2f6b9;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.4em; 
		font-weight: normal;
		line-height: 95%;
		text-align: right;
	}
	.labelw {
    		color: #ffffff;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.4em; 
		font-weight: normal;
		line-height: 95%;
		text-align: justify;
	}
	.capg {
    		color: #d2f6b9;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.4em; 
		font-weight: normal;
		line-height: 95%;
		text-align: center;
	}
	.capw {
    		color: #ffffff;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.0em; 
		font-weight: normal;
		line-height: 95%;
		text-align: center;
	}

/* Settings for Dives */

.fade {
	background: linear-gradient(#d0d1cf, #68696b);
	border-collapse:separate;
	border-radius: 0px;
	overflow:hidden;
}
.fadeup {
	background: linear-gradient(#443f3f, #000000);
	border-collapse:separate;
	border-radius: 0px;
	overflow:hidden;
}

/* Settings for Controls */

	input[type=text] {
    		width: 100%;
    		height: 24px;
    		padding: 10px 10px;
    		box-sizing: border-box;
   		border: 2px solid #ccc;
    		border-radius: 4px;
		color: #000000;
		font-family: tahoma,geneva,sans-serif;
		font-size: 14px; 
		font-weight: normal;
		line-height: 100%;
    		background-color: #f8f8f8;
    		resize: none;
	}
	input[type=date] {
    		width: 100%;
    		height: 24px;
    		padding: 10px 10px;
    		box-sizing: border-box;
   		border: 2px solid #ccc;
    		border-radius: 4px;
		color: #000000;
		font-family: tahoma,geneva,sans-serif;
		font-size: 14px; 
		font-weight: normal;
		line-height: 100%;
    		background-color: #f8f8f8;
    		resize: none;
	}
	input[type=password] {
    		width: 100%;
    		height: 24px;
    		padding: 10px 10px;
    		box-sizing: border-box;
   		border: 2px solid #ccc;
    		border-radius: 4px;
		color: #000000;
		font-family: tahoma,geneva,sans-serif;
		font-size: 14px; 
		font-weight: normal;
		line-height: 100%;
    		background-color: #f8f8f8;
    		resize: none;
	}
	textarea {
 		background-color: #f8f8f8;
   		width: 440px;
   		padding: 5px 5px;
		font-family: tahoma,geneva,sans-serif;
		font-size: 14px; 
		font-weight: normal;
   		line-height: 1;
   		border: 2px solid #ccc;
   		border-radius: 4px;
   		height: 42px;
   		-webkit-appearance: none;
	}
	textarea.tlarge {
 		background-color: #f8f8f8;
   		width: 540px;
   		padding: 5px 5px;
		font-family: tahoma,geneva,sans-serif;
		font-size: 14px; 
		font-weight: normal;
   		line-height: 1;
   		border: 2px solid #ccc;
   		border-radius: 4px;
   		height: 82px;
   		-webkit-appearance: none;
	}
	.styled-select select {
 		background: transparent;
   		width: 200px;
   		padding: 5px 5px;
		font-family: tahoma,geneva,sans-serif;
		font-size: 14px; 
		font-weight: normal;
   		line-height: 1;
   		border: 1px solid #ccc;
   		border-radius: 4px;
   		height: 24px;
 		-webkit-appearance: none;
 	}
	.styled-select {
		width: 228px;
		height: 24px;
		overflow: hidden;
		background-color: #f8f8f8;
		background: url("images/arrow%20select.ico") no-repeat #f8f8f8;
		background-position: right 5px top 7px;
		border: 1px solid #ccc;
		border-radius: 4px;
	}

/* Settings for Buttons */

	.SaveButton {
		background-image: 	url("../images/metal buttons.png");
		background-repeat:	no-repeat;
		background-color:	transparent;
		float: right;
		height:			24px;
		width:			70px;
		border:			none;
		font-family: tahoma,geneva,sans-serif;
		font-size: 1.2em; 
		color: #efefef;
		cursor:pointer;
 		-webkit-appearance: none;
	}
	.MenuButton {
		background-image: 	url("../images/nameplate.png");
		background-repeat:	no-repeat;
		background-color:	transparent;
		height:			30px;
		width:			70%;
		border:			none;
		font-size: 1.4em; 
		font-weight: Bold;
		color: #efefef;
		text-shadow: 2px 2px #787878;
		cursor:pointer;
 		-webkit-appearance: none;
	}


/* Settings for Menus */

h1 { font-size: 1.5em; }

#wrapper {
  max-width: 160px;
  margin: 0px auto;
  text-align: center;
 }

#main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: tahoma,geneva,sans-serif;
  font-size: 16px;
}

#main-nav ul li {
  display: inline-block;
  margin: 0 0.15em 0 0.15em;
  padding: 0.05em 0.05em 0.05em 0.05em;
  border-radius: 0.5em;
 }

#main-nav ul li.active { background: #d2f6b9; color: #fff; }

#main-nav ul li.active a {
  color: #fff;
  text-decoration: none;
}

.dropotron {
  background: #444;
  border-radius: 0.5em;
  list-style: none;
  margin: 0;
  min-width: 8em;
  padding: 0.15em 1em 0.15em 1em;
  background-image: url("Images/metal back.png");
}

.dropotron > li {
  border-top: solid 1px #130;
  margin: 0;
  padding: 0;
}

.dropotron > li:first-child { border-top: 0; }

.dropotron > li > a {
  color: #fff;
  display: block;
  padding: 0.5em 0 0.5em 0;
  font-family: tahoma,geneva,sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.dropotron > li.active > a,
.dropotron > li:hover > a { color: #d2f6b9; }

/* Only applies to top level ("level-0") menus */

.dropotron.level-0 { margin-top: 0.75em; }

.dropotron.level-0:before {
  content: '';
  position: absolute;
  border-bottom: solid 0.5em #444;
  border-left: solid 0.5em transparent;
  border-right: solid 0.5em transparent;
  top: -0.5em;
}

/* Page Grid */  

.row::after {
    	content: "";
    	clear: both;
    	display: block;
}
[class*="col-"] {
    	float: left;
    	padding: 1px;
 }
.col-1 {width: 5%;}
.col-2 {width: 10%;}
.col-3 {width: 15%;}
.col-4 {width: 20%;}
.col-5 {width: 25%;}
.col-6 {width: 30%;}
.col-7 {width: 35%;}
.col-8 {width: 40%;}
.col-9 {width: 45%;}
 .col-10 {width: 50%;}
.col-11 {width: 55%;}
.col-12 {width: 60%;}
.col-13 {width: 65%;}
.col-14 {width: 70%;}
.col-15 {width: 75%;}
.col-16 {width: 80%;}
.col-17 {width: 85%;}
.col-18 {width: 90%;}
.col-19 {width: 95%;}
.col-20 {width: 100%;}