*
{
    margin:0px;
    padding:0px;
    }
body 
{
    font-family:Arial;
    font-size:small;
    background-color:#e3e1c3;
    color:#727162;
    width:1000px;
    }
h1
{
    font-size:medium;
    font-weight:normal;
    padding:0;
    margin:0;
    padding:10px 0px 10px 0px;
    }
h2
{
    font-size:small;
    font-weight:bold;
    padding:10px 0px 10px 0px;
    }
/*-----------------------------*/
#headerPanel
{
    /*border-bottom:1px solid grey;*/
    height:60px;
    width: 1000px;
    padding-bottom:10px;
    background:transparent url('../images/KarinLoi_Top.jpg') no-repeat 0 0;
    text-align:center;
    }
#headerPanel h1
{
    display:block;
    padding-top:45px;
    letter-spacing:5px;
    }
#navigationPanel
{
    width:210px;
    height:auto;
    float:left;
    font-size:9pt;
    letter-spacing:2px;
    padding-left:10px;
    }
#navigation, .navigationItem
{
    display:block;
    color:#727162;    
    }
#navigation
{
    list-style-type:none;
    }
.navigationItem > span
{
    cursor:pointer;
    }
.navigationItem a, .subnavigation a
{
    color:#727162;
    text-decoration:none;
    }
.navigationItem a:hover, .subnavigation a:hover, .navigationItem span:hover
{
    color:#fff;
    }
.navigationItem
{
    display:block;
    padding-top:10px;
    }
.subnavigation
{
    display:none;
    padding-left:20px;
    list-style-type:none;
    }
.subnavigation a:hover
{
    }
.subnavigation a:active
{
    color:#fff;
    }
#contentPanel
{
    float:left;
    height:auto;
    padding-left:10px;
    width:770px;
    /*border-left:1px solid grey;*/
    }
.txtBlock
{
    padding: 10px 0px 0px 0px;
    }    
.txtBlock p
{
    padding:5px 0px 5px 0px;
    }
.largeTxt
{
    overflow-y: scroll;
    }
.defList
{
    padding:0px 20px 20px 20px;
    }
.defList dt
{
    font-weight:bold;
    padding: 10px 0px 3px 0px;
    }
.defList dt:first
{
    padding: 0px 0px 3px 0px;
    }
.defList dd
{
    padding-left:25px;
    }
.contact
{
    text-align:center;
    width:170px;
    float:left;
    color:#727162;
    padding-top:100px;
    }
.contact h1, .contact h3
{
    font-weight:normal;
    }
.contact a
{
    color:#727162;
    text-decoration:none;
    }
.contact a:hover
{
    color:#727162;
    text-decoration:underline;
    }    
#home-illustration
{
    width:400px;
    text-align:center;
    padding-top:20px;
    padding-left:130px;
    /*height:378px;*/
    float:left;
    }
/*#home-illustration img
{
    width:256px;
    height:378px;
    }*/
.galleryContainer
{
    width:180px;
    text-align:center;
    float:left;
    }
.jQueryGallery
{
    width:80px;
    height:auto;
    /*float:left;
    padding:0px 25px 25px 35px;*/
    margin:auto;
    }
.previewContainer
{
    width:400px;
    text-align:center;
    float:left;
    padding-top:25px;
    padding-left:40px;
    }
.previewContainer h2
{
    font-size:small;
    font-size:9pt;
    letter-spacing:2px;
    font-weight:normal;
    color:#727162;
    padding:0;
    margin:0;
    padding:12px 0px 14px 0px;
    display:block;
    text-align:center;
    }
.previewContainer h2 .previewPicTitle
{
    font-weight:bold;
    }
.paintTitle { font-weight:bold; }
.picturePreview
{
    width:350px;
    height:350px;
    overflow:hidden;
    margin:auto;
    }
.picturePreview img
{
    margin:auto;
    }
    
    
    
    
.listExhib
{
    list-style-type:none;
    }
.listExhib li
{
    padding:0px 0px 10px 0px;
    }
.dateExhib
{
    display:block;
    width:130px;
    float:left;
    font-weight:bold;
    }
.descExhib
{
    display:block;
    padding-left:130px;
    }