@font-face {
  font-family: Arial; font-weight: normal; font-size: 20px;
  font-style: normal;
 
}


/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px beige inset;
}

body {
	background: #e5e1cc ;
	font-family: Arial; font-weight: normal; font-size: 20px;
    position: center;
}

a {
	text-decoration: none;
	color: #000000;
	outline: none;
    font-weight: 900;
    color: brown
}

a:hover, a:focus {
	color: black;
	outline: none;

}

hilightcolor {
    color: firebrick;
    font-weight: 2000;
}


hilightcoloryellow {
    border: 2px solid black; /* add a border */
    padding:3px;
    background-color: yellow; /* set the background color to yellow */
    color: black;
    font-weight: 1500;
}


hilightcolor_ul {
    color: firebrick;
    font-weight: 2000;
    text-decoration: underline;
}

hilightcolorgreen_ul {
    color: green;
    font-weight: 2000;
    text-decoration: underline;
}

hilightred {
    color: red;
    font-weight: 2000;
}
hilightgreen {
    color: green;
    font-weight: 2000;
}


.form-wrapper .field-list .field {
   margin: 0px 0px 0px 10%;
 }
.bigbox {
    background: #a89069;
    margin-top: 5%;
         }

.atitle{
    font-size: medium;
    position: center;
    width: 95%;
    margin-top:0%;
    margin-bottom:0%;
	margin: auto;
}
.btitle {
	margin: auto;
	margin-top: 0%;
 width: 100%
    text-align: left;
    font-size: medium;
    margin-bottom:0%;
   

}
.ctitle {
    margin: auto;
    width:  50%;
    position: center;
    font-size: large;
 }
.wrap {
	
	height: auto;
	margin: auto;
	margin-top: 5%;
    width:  80%;
    position:center;
    
}



.avatar {

        margin: auto;
	width: 500px;
	border-radius: 600px;
	height: 200px;
	background: #909090 ;
	position: relative;
	bottom: -10p
}

.avatar img {

	margin: auto;
	width: 500px;
	border-radius: 600px;
	height: 200px;
	background: #909090 ;
	position: relative;
	bottom: -10px;
}
.avatar2 {
width: 80%;
        margin: auto;
	width: 300px;
	border-radius: 250px;
	height: 120px;
	background: #909090 ;
	position: relative;
	bottom: -10p
}

.avatar2 img {
width: 80%;
	margin: auto;
	width: 300px;
	border-radius: 250px;
	height: 120px;
	background: #909090 ;
	position: relative;
	bottom: -10px;
}

.avatar3 {
width: 80%;
	margin: auto;
	width: 297px;
	border-radius: 100px;
	height: 88px;
	background: #909090 ;
	position: relative;
	bottom: -10px;

}

.avatar3 img {
	width: 270px;
	height: 67px;
	border-radius: 50px;
	margin: auto;
	border:7px solid #fff;
	display: block;
    position: center;
}

.wrap input {
	border: none;
	background: #dddddd;
    font-family: Arial; font-weight: normal; font-size: 20px;
    font-weight:900 ;
	display: block;
	height: 80px;
	outline: none;
	width: 80% ;
	margin: auto;
	padding: 6px 12px 6px 12px;
 
}
.bar {
    width: 80%;
    height: 2px;
    background: #000000;
    position: center;
    margin: auto;
    
}
.bar i {
	width: 80%;
	margin: auto;
	height: 2px ;
	display: block;
	background: #000000;
    position: center;
    height: auto;
	margin: auto;
	margin-top: 0%;
    width:  80%;
    position: center;
    font-size: large
 
}

.wrap button {
    width: 80%;
    margin: 10%;
    border-radius: 7px;
    background: #909090;
    font-weight: 700;
    color: #000000;
    margin-top: 15px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    outline: none;
    font-size: 20px;
    border-bottom: 3px solid;
    cursor: pointer;
}


.atitle button {
    width: 80%;
    margin: 10%;
    border-radius: 7px;
    background: #909090;
    font-weight: 700;
    color: #000000;
    margin-top: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    outline: none;
    font-size: medium;
    border-bottom: 3px solid;
    cursor: pointer;
}

