/* CSS Document */

*{
body:0;
padding:0;
margin:0;
}

body{
background: url(background.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:75px;
text-align:center;
color: #000000;
}

.hidden{
display: none;
}

.alert{
font-weight: bold;
color: red;
}

#wrapper{
position:relative;
margin-left: auto;
margin-right: auto;
padding-top:100px;
width:1200px;
height:3500px;
background-color:#FFFFFF;
/*background-color:#708090;  behind paintings*/
border: 2px solid #000000;
}

#rgheader{
text-align:right;
width:50%;
position:absolute;
right:15px;
top:-19pt;
}

#rgheader h1{
font-weight:lighter;
font-size:24px;
}

#rglinks{
position:absolute;
padding:10px;
top:0;
left:0;
}

#rglinks ul{
display:inline;
list-style:none;
margin:0px;
}

#rglinks li{
font-weight:bold;
display:inline;
}

#rglinks a{
color:#777777;
/*color:#FFFFFF; white menu font color */
text-decoration:none;
margin-right:10px;
border-top:3px solid #000000;
}

#rglinks a:hover{
border-top:3px solid #444444;
}

#content{
width:100%;
height: 800px;
}

#content h1{
text-align:right;
margin-right:20px;
margin-left:200px;
font-size:16pt;
border-bottom: 2px solid #000000;
}

#content p{
text-align:left;
margin:10px 20px 30px 200px;
}

#picturelist {
/*text-align:left; */
text-align:center;
list-style-type:none;
margin-right:15px;
margin-left:30px;
}

#picturelist li {
float:left; 
/*float:center; doesn't work */
margin-right:20px;
margin-bottom:10px;
font-weight:bold;
color:#777777; /* orig 777777 - picture titles */
/*color:#DCDCDC; for gray background titles */
}

#picturelist img{
display:block;
title:"test";
border:1px solid #000000;
width: auto;
height: auto;
}

#picturelist img:hover{
border:1px solid #444444;
}

#picturelist a{
color:#777777;
text-decoration:none;
}

#picturelist a:hover{
color:#999999;
}