body {background-color: #c0c0c0; font-family: Arial, Helvetica, sans-serif;}

* {padding: 0; margin: 0;}
img {border: 0;}

a {color: #333; text-decoration: none; outline: 0; font-weight: bold;}
a:hover {color: #fff; text-decoration: none; background-color: #B6C939; font-weight: bold;}

p {float: right; width: 710px; padding-bottom: 20px; font-size: 12pt; line-height: 24px; color: #333;}
ul {float: right; width: 710px; padding-bottom: 20px; font-size: 10pt; color: #333;}
li {list-style: square; line-height: 24px;}

.hidden {display: none;}

#container {position: relative; width: 980px; margin-left: auto; margin-right: auto;}

#top {position: relative; width: 980px; height: 10px; background-color: #333;}

#header {position: relative; width: 980px; height: 600px; background-color: #fff;}

.header1 {background-image: url(images/header1.png);}
.header2 {background-image: url(images/header2.png);}
.header3 {background-image: url(images/header3.png);}
.header4 {background-image: url(images/header4.png);}
.header5 {background-image: url(images/header5.png);}

#catch {position: relative; width: 980px; height: 600px; background-image: url(images/catch.png);}

#logo {position: relative; float: left; width: 90px; height: 159px; margin-top: 350px; margin-left: 250px;}

#phrase1 {position: relative; float: left; width: 319px; height: 167px; margin-top: 385px; margin-left: 70px; background-image: url(images/phrase1.png);}

#content {position: relative; width: 940px; height: 600px; padding:20px; margin-left: auto; margin-right: auto; background-color: #fff;}

#menu {position: relative; float: left; width: 210px; height: 300px;}

#menu ul {float: left; width: 150px; padding: 0;}
#menu li {list-style: none; margin-bottom: 10px;}

#menu a:hover {color: #B6C939; background-color: #fff;;}

#menu p {float: left; padding-bottom: 10px; font-size: 8pt; line-height: 15px; color: #333;}

#footer {position: relative; width: 940px; height: auto; padding: 20px; background-color: #333; font-size: 8pt; color: #eee;}