html{
}

body{
    background: #dff0bd;
    margin: 50px 0; padding: 0;  
    text-align: center;
    font-family: 'Trebuchet MS', 'Helvetica', sans-serif; 
}

/* main logo */
img#content-logo{
    float: left;
}

div#gallery{
    height: 600px;
    width: 100%;
    background: #fcfff0 url('../images/background-gradient.png') repeat-x bottom left;
    position: absolute;
    margin: 0 auto;
    left: 0;
    z-index: 10;
    border-bottom: 1px solid #888;
    border-top: 1px solid #888;
    /*opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;*/
}

div#gallery-header{width: 980px; margin: 0 auto; padding-top: 25px;}
div#gallery-header h1{text-transform: capitalize; font-style: italic; color: #454545; font-size: 18pt;}

div#gallery p {font-size: 20pt; padding: 0; margin:0;}

a:link img,
a:hover img,
a:active img,
a:visited img{border:0;}

div.button-image{padding: 10px 0 10px 20px; float:right;position:relative; z-index:5;}


/* Navigation Definitions */
div#navigation{
    float: right;
    width: 550px;
    text-align: right;
    padding: 0;
    margin: 0;
}
div#navigation ul{
    padding: 0;
    margin: 0;
    list-style-type: none;

}
div#navigation ul li{
    display: inline;
    padding: 0;
    margin: 0;
}
div#navigation a{
    text-decoration:none;
    padding: 0;
    margin: 0;
    color: #84AF4A; 
}
div#navigation li.vertical-line{
    margin: 0 10px 0 8px; 
}
div#navigation li.vertical-line img{
    width: .1em;
    height: 35px;
    border-right: 1px solid #DBDADA;
}
div#navigation li.navigation-button{
    position: relative;
    top: -10px;
}
div#navigation li.navigation-button a img{
    height: 13px;
    border: 0;
}

    /* define navigation button widths here */
    div#navigation li#button-o1.navigation-button a img{
        width: 45px;
    }
    div#navigation li#button-o2.navigation-button a img{
        width: 100px;
    }
    div#navigation li#button-o3.navigation-button a img{
        width: 76px;
    }
    div#navigation li#button-o4.navigation-button a img{
        width: 72px;
    }
    div#navigation li#button-o5.navigation-button a img{
        width: 87px;
    }

div#navigation li.navigation-button a,
div#navigation li.navigation-button a:link,
div#navigation li.navigation-button a:active,
div#navigation li.navigation-button a:visited{
    background-repeat: no-repeat;
    outline: 0;
    outline-style: none;
    background-position: 0 0; 
}
div#navigation li.navigation-button a:hover{
    background-repeat: no-repeat;
    background-position: 0 -37px;
}

    /* define images for buttons here */
    div#navigation li#button-o1 a{
        background-image: url('../images/interface/navigation-o1.jpg');
        /* alternate image for msie since msie likes transparent *.png files more */
        /* background-image: url('../images/interface/navigation-o1.png'); */
    }
    div#navigation li#button-o2 a{
        background-image: url('../images/interface/navigation-o2.jpg');
        /* alternate image for msie since msie likes transparent *.png files more */ 
        /* background-image: url('../images/interface/navigation-o2.png'); */
    }
    div#navigation li#button-o3 a{
        background-image: url('../images/interface/navigation-o3.jpg');
        /* alternate image for msie since msie likes transparent *.png files more */ 
        /* background-image: url('../images/interface/navigation-o3.png'); */
    }
    div#navigation li#button-o4 a{
        background-image: url('../images/interface/navigation-o4.jpg');
        /* alternate image for msie since msie likes transparent *.png files more */ 
        /* background-image: url('../images/interface/navigation-o4.png'); */
    }
    div#navigation li#button-o5 a{
        background-image: url('../images/interface/navigation-o5.jpg');
        /* alternate image for msie since msie likes transparent *.png files more */ 
        /* background-image: url('../images/interface/navigation-o5.png'); */
    }
    
/* Navigation Definitions END */

/* new navigation */
div#navigation-new{ position:relative; margin: 0; margin-left: 250px; _margin-left: 0; padding: 0;}
#navigation-new ul{list-style: none; padding: 0; margin: 0; width: 595px;}
#navigation-new ul li{float: left; margin: 0; padding: 0;}

