.bodyClass {        
        background-color: green;
    }

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
	
}

a {
   text-decoration: none;	
}

.field-validation-error {
	border-color: red;
    color: #6699CC;
    font-weight:bold;
    text-decoration:none;
}
 
input.input-validation-error {
	
    border:none;
   border-bottom:2px solid red;
}

 input.valid {
	
    border:none;
   border-bottom:1px solid grey;
	
}

textarea.input-validation-error {
	
     width: 80%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid red;
  border-radius: 4px;

  font-size: 16px;
  resize: none;
   
}

textarea.valid, textarea
{
	    width: 80%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid grey;
  border-radius: 4px;
 
  font-size: 16px;
  resize: none;
}

.inputtext {
	
    border:none;
   border-bottom:1px solid grey;
}

.editor-field textarea {
    width : 700px;
    height : 200px;
}

.Highlight {
  padding: 5em 0;	
}

.BlueClass {
	color:white;
	background-color: blue;
}

.GreyClass {
	color: red;
	background-color: grey;
	
}

.WhiteClass {
	color: #333;
	background-color: white;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}
.navbar1 {
  overflow: hidden;
  background-color: #333; 
	font-family: Arial, Helvetica, sans-serif;
}

.navbar1 a {
  float: left;
  font-size: 16px;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.navbar1 a:visited {
  	  float: left;
  font-size: 16px;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn, .subnav .subnavbtn:visited {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: #333;
  font-family: inherit;
  margin: 0;
	text-decoration:none;
}

.navbar1 a:hover, .subnav:hover .subnavbtn {
  background-color: #ddd;
	  text-decoration: none;
}
.navbar1 a:hover, .link a:hover {
 color: black;
	 text-decoration: none;
}


.subnavbtn:hover {
  color: black;
	 background-color: #ddd;
	 text-decoration: none;
}


.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: #ddd;
  width: 100%;
  z-index: 1;
	 text-decoration: none;
}

.subnav-content a {
  float: left;
  color: black;
  text-decoration: none;
}

.subnav-content a:hover, .subnav-content a:visited {
  background-color: #eee;
  color: black;
	 text-decoration: none;
}

.subnav:hover .subnav-content {
 /* display: block;*/
	 text-decoration: none;
}





.topnav .search-container button:hover {
  background: #ccc;
}

@media screen and (max-width: 600px) {
  .topnav .search-container {
    float: none;
  }
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
	
	
.button0 {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
	
	#blog-logo div.bloglogo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-position: center center !important;
  background-color: #ffffff;
}

	/* Style the close button (span) */
.close {
  cursor: pointer;
  position: absolute;
  top: 50%;
 
  padding: 12px 16px;
  transform: translate(0%, -50%);
}

.close:hover {background: #bbb;}
	

.form-parent {
  width:323px;height:auto;
  background: transparent url('https://3.bp.blogspot.com/-gvfHlb6JnY4/VPnwlkELmhI/AAAAAAAAKDU/9lgOeCd279E/s1600/contact-button.png') no-repeat right 10px;position:fixed;top:150px;left: -275px;z-index:9999999;transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.form-parent:hover {left:0;}
.cc-float-form {background:-moz-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);background:-webkit-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);background:-o-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);    background:-ms-linear-gradient(top, #2b2a2b 5%, #0a0a0a 100%);    background:linear-gradient(to bottom, #2b2a2b 5%, #0a0a0a 100%);color:#fafafa;padding:10px;    width:250px;border:2px solid #000;    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#ContactForm1 {display:none;}
.contact-form-area {background: #222;width: 245px;padding: 10px 0px;border: 1px solid #111;box-shadow: 2px 2px 2px #111 inset;    -webkit-box-shadow: 2px 2px 2px #111 inset;font-family:Verdana, Geneva, sans-serif;color:#fafafa;font-size: 12px;}
#cc {float:right;font-size:9px;margin-top:-10px;color:#777;}#cc a {    color: #777;text-decoration:none;}