﻿body 
{
    margin: 5px;
}
a
{
    color: #9EA587;
    text-decoration: none;
}
a:hover
{
    color: #D8D197;
}
div 
{
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
}
.headerDIV, .headerDIVmain 
{
    position: relative;
    margin: 0 auto 10px auto;
    width: 798px;
    height: 75px;
}
.headerDIV
{
    border-bottom: solid 2px #9EA587;
}
.logoDIV
{
    position: absolute;
    margin: 0;
}
.menuDIV
{
    position: absolute;
    margin: 50px 0 0 400px;
    
}
.footerDIV 
{
    position: relative;
    margin: 10px auto;
    text-align: center;
    width: 798px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: Black;
    font-size: 8pt;
    border-top: solid 2px #9EA587;
}
.mainContent 
{
    position: relative;
    margin: 5px auto;
    width: 798px;
    height: 354px;
    background-image: url('../images/PAULAandBENSmall.jpg');
    border: solid 1px black;
}
#content 
{
    position:relative; 
    width:798px; 
    height:354px; 
    padding:0px;
    background:#FFF url('../Gallery/images/loading.gif') center center no-repeat;
}
.content 
{
    position: relative;
    margin: 0px auto;
    width: 798px;
    overflow: hidden;
}
.pageContent
{
    margin: 0;
    width: 648px;
    float: left;
}
#sideContent
{
    float: right;    
    width: 120px;
    color: White;
    background-image: url('../images/multi099.jpg');
    padding: 10px 10px 10px 10px;
}    
#sideSubContent1
{
    margin: 10px 4px 4px 4px;
    height: 140px;
    background-image: url('../images/wood035.gif');
    width: 130px;
    color: White;
    padding: 10px 0px 10px 0px;
}
.sideSubContent2
{
    margin: 4px 4px 4px 4px;
    height: 150px;
    background-image: url('../images/dgren045.jpg');
    width: 130px;
    border: solid 1px black;
}
.sideSubContent2A
{
    position: absolute;
    margin: 10px 0px 0px 10px;
    width: 110px;
    height: 130px;
    color: White;
}    
#sideSubContent1A
{
    position: relative;
    margin: 5px 0px 0px 10px;
    width: 110px;
    background-color: Black;
    height: 120px;
    filter: alpha(opacity=33);
}
#sideSubContent1B
{
    position: absolute;
    margin: 10px 0px 0px 10px;
    width: 106px;
    height: 126px;
    color: White;
    padding: 3px;
}
.subContent 
{
    position: relative;
    margin: 5px auto;
    border: none;
    width: 798px;
    height: 100px;
}
.subContent1
{
    position: absolute;
    margin: 0 -1px;
    width: 427px;
    height: 100px;
    border: solid 1px black;
    background-image: url('../images/wood035.gif');
}
.subContent1A
{
    position: absolute;
    margin: 10px 0px 0px 10px;
    width: 400px;
    height: 74px;
    border: none;
    color: White;
    background-color: Black;
    filter: alpha(opacity=33);
    padding: 3px;
}
.subContent1B
{
    position: absolute;
    margin: 20px 0px 0px 10px;
    width: 400px;
    height: 64px;
    border: none;
    color: White;
    padding: 3px;
    font-size: 14pt;
    vertical-align: middle;
    text-align: center;
}
.subContent2
{
    position: absolute;
    margin: 0 0 0 207px;
    width: 220px;
    height: 100px;
    border: solid 1px black;
    background-image: url('../images/dgren045.jpg');
}
.subContent2A
{
    position: absolute;
    margin: 10px 0px 0px 10px;
    width: 194px;
    height: 80px;
    color: white;
}
.subContent3
{
    position: absolute;
    margin: 0 0 0 435px;
    width: 362px;
    height: 100px;
    border: solid 1px black;
    background-image: url('../images/multi099.jpg');
}
.subContent3A
{
    position: absolute;
    margin: 10px 0px 0px 10px;
    width: 210px;
    height: 80px;
    border: none;
    color: White;
}
.subContent3B
{
    position: absolute;
    margin: 10px 0px 0px 240px;
    width: 112px;
    height: 80px;
    text-align: center;
}
#gallery 
{
    position:relative; 
    width:514px; 
    margin:0px auto; 
    padding:10px; 
    border:6px solid #fff; 
    background:#AAA
}
#images 
{
    border:2px solid #9ac1c9; 
    height:225px; 
    background:#eef5f6; 
    margin-bottom:20px
}
#image 
{
    position:relative; 
    width:500px; 
    height:375px; 
    padding:5px;
    border:2px solid #666;
    background:#FFF url('../Gallery/images/loading.gif') center center no-repeat;
}
#image img, #content img 
{
    position: absolute; 
}
#imageTitle, #imageType
{
    position: absolute;
    background-color: White;
    height: 20px;
    z-index: 500;
    filter:alpha(opacity=60);
    text-align: center;
    font-weight: bold;
}
#imageTitle
{
    top: 10px;
    left: 10px;
    width: 490px;
}
#imageCaption
{
    position: absolute;
    height: 50px;
    z-index: 500;
    font-weight: bold;
    color: White;
    top: 10px;
    left: 10px;
    width: 400px;
    font-size: 24pt;
}
#imageDesc
{
    position: absolute;
    height: 55px;
    z-index: 500;
    color: White;
    top: 300px;
    left: 198px;
    width: 600px;
    font-size: 18pt;
}
#imageType
{
    top: 355px;
    left: 255px;
    width: 245px;
}
#beforeImage
{
    position: absolute;
    top: 223px;
    left: 10px;
    width: 200px;
    height: 150px;
    z-index: 500;
}
#thumbwrapper 
{
    margin-top:10px; 
    padding:5px 0; 
    width:514px; 
    height:100px; 
    border:2px solid #666; 
    background:#FFF
}
#thumbarea 
{
    position:relative; 
    overflow:hidden; 
    height:100px; 
    width:514px;
}
#thumbs 
{
    position:absolute; 
    list-style:none; 
    margin-left:5px; 
    height:100px; 
    width:10000px; 
    border-right:5px solid #FFF
}
#thumbs li 
{
    float:left; 
    margin-right:5px; 
    cursor:pointer
}
.imgnav 
{
    position:absolute; 
    height:375px; 
    width:20%; 
    z-index:100; 
    outline:none; 
    cursor:pointer
}
#previmg 
{
    left:0; 
    background:url('../Gallery/images/left.gif') left center no-repeat; 
    border-left:5px solid #FFF
}
#previmg:hover 
{
    opacity:1; 
    filter:alpha(opacity=100)
}
#nextimg 
{
    right:0; 
    background:url('../Gallery/images/right.gif') right center no-repeat; 
    border-right:5px solid #FFF
}
#nextimg:hover 
{
    opacity:1; 
    filter:alpha(opacity=100)
}
    td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
    }
    .smallText {
        font-size: 8pt;
    }
    .subTitle {
	    margin: 0 0 0 0;
	    background-color: #9EA587;
	    color: #FFFFFF;
        border-bottom: solid 1px #D8D197;
	    padding: 3px 0 3px 6px;
	    font-weight: bold;
	    font-size: 14px;
	    text-align: left;
    }
    .captionText {
        font-size: 10pt;
        font-weight: bold;
    }
    .detailText {
        font-size: 10pt;
    }
