body { 
    margin: 0;
    margin-top: 10px; 
    background: white; 
    color: black; 
    font: .75em/160% Verdana, Arial, Helvetica, Sans-serif; 
    }

a { color: blue; }
a:visited { color: #003399; }
a:hover { color: red; }

#pageLayout { width: 740px; margin: auto; position: relative; }
#contentLayout {  }
#centerCol { text-align: left; width: 580px; padding-left: 10px; }
#banner { border-bottom: 1px solid #666; margin-bottom: 10px; text-align: left; }
#yahooLogo { 
    position: absolute;
    right: 10px;
    top: 0px;
    text-align: right;
    width:180px;
    }

#navMenu { font-size: .9em; line-height: 150%; text-align: left; }
.navLink { margin-bottom: 2px; }
.navLink a { display: block; padding: 2px 10px; border-right: 4px solid black; font-weight: bold; color: #000 !important; background: #ffcc33; text-decoration: none; }
.navLink a:hover { background: #ff99cc; color: black; border-right: 4px solid #990099; text-decoration: none; }

h1, h2, h3, h4 { font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

h1 { font-size: 1.5em; margin-top: .2em; color: #003399; }
h2 { font-size: 1.2em; margin-bottom: .5em; }
h3 { font-size: 1.1em; margin-bottom: .5em; color: #666; }
h4 { font-size: 1em; margin-bottom: .5em; }

ul { list-style: square; margin-top: .5em; }
p { margin-top: .5em; }
li { margin-bottom: .5em; }\
hr { height: 1px; color: #999; }

.hiliteBox { width: 175px; padding: .5em 1em; background: #ffffcc; float:right; margin-left: 1em; border: 1px solid #000; }

.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; }

#birthdayAlert { line-height: 135%; }
#birthdayAlert .alertHilite { width: 15em; margin-bottom: 2px; padding: 2px 5px; text-align: center; font-size: .8em; color: #fff; background: #cc0000; }

#newsContent { width: 70%; float: left; }

#newsItems { list-style: none; border-top: 1px dotted #cc0000; }
#newsItems .item { border-bottom: 1px dotted #cc0000; padding-top: .5em; }

#newsAlerts { 
    width: 24%; 
    float: right;
    margin-top: 1em;
    margin-bottom: 2px; 
    padding: 5px 10px 10px 10px;
    font-size: .8em;
    line-height: 150%;
    text-align: left; 
    background: #eee8aa;
    border: 1px solid #000;
    border-bottom: 2px solid #000;
    }
    
#newsAlerts h2 { margin: -5px -10px 0 -10px; text-transform: uppercase; text-align: center; padding: 3px 5px 2px 5px; background: #ffcc33; color: #000; border-bottom: 1px solid #000; }
#newsAlerts h3 { margin-top: .8em; margin-bottom: .2em; font-size: 1.2em; color: #000; }

#footer { 
    margin-top: 20px; 
    padding-bottom: 10px; 
    font-size: .9em;
    line-height: 140%;
    color:#666; 
    text-align: center; 
    }
    
#footer p { margin: .5em 0; }


/* 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; }

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

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

.galleryNav { margin-top: 15px; font-size: .8em; text-align: center; text-transform: uppercase; }
.galleryNav a { text-decoration: none; }
.galleryNav a:hover { text-decoration: underline; }