body {font-family: Arial, Helvetica, sans-serif; font-weight:normal; text-align:center;}

 h2 {color: #4A77D1; font-size: 20px; font-weight: normal}
 h3 {font-size: 12px; font-weight: normal;line-height:110%}
 h4 {color: #666666; font-size: 11px; font-weight: normal; padding:0 0 4px 0; margin:0;}


 .memberPhoto {
   width: 45px;
   height: 45px;
   border: 0px;
 }

 .leftbar {
   float:left;
   width: 40%;
   border-right: 1px solid grey;
   padding-right: 50px;
 }

 .rightbar {
   float: left;
   padding-left: 50px;
   width: 40%;
 }

 .main {
   width: 800px;
   margin: 0 auto;
   padding: 5px;
   text-align:left;
 }

 #profile {
   font-size:13px;
   margin: 0;
   padding: 10px 15px;
 }

 #memberstate: {
  font-size:13px;
   margin: 0;
   height: 45px;
   padding: 15px;
 }

 #members {
   padding: 5px 80px;
   height: 59px;
 }

 #membersText {
   padding: 0px 87px;
   margin-top: -10px;
 }

 #colorTable {
   width: 100%;
 }

 #colorPicker {
   margin: 20px 40px;
 }

.pics{
width: 50;
height 100;
}

 .cell {
   width: 60px;
   height: 60px;
   border: 2px solid #E5ECF9;
 }

 .item {
   padding: 5px;
   font-size: smaller;
 }
 
 
 
 .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/navigation/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/navigation/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}