body{
    background:url(../images/background.png);
}
#site{
    width:960px;
    margin:0 auto;
    background:#fff;
    font-family: 'Noto Serif', serif;
    font-size:14px;
}
#header{
    color:#45a0a7;
}
#logo-container{
    float:left;
    width:80%;
}
#user-login{
    float:left;
}
#user-login a{
    font-size:14px;
}
#top-menu{
    background: url(../images/top-bar.png) repeat-x;
    height:38px;
    width:100%;
}
.menu-list{
    float:left;
    color:#ffffff;
    padding-top: 10px;
    padding-left:15px;
}
.menu-list a{
    color:#ffffff;
    text-transform: uppercase;
}
#top-search{
    float:right;
    margin-right:15px;
    margin-top:7px;
}
#top-search input{
    border:none;
    height:20px;
    padding:0;
    margin:0;
    border:#45a0a7 solid 1px;
    border-radius: 5px;
    background-color: #defaf8;
}
#top-search input[type=text]{

    width:200px;
}
#top-search input[type=submit]{
    width:75px;
    height:22px;
}

#content{

}
.box{
    width:100%;
    border:#9da5a9 solid 1px;
    border-top:#9da5a9 solid 4px;
    font: normal Verdana 18px;
}
.box p{
   padding: 10px;
}
.box div{
    padding: 10px;
}
.box h1{
    background: url(../images/box-bar.png) repeat-x;
    height: 24px;
    margin:0;
    padding: 0;
    color:#ffffff;
    font:normal 16px Verdana;
    padding-top:5px;
    padding-left:10px;
}

.box h2{
    font:normal 16px Verdana;
    padding-top:5px;
    padding-left:10px;
    color:#9da5a9;
    text-transform: uppercase;
}

.gallery-container{
    margin:10px;
    float:left;
    width:500px;
}
.thumb-container{
    margin-top:10px;
}
#footer{
    background:url(../images/footer-drawing.png) no-repeat;
    width: 961px;
    height:67px;
}
#footer-logo{
    position: relative;
    left:5px;
    top:7px;
}