.btitle button {
    width: 100%;
    margin: 1%;
    border-radius: 10px;
    background: #ffffff;
    font-weight: 700;
    color: black;

}


.ctitle button {
    width: 50%;
    margin: 0%;
    border-radius: 7px;
    background: #909090;
    font-weight: 700;
    color: #000000;
    margin-top: 1px;
    bottom: 0%;
    padding-top: 10px;
    padding-bottom: 1px;
    outline: none;
    font-size: medium;
    border-bottom: 3px solid;
    cursor: pointer;
}


.wrap pulldown {
    width:20%;
    margin: 40%;
    border-radius: 7px;
	background: #909090;
    font-weight:700 ;
	color: #000000;
    margin-top:15px;
	padding-top: 14px;
	padding-bottom: 14px;    
	padding-top: 14px;
	padding-bottom: 14px;
	outline: none;
	font-size: 20px;	
	border-bottom: 3px solid ;
	cursor: pointer;

}
h4 {
background-color: #ffffff;
color: firebrick;    

font-weight: bold;
}


menutitlegreen {
text-color: green;
color: green;  
text-align: center;
font-weight: bold;
text-size: large;
margin: 5%;
font-size: 1.3em;
}

menutitlegreen:after {
    content:"\a\a";
    white-space: pre;
}




menutitle {
text-color: firebrick;
color: firebrick;    
text-align: center;
font-weight: bold;
margin: 5%;
text-align: center;
font-size: 1.2em;
}

menutitle:after {
    content:"\a\a";
    white-space: pre;
}
menusubtitle {
color: firebrick;    
margin: 5%;
font-weight: bold;
font-size: 1.0em;
}

menusubtitle:after {
    content:"\a";
    white-space: pre;
}

menusubtitleleft {
color: firebrick;    
margin: 1%;
font-weight: bold;
font-size: .9em;
}

menusubtitleleft:after {
    content:"\a";
    white-space: pre;
}
menusubtitlegreen {
color: green;    
margin: 0%;
font-weight: bold;
font-size: 1em;
}

menusubtitlegreen:after {
    content:"\a";
    white-space: pre;
}

h3 {
color: firebrick;    
text-align: center;
font-weight: bold;
font-size: 20pt;
}



form.ex {


padding-top: 5%;
padding-left: 15px;
    background-color:white;
    width:90%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 5%;
    margin-left: 5%;
color: #000000; 
font-family: Arial; 
font-weight: normal; 
font-size: small; 
background-color: #ffffff;
}

form.ex_green {


padding-top: 5%;
padding-left: 15px;
    background-color:white;
    width:90%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 5%;
    margin-left: 5%;
color: #000000; 
font-family: Arial; 
font-weight: normal; 
font-size: small; 
background-color: #ffffff;
}


form.excenter {

background-color:white;
  
margin-top: 15px;
margin-bottom: 15px;
margin-right: 30%;
margin-left: 30%;
color: #000000; 
font-family: Arial; 
font-weight: normal; 
font-size: small; 
background-color: #ffffff;
 
}

form.excenterwide {

    text-align: center;
    background-color:white;
  
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 5%;
    margin-left: 5%;
    border-left: 4%;
    border-right: 4%;
    
color: #000000; 
font-family: Arial; 
font-weight: normal; 
font-size: small; 
background-color: #ffffff; 

}

table.smallfont {
 text-align: center;
 
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 5%;
    margin-left: 5%;
    border-left: 4%;
    border-right: 4%;
    
color: #000000; 
font-family: Arial; 
font-weight: normal; 
font-size: small; 


}


table.excenterwide {
margin: 8px;
border: 1px solid black;}
}
table.nolines {
border: 0px solid red;
border-collapse: collapse;
text-align: center;
align: center;
}

hr {
width: 100%; 
 height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #8c8c8c inset;
}


textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
        display: block;
        margin-left: 0%;
        margin-right: auto;
	width: 75%;
}
textarea.centered {
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
        display: block;
        margin-left: 0%;
        margin-right: auto;
	width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}