body  {
	font: 12pt Verdana, Arial, Helvetica, sans-serif;
	background: #5a6b84;
	margin: 10px; 
	padding: 0 0 0 10px;
	text-align: center;  
	color: black;
}

p {
	text-align: justify;
}

h1 { 
	font: 34pt/2.0 "Times New Roman", Times, serif;
	letter-spacing: 20px;
	margin-bottom: 0; 
	margin-left: 10px;
	color: white;
	text-align: Right;
	}

h2 { 
	font: 14pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 5px;
	font-weight: bold; 
	margin-bottom: 0; 
	color: #3d3f4b;
	text-align: left;
	}
	
h3 { 
	font: 12pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 4px; 
	margin-bottom: 0; 
	color: #9aa1be;
	font-weight: bold;
	text-align: right;
	}

h4 { 
	font: 14pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 4px; 
	margin-bottom: 0; 
	color: #9a82da;
	font-weight: bold;
	text-align: left;
	}
h5 { 
	font: 12pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px; 
	margin-bottom: 0; 
	color: #9aa1be;
	font-weight: bold;
	text-align: left;
	}

hr.dots {
	border-bottom: 1px dotted #9e0b0f;
	}


a:link { 
	letter-spacing: 3px; 
	text-decoration: none; 
	color: #6d0b29;
}

a:visited { 
	letter-spacing: 3px; 
	text-decoration: none; 
	color: #993333;
}

a:hover, a:active { 
	letter-spacing: 3px;
	text-decoration: none; 
	color: #993300;
}

#Header {
	margin-top: auto;
	font-size: 10px;
	text-align: right;
	background: url(Images/Newgradient.png) bottom no-repeat;
	border-radius: 15px;
	height: 140px;
	
}

#NewHeader {
	margin-top: auto;
	font-size: 10px;
	text-align: right;
	background: url(Images/Newgradient.png) bottom no-repeat;
	border-radius: 15px;
	height: 140px;
	
}
	
	
#BottomHeader img.curve {
	float: left;
	top: 40em;
	border: 1px solid black;
	margin: 10px;
}

#container {
	width: 100%;
	text-align: left;
	min-height: 663px;
	margin: auto;
} 

#NavHeader {	

	min-height: 20px;	
}

#floater {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	background: #5a6b84;
	width: 210px;
	float:right; 
        position: relative;
	right: -40px;
	margin-left: 10px;
	padding: 10px;
	font-size: 85%;
	min-height: 380px;
	border-radius: 10px;
}

.accList {
    max-width: 400px;
    color: black;	
}

.accList label {
    min-height: 38px;
    line-height: 15px;
    font-size: 12px;
    font-family: Arial;
    padding: 5px;
    position: relative;
    z-index: 20;
    display: block;
    height: 35px;
    cursor: pointer;
	text-align: center;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 15px;

    background: #fff;
    background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: linear-gradient(top,#fff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3),1px 0 0 rgba(255,255,255,0.9) inset,0 2px 2px rgba(0,0,0,0.1);
 
    height: 35px;
    line-height: 15px;
}

.accList {
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
}

.accList label:hover {
    background: #fff;
	color: #993300;
}

.accList input:checked + label,.accList input:checked + label:hover {
    background: #f1f2f3;
    color: black;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3),0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    line-height: 15px;
    font-size: 12px;
}

.accList label:hover:after,.accList input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images2/arrow_down.png) no-repeat center center;
}

.accList input:checked + label:hover:after {
    background-image: url(../images2/arrow_up.png);
}

.accList input {
    display: none;
}

.accList article {
    background: #d6dee9;
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    padding: 1px 5px 5px 5px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}

.accList article p {
	text-align: left;
    font-style: normal;
	font-family: Arial;
    color: black;
    line-height: 15px;
    font-size: 12px;
    padding: 0 5px 5px 5px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    font: normal normal 12px;
}

.accList input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3);
}

.accList input:checked ~ article.tinysize {
    height: 90px;
}

.accList input:checked ~ article.smallsize {
    height: 100px;
}

.accList input:checked ~ article.medsize {
    height: 130px;
}

#mainContent {
 	margin: auto; 
	background: #d6dee9;
	padding: 50px;
	min-height: 400px;
	border-radius: 15px;
		
} 

#footer:first-line {
	font-variant:small-caps;
}

#footer { 	
	background: #5a6b84;
	font-size: 10pt;
	text-align: center;  
	margin: auto;
	padding: 10px;
	border-radius: 15px;
	
	}

#center {
	text-align: center;
	vertical-align:top;
}

#left {
	text-align: left;
	vertical-align:top;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;

}


li a, .dropbtn {
  display: inline-block;
  color: #d6dee9;
  text-align: center;
  padding: 2px 10px;
  text-decoration: none;
  border-radius: 15px;
}

li a:hover, .dropdown:hover .dropbtn {

}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #d6dee9; 
  min-width: 140px;
  border-radius: 15px;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}


table {
	border: 0;
	padding: 10px;
	spacing: 10px;
}

table td {
	vertical-align: top;
	spacing: 15px;
	padding: 15px;
	border-bottom: 1px solid black;
}

table p {
	text-align: left;
}

#table2 {
	width: 100%;
	border: 0;
	padding: 15px;
	spacing: 15px;
	text-align: left;
}

#table2 td {
	border: 0;
	padding: 10px;
} 

p img {
	border-radius: 15px;
	width: 350px;
	}

table td img {
	border-radius: 15px;
	width: 190px;
	}

form {
  border: 4px solid lavenderblush;
  width: 60%;
  text-align: center;
  height: 90px;
}

/* Add some padding and a grey background color to containers */
.emailform {
  padding: 5px;
  background-color: #5a6b84;
}

/* Style the input elements */
input[type=text] {
  width: 50%;
  height: 25px;
  padding: 5px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Add margins to the checkbox */
input[type=checkbox] {
  margin-top: 10px;
}

/* Style the submit button */
input[type=submit] {
  background-color: #5a6b84;
  color: white;
  border: none;
  width: 20%;
  padding: 10px;
  margin: 0;
}

input[type=submit]:hover {
  opacity: 0.8;
}

.error {
   color: #FF0000;
}