html, body {margin: 0;
          padding: 0;
          border: 0;
          background-color: #FFFFFF;}

.pagelayout {margin-left: 10%;
            margin-right: 10%;
            min-width: 800px;
            background-color: #F6F7FB;}

.header {/* background-image: url(topbg.jpeg);
            background-repeat: repeat-x; */
            height: 120px;
            position: relative;
            margin: 0px;
	     /* margin-left: 20px;
            margin-right: 20px;*/
            background-color: #E4E9FA;
            border-bottom-color: #CED8FD;
            border-bottom-style: solid;
            border-bottom-width: 1px;  }

.inside {padding: 8px;
        padding-left: 18px;}

.header-left {height: 120px;
           /* background-image: url(topleft.jpeg);
              background-repeat: no-repeat;
              background-position: left top; */}

.header-right {height: 120px; 
               background-image: url(yoh.jpeg);
               background-repeat: no-repeat;
               background-position: right top; }

.header img {padding-right: 10px;
            padding-left: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            border: 0;}

.menumain {/* background-image: url(menubg.jpeg);
              background-repeat: repeat-x; */
              background-color: #3D87DE;
              height: 38px;
              position: relative;
              margin-left: 20px;
              margin-right: 20px;
              margin-top: 20px;
              margin-bottom: 10px;
	          overflow: hidden;}

.menu-content {padding: 6px;}

.menumain-left {height: 38px;
                  background-image: url(menuleft.jpeg);
                  background-repeat: no-repeat;
                  background-position: left top;}

.menumain-right {height: 38px;
                   background-image: url(menuright.jpeg);
                   background-repeat: no-repeat;
                   background-position: right top;}

*.menu-item {float: left;}

*.menu-item-selected {float: left;}


.menumain .menu-item a {text-decoration:underline;
                       font-weight: bold;
                       font-size: 12px;
                       margin: auto 0px;
                       color: #FFFFFF;
                       background-color: #3D87DE;
                       font-family: Arial;
                       display: block;
                       padding-right: 10px;
                       padding-left: 10px;
                       padding-top: 5px;
                       padding-bottom: 5px;}

.menumain .menu-item-selected a {text-decoration:underline;
                               font-weight: bold;
                               font-size: 12px;
                               color: #3D87DE;
                               background-color: #FFFFFF;
                               font-family: Arial;
                               display: block;
                               padding-right: 10px;
                               padding-left: 10px;
                               padding-top: 5px;
                               padding-bottom: 5px;}

.panel {background-color: #F6F7FB;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 10px;
        margin-right: 10px;
        height: 1%;}

.panel-topleft {/* background-image: url(contleft.jpeg);
                   background-repeat: no-repeat;
                   background-position: top left; */
                   height: 10px;}

.panel-topright {/* background-image: url(contright.jpeg);
                    background-repeat: no-repeat;
                    background-position: top right; */
                    height: 10px;}

.panel-bottomleft {/* background-image: url(contbotleft.jpeg);
                      background-repeat: no-repeat;
                      background-position: bottom left; */
                      height: 10px;}

.panel-bottomright {/* background-image: url(contbotright.jpeg);
                       background-repeat: no-repeat;
                       background-position: bottom right; */
                       height: 10px;}

.panel .right-column {width: 29%;
                     float: right;}

.panel .left-column {margin-right: 31%;
}

.panel .left-column .arttitle {font-weight: bold;
                              font-size: 90%;
                              font-family: Arial;
                              background-color: #3D87DE;
                              color: #FFFFFF;
                              padding-right: 2px;
                              padding-left: 10px;
                              padding-top: 2px;
                              padding-bottom: 2px;
                              clear:left;
                           /* background-image: url(apl2.jpeg);
                              background-repeat: no-repeat;
                              background-position: top left; */
                           /* background-image: url(hh.jpeg);
                              background-repeat: repeat-x;
                              background-color: #5979F7; */}

.panel .left-column .artinfo {font-size: 70%;
                             font-family: Arial;
                             text-align: left;
                             padding-left: 15px;;
                             font-weight: bold;}

.panel .left-column .artcont {color: #000000;
                             margin-bottom: 5px;
                             margin-top: 5px;
                             margin-left: 10px;
                             margin-right: 10px;}

.panel .left-column .artpost {border-left-color: #CED8FD;
                             border-left-style: solid;
                             border-left-width: 1px;
                             border-right-color: #CED8FD;
                             border-right-style: solid;
                             border-right-width: 1px;
                             border-bottom-color: #CED8FD;
                             border-bottom-style: solid;
                             border-bottom-width: 1px;
                             margin-bottom: 10px;
                             padding-bottom: 10px;}

.panel .left-column .artfoot {color: #000000;
                             height:1%;
                             margin-top: 5px;
                             margin-right: 5px;
                             text-align: right;
                             font-size: 70%;
                             font-family: Arial;
                             clear:left;}

.panel .left-column .pagelist {color: #000000;
                              height:1%;
                              margin-bottom: 5px;
                              margin-top: 5px;
                              margin-right: 1px;
                              text-align: right;
                              font-size: 90%;
                              font-family: Arial;
                              clear:left;}

.panel .left-column .photolist {color: #000000;
                              height:1%;
                              margin-bottom: 5px;
                              margin-top: 5px;
                              margin-right: 1px;
                              text-align: right;
                              font-size: 90%;
                              font-family: Arial;
                              clear:left;}


.panel .left-column .artblock {float: left;
           padding: 10px;
margin: 0px;
}

.panel .right-column .blogtitle {font-weight: bold;
                                 font-size: 80%;
                                 font-family: Arial;
                                 color: #000000; 
                              /* background-image: url(blogright.jpeg);
                                 background-repeat: no-repeat;
                                 background-position: top right; */}

.panel .right-column .bloginfo {font-size: 70%;
                               font-family: Arial;
                               text-align:left;
                               padding-left:5px; 
                               color: #7291FA;}

.panel .right-column .blogcont {color: #000000;
                               margin-bottom: 20px;
                               margin-top: -10px;}

.panel .right-column .blogblock{border-left-color: #CED8FD;
                               border-left-style: solid;
                               border-left-width: 1px;
                               border-right-color: #CED8FD;
                               border-right-style: solid;
                               border-right-width: 1px;
                               border-bottom-color: #CED8FD;
                               border-bottom-style: solid;
                               border-bottom-width: 1px;
                               border-top-color: #CED8FD;
                               border-top-style: solid;
                               border-top-width: 1px;
                               margin-bottom: 10px;
                               padding: 10px;}

.panel .right-column .blogsect {font-weight: bold;
                               font-size: 80%;
                               font-family: Arial;
                               background-color: #CED8FD;
                               color: #000000;
                               padding-right: 2px;
                               padding-left: 10px;
                               padding-top: 2px;
                               padding-bottom: 2px;
                               clear: left;
                               margin-bottom: 5px;                    
                               margin-top: 0px;
                               margin-left: -1px;
                               margin-right: -1px;}

.panel .column-footer {clear: both;}

.footer {/* background-image: url(footbg.jpeg);
            background-repeat: repeat-x; */
            background-color: #E4E9FA;
            height: 67px;
            position: relative;
            margin: 0px;
	    /*  margin-left: 10px;
            margin-right: 10px; */
	        text-align: center;
	        border-top-color: #CED8FD;
	        border-top-style: solid;
	        border-top-width: 1px;  }

.footer-left {height: 67px;
           /* background-image: url(footleft.jpeg);
              background-repeat: no-repeat;
              background-position: left top; */}

.footer-right {height: 67px;
            /* background-image: url(footright.jpeg);
               background-repeat: no-repeat;
               background-position: right top; */}

.footprint {top:9%;
            position: relative;
            font-family: Arial;
	        font-size: 70%;
            color: #000000;
            }

img.bioleft {border: none;
            padding-right: 5px;
            padding-left: 0px;
            padding-top: 3px;
            padding-bottom: 5px;
clear: left;}

img.bioright {border: none;
             padding-right: 0px;
             padding-left: 5px;
             padding-top: 3px;
             padding-bottom: 5px;}

.panel .left-column .albumset {color: #000000;}

.albumset img {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;

padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;

border-style: solid;
border-width: 1px;
border-color: #CED8FD;
}

.panel .left-column .photoshow {color: #000000;
width: auto;
overflow: hidden;}

.photoshow img {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;

padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;

border-style: solid;
border-width: 1px;
border-color: #CED8FD;
}

.galitem {float: left;
width: 10em;
/*height: 150px;*/
height: 10em;
text-align: center;}

.photoblock {  float: left; 
           padding: 10px;
margin: 0px;
/* display: inline; */
/* min-height: 18em; */ 
width: 11em;
height: 15em;
text-align: center;

}

.photoblock img {
/* margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px; */

padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;

border-style: solid;
border-width: 1px;
border-color: #CED8FD;
}

p {font-family: Arial;
   font-size: 80%;
   padding: 0;
   line-height: 1.12em;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-top: 0px;
   padding-bottom: 0px;}

img.blogimg {padding-right: 10px;
             padding-left: 0px;
             padding-top: 0px;
             padding-bottom: 0px;}

.blogcont a p{text-decoration:none;}
.blogcont a:link p{ color: #000000;}
.blogcont a:visited p{color: #000000;}
.blogcont a:hover p{color: #000000;
                   text-decoration:underline;}
.blogcont a:active p{color: #000000;}

.blogcont a {text-decoration:underline;}
.blogcont a:link {color: #000000;}
.blogcont a:visited {color: #000000;}
.blogcont a:hover {color: #000000;}
.blogcont a:active {color: #000000;}

.blogsect a {text-decoration:none;}
.blogsect a:link { color: #000000;}
.blogsect a:visited {color: #000000;}
.blogsect a:hover {color: #000000;
                   text-decoration:underline;}
.blogsect a:active {color: #000000;}

.artcont a:link {color: #000000;}
.artcont a:visited {color: #000000;}
.artcont a:hover {color: #000000;}
.artcont a:active {color: #000000;}

.artcont img {border: none;
             margin: 0px;}

.artcont ol {font-family: Arial;
           font-size: 80%;}

.artcont li a:link {color: #1466C7; text-decoration:none;}
.artcont li a:visited {color: #1466C7; text-decoration:none;}
.artcont li a:active {color: #1466C7; text-decoration:none;}
.artcont li a:hover {color: #1466C7; text-decoration:underline;}

.artfoot a:link {color: #397CCB;}
.artfoot a:visited {color: #397CCB;}
.artfoot a:hover {color: #397CCB;}
.artfoot a:active {color: #397CCB;}

.pagelist a:link {color: #397CCB;}
.pagelist a:visited {color: #397CCB;}
.pagelist a:hover {color: #397CCB;}
.pagelist a:active {color: #397CCB;}

.photolist a:link {color: #397CCB;}
.photolist a:visited {color: #397CCB;}
.photolist a:hover {color: #397CCB;}
.photolist a:active {color: #397CCB;}

.photoblock a:link {color: #000000;}
.photoblock a:visited {color: #000000;}
.photoblock a:hover {color: #000000;}
.photoblock a:active {color: #000000;}

.footprint a:link {color: #0000FF;}
.footprint a:visited {color: #0000FF;}
.footprint a:hover {color: #0000FF;}
.footprint a:active {color: #0000FF;}

h2 {font-size: 100%;
    font-family: Arial;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #3D87DE;
    padding-bottom: 0px;}

p.smalltext {font-family: Arial;
   font-size: 70%;
line-height: 1.12em;
color: #818181;}

.credits {margin-top: 2em;
         margin-bottom: 1em;
}