body {
background-color: #f7f7f7;
margin: 0;
color: #27282D;
font-size: 0.75em;
font-family: Arial, Georgia, Tahoma, Geneva, serif;
}

h3 {
margin: 0;
padding: 0.2em 0.5em;
font-size: 1em;
}

p {
margin: 0;
padding: 0.3em 0;
color: #000 !important;
}

a {
color: #e41913;
text-decoration: none
}

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

.clear {
clear:both;
}

.hide {
visibility: hidden;
}

#main{
margin: 5em auto;
border: 1px solid #d5d5d5;
width: 50em;
height: 33.5em;
background-color: #fff;
}


#header{
width: 100%;
height: 8.5em;
background: url(graphics/header_girl.jpg) no-repeat top right;
border-bottom: 1px solid #d5d5d5;
}

.logo{
width: 10em;
height: 8.5em;
background: url(graphics/logo.jpg) no-repeat left;
float: left;
margin: 0 0 0 1em;
}

#body{
padding: 1.5em;
}

#body ul{
float: left;
margin: 0.5em 0.5em 0.5em 0;
padding: 0;
list-style: none;
clear: both;
width: 45em;
}

#body li{
float: left;
margin: 0.5em;
width: 12em;
}

.title{
background-color: #f1f4f9;
width: 10em;
height: 1.7em;
background: url(graphics/title_bg.jpg) #f1f4f9 no-repeat right;
float: left;
margin: 1.5em 0 0 0;
clear: both;
}