@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
* {
    /* With these codes padding and border does not increase it's width and gives intuitive style.*/
}
	
img {
    max-width: 100%;

}
	
label{
font-size:12px;
}

div#envelope{
width: 80%;
margin: 10px 30% 10px 11%;
}

.headertext {
	font-family: Verdana;
    padding-top: 0px;
    padding-bottom: 0px;
	font-size:30px;
	color: blue;
}
/* Makes responsive fields.Sets size and field alignment.*/
input[type=text]:focus,textarea:focus {
	border-color: #4697e4;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	font-size:14px;
	border-radius:5px;
	border:3px solid #7ac9b7;
}
input[type=number]{
	margin-bottom: 5px;
	margin-top: 5px;
	width:20%;
	font-size:14px;
	border-radius:5px;
	border:6px solid #7ac9b7;
}
input[type=checkbox] {
    margin-bottom: 14px;
	margin-top: 14px;
	width: 5%;
	padding: 30px;
	background-color: #4180C5;
	font-size:36px;
	border-radius:5px;
	border:20px solid #7ac9b7;

}

select {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size:14px;
	padding: 5px;
	border-radius:5px;
	border:3px solid #7ac9b7;
}

input[type=submit]
{
	margin-bottom: 14px;
	width:100%;
	padding: 15px;
	border-radius:5px;
	border:1px solid #7ac9b7;
	background-color: #4180C5;
	color: red;
	font-size: 14px;
	cursor:pointer;
}
#submit:hover
{
 background-color: black;
}
textarea{
	width: 90%;
	padding: 15px;
	margin-top: 8px;
    border:6px solid #7ac9b7;
	border-radius:5px; 
	margin-bottom: 8px;
	resize:none;
  } 


h1{
padding-top: 0px;
padding-bottom: 0px;
font-size:30px;
}

h2{
padding-top: 0px;
padding-bottom: 0px;
font-size:8px;
}

p{
  font-size: 24px;
  padding-top: 0px;
  padding-bottom: 0px;

}


.leftmenu {
	color: #333333;
	font-size: 17px;
	padding-left: 4px;
	padding-top: 10px;
	font-family: Verdana;
}

.footerCopy {
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	color: #999999;
	background-color: #343434;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	border-top-style: none;
	border-top-width: 1;
}
.boxes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #503B36;
	color: #FFFFFF;
	position: fixed;
	border: 2;
	border-color: #7E8492;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	border: 4;
	border-left-style: solid;
	margin-left: 0px;
	padding-left: 3px;
	border-left-color: #7E8492;
	border-color: #7E8492;
	background-image:  url(images/bg.png);
	background-repeat: repeat-x;
}

.boxestitle {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #FFFFFF;
	position: fixed;
	border: 2;
	border-color: #7E8492;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
}

.class1 A:link {
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 8px;
	color: #333333;
	font-family: tahoma;
	font-size: 17x;
}
.class1 A:visited {
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 8px;
	color: #0066CC;
	font-family: tahoma;
	font-size: 17px;
}
.class1 A:active {
	text-decoration: none;
	color: #333333;
	font-family: tahoma;
	font-size: 17px;
}
.class1 A:hover {
	text-decoration: underline;
	color: #333333;
	font-family: tahoma;
	font-size: 20px;
}
.class2 A:link {
	text-decoration: none;
	color: #0066CC;
	font-family: tahoma;
	font-size: 12px;
}
.class2 A:visited {
	text-decoration: none;
	color: #0066CC;
	font-family: tahoma;
	font-size: 12px;
}
.class2 A:active {
	text-decoration: none;
	color: #0066CC;
	font-family: tahoma;
	font-size: 12px;
}
.class2 A:hover {
	text-decoration: underline;
	color: #0066CC;
	font-family: tahoma;
	font-size: 12px;
}

.headings {
	font-family: Arial, Helvetica, sans-serif;
	color: blue;
	font-size: 20px;
}
.headings A:link {
	text-decoration: none;
	color: #0066CC;
	font-family: tahoma;
	font-size: 20px;
}
.headings A:visited {
	text-decoration: none;
	color: #0066CC;
	font-family: tahoma;
	font-size: 20px;
}
.headings A:active {
	text-decoration: none;
	color: #0066CC;
	font-family: tahoma;
	font-size: 20px;
}
.headings A:hover {
	text-decoration: underline;
	color: #0066CC;
	font-family: tahoma;
	font-size: 20px;
}
.ezibody {
	font-family: Tahoma;
	font-size: 17px;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	width: 99%;
}