/*

 * position and size of the 3 main parts of the page

 * sorry about the absolute positioning chaps

 */



.page-header {

  position: absolute;

  left: 15px;

  top: 15px;

}



.button-bar {

  position: absolute; 

  left: 15px;

  top: 145px;

  width: 180px;

}



.page-body {

  position: absolute; 

  left: 270px;

  top: 190px;

  width: 500px;

  color: #000000; 

  background-color: #FFFFFF;

  font-family: arial, sans-serif; 

  font-size: 10pt;

  padding-bottom: 40pt;

}





/*

 * re-definitions of some standard tags for the main page

 */



table {

  border: 0px;

  font-size: 10pt;

}



td {

  padding: 2px;

}



p {

  font-size: 10pt; 

}  



h1 {

  color: #FFFFFF;

  background-color: #aa110b;

/*  background-color: #9E073A; */

  font-family: arial, sans-serif; 

  font-size: 12pt;

  line-height: 12pt;

  padding-left: 10px; 

  padding-top: 10px; 

  padding-bottom: 10px; 

}



h2 {

  color: #446DAB; 

  font-family: arial, sans-serif; 

  font-size: 14pt; 

  font-weight: bold;

  padding-top: 5px;

  padding-botton: 3px;

  margin-bottom: 2px;

}



h3 {

  color: #446DAB; 

  font-family: arial, sans-serif; 

  font-size: 12pt;

}



h4 {

  color: #446DAB; 

  font-family: arial, sans-serif; 

  font-size: 10pt;

  font-weight: bold;

  margin-bottom: 5px;

}

h5 {

  color: #FFFFFF;

  background-color: #446DAB;

/*  background-color: #9E073A; */

  font-family: arial, sans-serif; 

  font-size: 12pt;

  line-height: 12pt;

  padding-left: 10px; 

  padding-top: 10px; 

  padding-bottom: 10px; 

}


dd {

  font-weight: bold;

  color: #446DAB; 

}



.painting {

  float: none;

  width: 240px;

  border: 0px;

}



.caption {

  color: #446DAB; 

  font-family: arial, sans-serif; 

  font-size: 9pt; 

}







/*

 * style classes for use in the button bar

 */



.button {

  color: #FFFFFF; 

  background-color: #2982aa;

  font-family: arial, sans-serif; 

  text-decoration: none;

  font-size: 9pt; 

  margin-top: 1px;

  margin-bottom: 1px;

  padding-left: 5px; 

  padding-top: 3px; 

  padding-bottom: 4px; 

}



.pressed-button {

  color: #446DAB;

  background-color: #c4d0e1;

  font-family: arial, sans-serif; 

  text-decoration: none;

  font-weight: bold;

  font-size: 9pt; 

  margin-top: 1px;

  margin-bottom: 1px;

  padding-left: 5px; 

  padding-top: 3px; 

  padding-bottom: 4px; 

}



.button a:link {

  text-decoration: none;

  color: #FFFFFF;

}



.button a:visited {

  text-decoration: none;

  color: #FFFFFF;

}



.button a:hover {

  text-decoration: underline;

}


/* 
 * New styles for picture list 
 */

.picture-list {
    padding:0;
    margin:0;
    border: 0;
    width: 100%;
}

.picture-list li {
    list-style-type: none;
    display: inline-block;
    vertical-align: bottom;
    zoom: 1;
    *display: inline;
}

.picture-list li {
    padding: 0;
    border: 0;   
    margin-bottom: 20px;
    width: 240px;
}

.picture-list li img {
    width: 200px;
    padding: 0;
    border: 0;
    margin: 0;
}

.picture-list li p {
    padding: 0;
    border: 0;
    margin: 5px 0 5px 0;
    text-align: left;
    color: #446DAB; 
    font-family: arial, sans-serif; 
    font-size: 9pt; 
    min-height: 75px;
}