/* lee.css */
BODY {
    margin:0; padding: 0;
    background: #9cf url(images/body_bg.jpg) repeat-x;
}
BODY, P, TH, TD, DIV, SPAN {
    font-family: Calibri, Century Gothic, arial, helvetica; font-size: 12px;
}

/* no image borders */
A IMG { color: #fff; }         /* hide the border in Netscape 4 */
@media all {                   /* hide from Netscape 4 */
   A IMG, IMG { color: inherit;/* undo the rule above */
   border: none;               /* hide from Netscape 4 */
   }                           /* code from W3C - www.w3.org */
}

A:visited {
    color: #555;
}
A:hover {
    color: black;
}

DIV#outerContainer {
    margin: auto; padding: 0;
    width: 720px;
    background-color: white;
}

DIV#navContainer {
    background: #a0cbdc url(images/nav_bg.jpg) right repeat-y;
    position: relative; 
    height: 26px; 
}

DIV#navContainer UL {
    position: absolute; bottom: 0; left: 20px; overflow: hidden;
    z-index: 10;
    width: 600px;
    margin: 0; padding: 0;
    list-style: none;
}

DIV#navContainer UL LI {
    float: left;
    margin: 0;
    padding: 0;
    height: 24px;
}

DIV#navContainer UL LI A, DIV#navContainer UL LI A:link, DIV#navContainer UL LI A:visited {
    background: transparent url(images/tab_bg.gif) right top no-repeat;
    float: left; display: block;
    margin: 0; padding: 4px 11px 6px 10px;
    font-size: 12px; font-weight: bold; font-family: verdana, sans-serif;
    color: #456; text-decoration: none;
}

DIV#navContainer UL LI A:hover {
    color: black; text-decoration: underline;
    background-position: right -24px;
}

DIV#navContainer UL LI A.on, DIV#navContainer UL LI A.on:link, DIV#navContainer UL LI A.on:visited, DIV#navContainer UL LI A.on:hover{
    color: black;
    background-position: right bottom;
}

/* contents */
DIV#contentContainer {
    padding: 5px 20px;
    text-align: left;
}

P {
    line-height: 150%;
}

/* generic list */
UL.generic {
    margin: 5px 0; padding: 0;
    list-style: none;
}
UL.generic LI {
    margin: 0; padding: 2px 0 3px 18px;
    background: transparent url(images/arrow.gif) 5px 5px no-repeat;
}

/* staff list */
UL#staffList, UL#staffList UL  {
    margin: 0; padding: 0;
    list-style: none;
}
UL#staffList LI {
    margin: 0; padding: 3px;
}
UL#staffList LI H3 {
    color: #005281; font-size: 12pt; font-family: Calibri, Century Gothic, verdana, sans-serif; margin: 0; padding: 0;
}
UL#staffList LI UL LI {
    margin: 0; padding: 3px 0 4px 18px;
    background: transparent url(images/arrow.gif) 5px 6px no-repeat;
}

/* columns */
DIV.col2 {
    width: 320px;
    float: left;
    padding-right: 10px;
}

DIV.col3 {
    width: 230px;
    float: left;
    padding-right: 10px;
}

DIV.colPhoto {
    width: 60px;
    float: left;
    height: 125px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}
DIV.colBio {
    width: 250px;
    float: left;
    padding-left: 10px;
}

DIV.colBreaker {
    clear: both; height: 1px; overflow: hidden;
}

/* headings */
.pageHeading1 {
    color: #005281; font-family: Calibri, Century Gothic, arial, helvetica; font-weight: bold; font-style: italic;
    padding: 3px 0; margin: 5px 0;
    background: transparent url(images/dot.gif) bottom repeat-x;
}

/* footer */
DIV#footerContainer {
    color: #333; font-family: Calibri, Century Gothic, verdana, sans-serif; font-size: 10pt;
    padding: 3px 0; margin: 40px 0 20px 0; clear: both;
    background: transparent url(images/dot.gif) top repeat-x;
}
DIV#footerContainer A, DIV#footerContainer A:link, DIV#footerContainer A:visited {
    color: #005281; text-decoration: none;
}
DIV#footerContainer A:hover {
    color: black; text-decoration: underline;
}