body{
    font-family:        trebuchet ms, verdana, arial, helvetica, sans-serif;
    font-size:          80%;
    }
    
h1{
    font-size:          18px;
    color:              #363;
    padding:            10px 0px 0px 10px;

    margin-top:         0px;
}

p{
    padding:            10px;
    margin-left:        10px;
}

li{
    list-style-image:   url(images/bullet.gif);
}

#container{
    margin:             auto;
    width:              700px;
    border:             1px solid #363;
    
}

#top{
    height:             100px;
    width:              700px;
    background-color:   #cfc;
    padding:            0px;
    margin-bottom:      0px;

}

#sidebar{
    float:              left;
    width:              149px;

    background-color:   #9c9;
}

#navbar{
    //margin-top:         -4px;

    border-bottom:      1px solid #fff;
    background-color:   #9c9;
}

 #navbar:after
{
content: ".";
display: block;
line-height: 0px;
font-size: 0px;
clear: both;
}

#navbar ul{
    height:             13px;
    list-style:         none;
    margin-left:        0px;
    margin-top:         0px;
    padding-left:       0px;
    background-color:   #9c9;
    border-top:         1px solid #fff;
}

#navbar li{
    list-style-type:    none;
    font-size:          12px;
    padding:            0px;
    margin:             0px;
    display:            block;
    float:              left;
}

/*
    display: inline;
    float: left;
*/

#navbar a{
    width:              100px;
    border-right:       1px solid #fff;
    
    font-weight:        bold;
    display:            block;
    text-decoration:    none;
    color:              #fff;
    padding:            5px;
    margin:             0px;
}

#navbar a:hover{
    text-decoration:    none;
    color:              #363;
    background-color:   #cfc;   
}

#main{
    width:              699px;
    margin-top:         0px;
    background-color:   #fff;
    }
    
#leftcol{
    margin-bottom:      10px;
    float:              left;
    margin-left:        15px;
    width:              310px;    
}

#rightcol{
    margin-bottom:      10px;
    float:              right;
    margin-right:       15px;
    width:              310px;    
}

#footer{
    width:              699px;
    clear:              both;
    font-size:          10px;
    text-align:         center;
    background-color:   #cfc;
    border-top:         1px solid #363;
}

.colimg{
    padding:            10px;
}

.gallery{
   padding:10px;
   margin:1px;
   border:outset #000000 1px;
 /*  vertical-align:middle;
   text-align:center;
   width:140px;
   height:160px;*/
   float:left;
   background-color:#FFFFFF;
}

.galleryimg{
  border:outset #000000 1px;
  margin:1px;
}

.panel{
    margin:             5px auto 15px auto;
    padding:            5px;
    width:              260px;
    font-size:          11px;
    font-style:         italic;
    font-weight:        bold;
    color:              #363;
    border:             1px solid #363;
}