html,body,h1,h2,h3 {
margin:0;
padding:0;
}
html,body {
height:100%;
}
body {
font: 90% arial, hevetica, sans-serif;
background: #FFF ;
}
#container {
min-height:100%;
position:relative;
background:#FFF;
width: 960px;
margin: auto;
}
#header {
background:#FFF;
padding:3px;
height:150px;
}
#main {
margin: 10px 0 0;
padding:10px;
padding-bottom:20px;	/* Height of the footer */
float: left;

}
#footer {
position:absolute;
bottom:0;
width:100%;
height:20px;			/* Height of the footer */
background:#FFF;
text-align:center;
line-height: 20px;
}

#button {
  margin-top: 0px;
	height: 32px;
	width: 184px;

    float: left;

}

ul.the_menu, li.the_menu {
	margin:0;
	padding:0;
	list-style:none;
}

.menu_class {
	border:none;
    cursor: pointer;
}

.the_menu {
	display:none;
	width:183px;
	border: 1px solid #C7C7FA;

}

.the_menu li {
	background-color: #DEE6FF;
}

.the_menu li a {
	color:#49549B;
	text-decoration:none;
	padding:10px;
	display:block;
}

.the_menu li a:hover {
	padding:10px;
	font-weight:bold;
	color: #49549B;
}

#main {
  margin-left: 184px;
}
h1 {
  color:#49549B;
  font-size: 220%;
  margin-top: -20px;
}
h2 {

color: #DC9100;
}
a, a:active
{
text-decoration: none;
color: #3553ED;
}

a:hover {
color: #CC6600;
text-decoration: underline;
}
a:visited
{
color: #3553ED;
text-decoration: none;
}
.inp {
font-size: 8pt;
color: #2D2D2D;
background-color: #FFF;
border: 1px double #7F9DB9;
}
.butt {
border:1px solid #828282;
background-color: #49549B;
cursor: pointer;
font-family: sans-serif;
color: #FFFFFF;
text-decoration:none;
font-size: 11px;
font-weight: 800;
padding: 1px 5px 1px 5px;
}