@charset "UTF-8";
/* CSS Document */

body{
font-family: verdana;
font-size: small;
color: #d0d0d2;
background-color: #1b1464;
margin-top: 20px;
}

a:link{
color: #CAE1FF;
}

a:hover{
color: #67C8FF;
}

#main{
width: 600px;
height: 600px;
margin: auto;
background-image: url(../_images/background.jpg);
background-position: top;
}

#title{
width: 600px;
height: 39px;
background-image: url(../_images/back_05.jpg);
}

#body{
width: 600px;
height: 294px;
vertical-align: top;
background-image: url(../_images/back_06.jpg);
}

#nav{
width: 600px;
height: 37px;
vertical-align: middle;
background-image: url(../_images/back_07.jpg);
}

#navlist{
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li{
display: inline;
list-style-type: none;
font-size: 105%;
padding-left: 10px;
padding-right: 10px;
}

#navlist li a:link{
color: #CCCCCC;
text-decoration: none;
}

#navlist li a:visited{
color: #FFFFFF;
text-decoration: none;
}

#navlist li a:hover{
color: #FFDEAD;
text-decoration: none;
}

#navlist li a:active{
color: #FFFFFF;
text-decoration: none;
}

#footer{
font-size: 70%;
color: #999999;
padding-left: 5px;
}

#top{
text-align: center;
font-size: 90%;
}

#bottom{
vertical-align: bottom;
}

.listing{
text-align: center;
vertical-align: middle;
font-size: 90%;
}

.patrick{
text-align: center;
vertical-align: middle;
font-size: 90%;
padding-right: 20px;
}

.fai{
text-align: center;
vertical-align: middle;
font-size: 90%;
padding-left: 20px;
}

.mo{
text-align: center;
vertical-align: middle;
font-size: 90%;
padding-left: 30px;
}


.descript{
font-size: 80%;
}

.benefit{
font-size: 90%;
font-style: italic;
color: #CCCCCC;
}