/* CSS Document */
body {
background-color: #FFFFFF;
background-image: url(images/h20-background.jpg);
background-repeat: repeat-x;
margin: 0;
padding: 0;
}

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

.header {
width:800px;
height:120px;
background-image:url(images/banner01.jpg);
background-repeat:no-repeat;
float:left;
}

.menu {
width:800px;
height:30px;
background-image:url(images/menu-background.jpg);
float:left;
text-align:center;
text-decoration:none;
color:#000000;
list-style:none;
font-family:Verdana, Arial;
font-size: 12px;
}

a.swapped-home:link, a.swapped-home:visited {
display:block;
width: 134px;
line-height: 30px;
color:#000000;
text-decoration:none;
background-image:url(images/button-home-up.jpg);
background-repeat:no-repeat;
}

a.swapped-home:link:hover, a.swapped-home:visited:hover {
background-image:url(images/button-home-over.jpg);
background-repeat:no-repeat;
}

a.swapped:link, a.swapped:visited {
display:block;
width: 133px;
line-height: 30px;
color:#000000;
text-decoration:none;
background-image:url(images/button-up.jpg);
background-repeat:no-repeat;
}

a.swapped:link:hover, a.swapped:visited:hover {
background-image:url(images/button-over.jpg);
background-repeat:no-repeat;
}

a.swapped-contact:link, a.swapped-contact:visited {
display:block;
width: 134px;
line-height: 30px;
color:#000000;
text-decoration:none;
background-image:url(images/button-contact-up.jpg);
background-repeat:no-repeat;
}

a.swapped-contact:link:hover, a.swapped-contact:visited:hover {
background-image:url(images/button-contact-over.jpg);
background-repeat:no-repeat;
}

.content {
width:800px;
height:100%;
background-image:url(images/content-background.jpg);
background-repeat:repeat-y;
float:left;
}

.image {
width:268px;
height:390px;
float:left;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:15px;
}

.image2 {
width:268px;
height:390px;
float:right;
margin-left:15px;
margin-right:15px;
margin-top:-35px;
margin-bottom:15px;
}

.text {
width:487px;
margin-right:15px;
margin-bottom:15px;
float:left;
font-family:Verdana, Arial;
font-size: 12px;
line-height:18px;
text-align:justify;
}

.text a {
color:#000099;
text-decoration:none;
}

.text a:hover {
color:#000099;
text-decoration:underline;
}

.text2 {
width:487px;
margin-left:15px;
margin-bottom:15px;
float:left;
font-family:Verdana, Arial;
font-size: 12px;
line-height:18px;
text-align:justify;
}

.text2 li {
width:472px;
margin-left:30px;
float:left;
font-family:Verdana, Arial;
font-size: 12px;
line-height:18px;
text-align:justify;
}

.text2 a {
color:#000099;
text-decoration:none;
}

.text2 a:hover {
color:#000099;
text-decoration:underline;
}

.title {
height:20px;
width:487px;
margin-top:15px;
margin-bottom:15px;
background-image:url(images/title-underline.jpg);
background-repeat:no-repeat;
float:left;
font-family:Verdana, Arial;
font-size: 12px;
font-weight:bold;
}

.title2 {
height:20px;
width:472px;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
background-image:url(images/title-underline.jpg);
background-repeat:no-repeat;
float:left;
font-family:Verdana, Arial;
font-size: 12px;
font-weight:bold;
}

.legal {
width:770px;
margin-right:15px;
margin-left:15px;
margin-bottom:15px;
float:left;
font-family:Verdana, Arial;
font-size: 12px;
line-height:18px;
text-align:justify;
}

.legal li {
width:740px;
margin-left:30px;
margin-right:15px;
margin-bottom:5px;
float:left;
font-family:Verdana, Arial;
font-size: 12px;
line-height:18px;
text-align:justify;
}

.footer {
width:800px;
height:30px;
background-image:url(images/footer-background.jpg);
background-repeat:no-repeat;
float:left;
}

.footer-text {
width:785px;
height:20px;
font-family:Verdana, Arial;
font-size: 10px;
text-align:right;
color:#000000;
padding-top:8px;
}

.footer-text a {
color:#000099;
text-decoration:none;
}

.footer-text a:hover {
color:#000099;
text-decoration:underline;
}