body {color: black; background: url(grbkgrd.jpg);}

a, a:visited { color: #663399; }
a:hover { color: #9900cc; }

#banner {background: url(bannertile.jpg); border-bottom: 1px solid black;}
#albumPage { width: 800px; margin: auto; background: white; padding: 20px; }
#caption { text-align: left; }

ul li ul {margin-top: 4px;}

h1, h2, h3 {font: bold arial, helvetica, sans-serif;}
h1 {font-size: 24px; margin-top: 10px;}
h2 {font-size: 18px; font-style: italic;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}

.smallText { font-size: 10px; }

hr { color: #663399; height: 1px; }
hr.bar { color: #663399; height: 4px; }

.photoNew { position: absolute; top: -10px; left: -15px; }

/* PHOTO GALLERY ================= */

.photoItem { float: left; margin-right: 20px; margin-bottom: 20px; }


#pageLayout { width: 740px; margin: auto; position: relative; }
#contentLayout {  }
#centerCol { text-align: left; width: 580px; padding-left: 10px; }

/* MEMBER BIOS =================== */

.bioItem { 
    position: relative;
    width: 70px;
    height: 110px;
    float: left; 
    margin-right: 20px; 
    margin-bottom: 15px; 
    padding: 10px;
    text-align: center; 
    font-size: .8em;
    line-height: 1.2em;
    border: 1px solid #666; 
    }
    
.bioNew { position: absolute; top: -10px; left: -15px; }

#bioIndex { border-top: 1px solid #666; margin-top: 2em; }
#bioIndex h2 { margin-top: .5em; }
.indexLinks { width: 135px; float:left; font-size: .85em; line-height: 140%; margin-right: 10px; margin-bottom: 10px; }


.textLink { font-size: .8em; text-transform: uppercase; }
.xsmallText { font-size: .8em; }
.smallText { font-size: .9em; }
.regText { font-size: 1em; font-weight: normal; }
.largeText { font-size: 1.2em; }
.xlargeText { font-size: 1.4em; }
.clearBoth { clear: all; }
.clearLeft { clear: left; }
.alert { color: red; }