@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.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
margin:1px;
padding:1px;
font-family: 'Open Sans',;
font-size: normal;
color: #696969;
}


table {
    float: none;
}


div#envelope{
width: 90%;
margin: 10px 5% 10px 5%;
padding:4px 0;
border: 0px solid gray;
border-radius: 14px;
}

form{
width:99%;
margin:0% 0%;
}

header{
background-color: #4180C5;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 1px;
margin-bottom: 1px;
border-radius: 10px 10px 0 0;
color: aliceblue;
}

/* Makes responsive fields. Sets size and field alignment.*/

input[type=text]{
margin-bottom: 8px;
margin-top: 8px;
width:90%;
padding: 1px;
border-radius:1px;
border:1px solid #7ac9b7;
}


input[type=number]{
margin-bottom: 8px;
margin-top: 8px;
width:90%;
padding: 5px;
border-radius:5px;
border:1px solid #7ac9b7;
}

input[type=submit]
{
margin-bottom: 4px;
width:100%;
padding: 4px;
border-radius:2px;
border:1px solid #7ac9b7;
background-color: #210DC5;
color: aliceblue;
font-size:16px;
cursor:pointer;
}
#submit:hover
{
background-color: black;
}

input[type=reset]
{
margin-bottom: 4px;
width:100%;
padding: 4px;
border-radius:2px;
border:1px solid #7ac9b7;
background-color: #210DC5;
color: aliceblue;
font-size:16px;
cursor:pointer;
}

#reset:hover
{
background-color: black;
}

textarea{
width:100%;
padding: 4px;
margin-top: 4px;
border:4px solid #7ac9b7;
border-radius:8px;
margin-bottom: 8px;
resize:none;
}

h1
{
font: "Open Sans";
font-size: normal;
border-bottom: 2px solid #cc9900;
color: #996600;
}

ul#menu
{
padding: 0px;
position: relative;
margin: 0;
}

ul#menu li
{
display: inline;
}

ul#menu li a 
{
background-color: #4B0082;
padding: 2px 4px;
text-decoration: none;
line-height: 1.8em;
color: #FFFF00;
border-radius: 4px 4px 4px 4px;
}

ul#menu li a:hover
{
background-color: #008000;
}


#center_div {
    width:100%;
    max-width:500px; /* real image width */
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    margin:auto;
}