body{
text-align: center;
margin: 0 auto;
padding:0;
background:#C2C4C6;
}
table#sitecontainer{
/* this is causing firefox table alignment problems so is commented out*/
margin: auto;
padding: 0px;
border-collapse: collapse;
width: 1003px;
background-color:#ffffff;
}
table#contentcontainer{
border-collapse: collapse;
width: 100%;
border: 0;
padding: 0px;
margin: 0px;
height:100%;
}
.containerleft {
width:140px;
border: none;
padding: 0;
margin: 0;
height: 1%;
}
.containermiddle {
padding: 0px 10px 0px 10px;
background:#ffffff;
border: none;
margin: 0px;
height: 1%;
}
.containerright {
width:140px;
border: none;
padding: 0px;
margin: 0px;
height: 1%;
}
#contentleft {
padding: 10px;
}
#contentmiddle {
padding: 10px;
background:#ffffff;
width: auto;
}
#contentright {
padding: 10px;
}
.contentheader { /*Header Settings*/
text-align: center;
height:120px;
}
.contenthomeheader { /*Header Settings*/
margin:0; padding:0;
text-align: center;
height:180px;
}
.contentfooter { /*Footer Settings*/
clear:both;
text-align:center;
margin:0; padding:0;
background:#C2C4C6;
height:40px;
}
#contentfooter, #contentfooter td {
clear:both;
}
#cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}
div.thumb {
margin: 1px;
border: 1px solid #A0ACC0;
-moz-border-radius: .8em;
height: auto;
float: left;
text-align: center;
width: 110px;
height: 130px;
}
.thumb img{
display: inline;
margin: 5px;
border: 1px solid #A0ACC0;
width: 100px;
}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;}
.phototitle {
text-align: center;
font-weight: normal;
width: 110px;
}