/* 
    Document   : styles
    Created on : Nov 1, 2011, 12:52:39 PM
    Author     : daniel
    Description:
        Purpose of the stylesheet follows.
*/
h1, h2, h3, h4, h5, h6{ font-family: 'Josefin Slab', serif; color: #4D0051;}

h1{ font-size: 20px; margin: 8px 0 8px 0; }

h2{ font-size: 16px; margin: 16px 0 7px 0; }

p{  margin: 0.6em 0 ; }

a{ color: inherit;}

td{ padding: 3px 10px;}


body{
    left:0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    width:910px;
    font-size: 15px;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 1.3em;
    background-color: #FFFFAF;
}

#page{
    border: 5px solid #4D0051;
    background-image: url('../images/tile-bkgd.png');
}

header{
    height:80px;
    padding: 20px ;
    background-image: url('../images/header-bkgd.png');
    margin-bottom: 0px;
}

header a{text-decoration: none}

header h1{
    margin-top: 20px;
    font-family: 'Parisienne', cursive;
    font-size:40px;
    letter-spacing: 0.08em;
}

header h2{
    margin-top: 15px;
    font-size: 18px;
    text-align: right;
}

#title{
    display:block;
    width:400px;
    margin-left: auto;
    margin-right:auto;
    left:0;
    right:0;
}

footer{
    padding: 5px 20px;
}

.site-navigation{
    padding-top: 20px;
    padding-bottom: 20px;
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
    font-family: 'Josefin Slab', serif;
    font-weight: bold;
    color: #4D0051;
}

.site-navigation a{ 
    display: block;
    margin: 5px;
    height:25px;
    padding: 0px 20px 5px 20px;
    width:100%;
    text-decoration: none; 
}

.site-navigation a:hover{  
    background-image: url('../images/bullet-flower.png');
    background-position: top left;
    background-repeat: no-repeat;
}

.site-navigation a.active {  
    background-image: url('../images/leaves-bkgd.png');
    background-position: bottom left;
    background-repeat: no-repeat;
}

.site-navigation a:hover.active {  
    background-image: url('../images/leaves-bkgd.png'), url('../images/bullet-flower.png');
    background-position: bottom left, top left;
    background-repeat: no-repeat, no-repeat;
}

.page-content{
    display: table-cell;
    padding: 20px 40px 40px 20px;
    vertical-align: top;
    width: 100%;
}

.image-right{
    float: right;
}

.google-map{
    border: 1px solid purple;
    padding-bottom: 10px;
    margin: 20px 0 20px 0;
}