* 
{
    margin: 0; 
    padding:0;

}



/* indent your form a bit */
form
{
	margin-top:1em;
    text-align:center;
    width:100%;
    font-size:2vw;
}

select
{
	margin-top:1em;
    width:1.5in;
    display:block;
    margin-bottom: 2em;
}


input[type=text]
{
    width:5em;
    display:block;
}

input[type=button]
{
    margin-top:1em;
    width:10em;
    display:block;
}

/* formatting for labels; need the float property for the width to work, and need
   the width to make the text align work. */
label
{
    float:left;
    width:8em;
	text-align:right;
	margin-right:5px;

	margin-left:auto;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: normal;
    font-size: 12pt;
}

label.email
{
    width:20%; 
}

input[type=text].email
{
    width:40%;
    float:left;
}

input[type=button].email
{
    margin-top:1em;
    width:50%;
}

/* div to hold buttons, because I want one on the left and one on the right. */
div.buttonHolder
{
	/*margin-left: 20px;*/
	margin-top:1em;
	margin-bottom:3em;
	width:40%;
	margin-left:4%;
}



/* formatting for button on left */
input.buttonLeft
{
	float:left; /* forces to left side */
	width:30%;
    display: block;
}

/* formatting for button on right */
input.buttonRight
{
	float:right; /* forces to right side */
	width:30%;

}

/* formatting for button in center */
input.buttonCenter
{
	
	width:30%;

}