#navigation-new ul li{background: url(../images/interface/menu.png) no-repeat;}
#navigation-new ul li#o1{width: 80px;}
#navigation-new ul li#o2{
    width: 128px;
    background-position: -80px 0;
}
#navigation-new ul li#o3{
    width: 102px;
    background-position: -208px 0;
}
#navigation-new ul li#o4{
    width: 101px;
    background-position: -310px 0;
}
#navigation-new ul li#o5{
    width: 114px;
    background-position: -411px 0;
}
#navigation-new ul li#o6{
    width: 70px;
    background-position: -525px 0;
}
#navigation-new ul li a{outline: none;}
#navigation-new ul li#o1:hover{background-position: 0px -48px;}
#navigation-new ul li#o2:hover{background-position: -80px -48px;}
#navigation-new ul li#o3:hover{background-position: -208px -48px;}
#navigation-new ul li#o4:hover{background-position: -310px -48px;}
#navigation-new ul li#o5:hover{background-position: -411px -48px;}
#navigation-new ul li#o6:hover{background-position: -525px -48px;}


#navigation-new ul li a img{height: 50px; border: 0;}
#navigation-new ul li#o1 a img{width: 80px;}
#navigation-new ul li#o2 a img{width: 128px;}
#navigation-new ul li#o3 a img{width: 102px;}
#navigation-new ul li#o4 a img{width: 101px;}
#navigation-new ul li#o5 a img{width: 114px;}
#navigation-new ul li#o6 a img{width: 70px;}
/* end */

div.clear{
    clear: both;
    height: .1px;
    overflow: hidden;
    background: transparent;
}

/* Main Content Definitions */
div#content-body{
    padding: 0; 
    margin: 15px 0 0 0; /* only adjust top margin for more content spacing beneath navigation, messes up in ff */

    /*background: #e7f4ce;*/
    background: #fff;
}

div#content-body p, 
div#content-body h1,
div#content-body h2{
    font-size: 10pt;
    line-height: 160%;
    color: #454545;
    padding: 10px 20px;
    margin: 0;
    font-weight: 100; 
}

div.textBody02{
    background: #69932f;
}
div#content-body div.textBody02 p{
    color: #fff;
}

div#content-body h1{    
    font-style: italic;
    line-height: 200%;
    color: #fff;
    font-size: 18pt;
}

div#content-body h2{
    font-style: italic; 
    color: #454545;
    font-size: 15pt;    
}

h3{margin: 5px 0 -2px 0; padding: 0 20px; line-height: 100%; font-size: 12pt; font-style: italic; color: #fff;}

div#content-body a,
div#content-body a:link{
    color: #709a36;
    /*border-bottom: 1px dotted #709a36;*/
    text-decoration: none;
    outline: 0;
}

div#content-body a:hover{
    color: #f0571c;
    /*border-bottom: 1px dotted #f0571c;*/
}

div#content-body a:visited{
    color: #372A4B;
    /*border-bottom: 1px dotted #709a36;*/    
}

div#content-body img.left{
    float: left;
    padding: 0; margin: 0;
    margin-right: 20px;
}

div#content-body h1.header{
    background: #8cc63f;
    padding: 0 20px; margin: 0; 
}
    div#content-body h1.header span{
        position: relative;
        top: 15px;
        text-transform: lowercase;  
    }
    
    

div#textBody01 p{
    color: #f8f8f8;
    font-size: 8.5pt;
}
div#textBody01 a:link,
div#textBody01 a:hover,
div#textBody01 a:visited{
color: #fff;
border-color: #fff;
}

div#textBody01{
    background: #69932f;
}

    
div#image01{margin-right: 20px; background: #F0571D url('../images/home-01.png') no-repeat; width: 350px; height: 500px; float: left; position: relative; z-index: 5;}
div#image01 p{margin-top: 455px;padding: 5px 10px; font-style: italic;font-size: 8pt; color: #f9f9f9;}
    
div#image02{margin-left: 20px; margin-bottom: 10px; background: #9f9f6b url('../images/home-02.png') no-repeat; width: 180px; height: 300px; float: right; position: relative; z-index: 5;}
div#image02 p{margin-top: 220px;padding: 5px 10px; font-style: italic;font-size: 8pt;color: #f9f9f9;}
    
img.right{
    float: right;
    padding: 0; margin: 0;
    margin-left: 20px;
}
img.left{
    float: left;
    padding: 0; margin: 0;  
}
div#clear-bottom{
    height: .1em;
    overflow:hidden;
    background: #fff;    
}


div#footer{
    width: 900px;
    font-size: 8pt;
    padding: 0; margin: 10px auto;
    color: #454545;
}

div#footer a,
div#footer a:link,
div#footer a:visited,
div#footer a:hover{
    text-decoration: none;
    color: #454545;
}

