html {
height: 100%;
}

body {
height: 100%;
background-image: url(../images/background.jpg);
background-repeat: no-repeat;
background-position: top left;
background-color: #000000;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}

.container {
width: 756px;
margin-left:100px; 
margin-right:auto;
height: 100%;
}

.top {
vertical-align: top;
}

.header {
width: 756px;
height: 100px;
margin-left:auto; 
margin-right:auto;
font-family: Helvetica;
font-size: 36px;
font-weight: bold;
color: #ffffff;
text-align: right;
}

.header_tag {
font-family: Helvetica;
font-size: 11px;
color: #ED0379;
text-align: right;
line-height: 100%;
}

.menu {
width: 756px;
height: 100px;
margin-left:auto; 
margin-right:auto;
text-align: right;
font-family: Helvetica;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}

.menu a, .menu a:link {
color: #ffffff;
text-decoration:none;
padding-left: 20px;
}

.menu a:hover {
color: #ED0379;
text-decoration:none;
}

a, a:link {
color: #ED0379;
text-decoration:none;
}

a:hover {
color: #ffffff;
text-decoration:none;
}

.main_body {
width: 756px;
height: 100%;
margin-left:auto; 
margin-right:auto;
text-align: justify;
font-family: Helvetica;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}

.top_text {
font-family: Helvetica;
font-size: 28px;
font-weight: bold;
color: #ED0379;
}

.top_text_right {
font-family: Helvetica;
font-size: 28px;
font-weight: bold;
color: #ED0379;
float: right;
}

.footer {
width: 756px;
margin-left:100px;
margin-right:auto;
text-align: center;
font-family: Helvetica;
font-size: 10px;
font-weight: bold;
color: #ffffff;
margin-top: 10px;
padding-top: 10px;
border-top-style: dotted;
border-top-width: 1px;
border-top-color: #ffffff;
padding-bottom: 20px;
}