html { 
  padding:0px;
  margin:0px;
  height:100%;
}
body {
  background-color: #ccc;
  font-size: 10px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #000; 
  padding:0px;
  margin:0px;
  height:100%;
line-height: 2em;
background-image: url(images/whiteback.gif);
background-repeat: repeat-y;}

body a{
color: #000;
text-decoration: none;}
body a:hover{
color: #000;
text-decoration: underline;}

h1 {
color: #7b7b7b;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
text-indent: 10px !important;
text-indent: 10px;
margin-top: 0px !important;
margin-top: 20px;
margin-bottom: 5px;}
#container { 
/*height:100%;
height: 800px;*/
min-height:100%;
}
/*#right {
width: 100%;
margin: 0px;
background-color: #ccc;
position: absolute;
left: 260px;
top: 0px;
height: 100%;}*/
#left {
/*float: left;*/
width: 260px;
margin:0px;
height: 100%;
padding: 0px;}
#leftcontent {
width: 175px;
margin:0px;
position: relative;
top: 62px;
left: 30px;
text-align: right;
}
#rightcontent {
width: 630px !important;
width: 630px;
margin:0px;
top: 80px;
left: 280px;
padding: 0px;
position: absolute;}
#picboxes {
width: 100%;
/*height: 260px !important;
height: 300px;*/
margin: 0px;
background-color: #dddddd;
padding: 20px !important;
padding: 20px;
padding-bottom: 20px !important;
padding-bottom: 30px;
height: auto;
overflow:auto;
}
#pic img {
width: 100px;
background-color: #fff;
height: 100px;
padding: 2px;
border: 1px #7b7b7b solid;
margin: 10px;
float: left;
}
#pic a:hover img{
border: 1px #ff0000 solid;
}
#pic a:hover {
border: #ff0000;
}