div#footer a:hover{
    color: #222;    
}

div#footer p{
    padding: 0; margin: 0;
    line-height: 180%;
}

div#footer p span{
    padding: 0; margin: 0 5px;
    position: relative;
    top: -2px;
}

    div#footer div#footer-left{
        float: left;
        text-align: left;
        padding: 0; margin: 0;
        margin-left: 35px;
    }
    div#footer div#footer-right{
        float: right;
        text-align: right;
        padding: 0; margin: 0; 
        margin-right: 35px;
    }
    
    div#content-body ul{font-size:10pt; color:#454545; padding-left:60px; margin-left:0;}
    div#content-body li{line-height: 160%;}
    
    div.main-image{background:rgb(240,87,29);width: 210px; overflow: hidden; float: left; margin-right: 20px; font-size: 7.5pt; color: #fff; text-align: right; padding-bottom: 20px;}
    div.main-image2{background:rgb(240,87,29);width: 210px; overflow: hidden; float: right; margin-left: 20px; font-size: 7.5pt; color: #fff; text-align: left; padding-bottom: 20px;}
    div.main-image div.caption, div.main-image2 div.caption{padding: 5px;}
/* Main Content Definitions END */


/* Rounded Corners Container Definitions (more css adjustments to div#content-body!) */
    /* In other words, DO NOT CHANGE */
    #main{
        margin: 0 auto;  
        text-align: left;
        width: 900px;
    }

    .dialog{
        position: relative;
        margin: 0px auto;
        min-width: 8em;
        max-width: 900px; /* based on image dimensions - not quite consistent with drip styles yet */
        color: #000;
        z-index: 1;
        margin-left: 35px; /* default, width of left corner */
        margin-bottom: 0.5em; /* spacing under dialog */
    }

    .dialog .content,
    .dialog .t,
    .dialog .b,
    .dialog .b div{
        background:transparent url('../images/interface/content-background.png') no-repeat top right;
        _background-image:url('../images/interface/content-background.png');
    }

    .dialog .content{
        position: relative;
        zoom: 1;
        _overflow-y: hidden;
        padding: 35px 35px 0px 0px;
    }

    .dialog .t{
        /* top+left vertical slice */
        position: absolute;
        left: 0px;
        top: 0px;
        width: 35px; /* top slice width */
        margin-left: -35px;
        height: 100%;
        _height: 2000px; /* arbitrary long height, IE 6 */
        background-position: top left;
    }

    .dialog .b{
        /* bottom */
        position: relative;
        width: 100%;
    }

    .dialog .b,
    .dialog .b div{
        height: 35px; /* height of bottom cap/shade */
        font-size: 1px;
    }

    .dialog .b{
        background-position: bottom right;
    }

    .dialog .b div{
        position: relative;
        width: 35px; /* bottom corner width */
        margin-left: -35px;
        background-position: bottom left;
    }

    .dialog .hd,
    .dialog .bd,
    .dialog .ft{
        position: relative;
    }

    .dialog .wrapper{
        /* extra content protector - preventing vertical overflow (past background) */
        position: static;
        max-height: 1000px;
        overflow: auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
    }

    .dialog h1,
    .dialog p{
        margin: 0px; /* margins will blow out backgrounds, leaving whitespace. */
        padding: 0.5em 0px 0.5em 0px;
    }

    .dialog h1{
        padding-bottom: 0px;
    }

/* Rounded Corners Container Definitions END */

/* Admin Style Definitions */

    /* Navigation-Admin Definitions */
    div#navigation-admin{
        float: right;
        width: 550px;
        text-align: right;
        padding: 0;
        margin: 0;
    }
    div#navigation-admin ul{
        padding: 0;
        margin: 0;
        list-style-type: none;

    }
    div#navigation-admin ul li{
        display: inline;
        padding: 0;
        margin: 0;
    }
    div#navigation-admin a,
    div#navigation-admin a:link,
    div#navigation-admin a:visited{
        text-decoration:none;
        padding: 0;
        margin: 0;
        color: #84AF4A;
        font-size: 11pt;
        font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    }
    div#navigation-admin a:hover{
        color: #53584D;
    }
    div#navigation-admin li.vertical-line{
        margin: 0 10px 0 8px; 
    }
    div#navigation-admin li.vertical-line img{
        width: .1em;
        height: 35px;
        border-right: 1px solid #DBDADA;
    }
    div#navigation-admin li.navigation-button{
        position: relative;
        top: -10px;
    }



    /* Navigation Definitions */