body { margin-left: 10px; margin-right: 10px; margin-top: 10px; font-size: small; font-family: Georgia, 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif; }

font-family: Georgia, 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;

a:link    { color: #333399; font-weight: bold; text-decoration: underline; }
a:visited { color: #333399; font-weight: bold; text-decoration: underline; }
a:active  { color: #333333; font-weight: bold; text-decoration: underline; }
a:hover   { color: #999999; font-weight: bold; text-decoration: none; }

/* A fake IE information bar */
#infobar {
    font: .9em normal "Verdana", "Geneva", sans-serif;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    color: black;
    background: #ffffe6 url(warning.gif) no-repeat fixed .3em .3em;
    padding: .3em .3em .3em 2em;
    border-bottom: .16em outset;
    margin-bottom: 1em;
    text-decoration: none;
    cursor: default;
}

#infobar a:hover {
    color: white;
    background-color: #08246a;
}

#infobar a img {
    border: none;
}


/*  
    This formats the hyperlinks that appears in the member navbar:
    login, register, calendar, etc.
*/
.loginText, .loginText a:link, .loginText a:active, .loginText a:visited, .loginText a:hover{ 
 color:       #ffffff;
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.loginText a:link    { color:  #003399; }
.loginText a:visited { color:  #003399; }
.loginText a:active  { color:  #999999; }
.loginText a:hover   { color:  #cccccc; } 


/*  
    White colored header text used at the top of all forms. 
*/
.whiteText {
 color:       #ffffff;
 font-family: verdana,trebuchet,arial,sans-serif;
 font-size:   10px; 
 font-weight: bold;
}


.author {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   11px;
 color:       #999999;
 font-weight: normal;
}


.red {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   11px;
 color:       #ff0000;
 font-weight: bold;
}

H3 {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   14px;
 color:       #333333;
 font-weight: bold;
}

H4 {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   12px;
 color:       #999999;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: bold;
}
H5 {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   11px;
 color:       #666666;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}


.smText {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   9px;
 color:       #333333;
 font-weight: normal;
}


.medText {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   11px;
 color:       #333333;
 font-weight: normal;
}


.lgText {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   12px;
 color:       #333333;
 font-weight: bold;
}

.menuitems {
 padding-top : 15px;
 padding-bottom : 15px;
 border-bottom : 1px dotted #999;
}

input {
 font : bold 11px/12px verdana,trebuchet,sans-serif;
 border : 1px solid #999999;
 color : black;
 background-color : #eeeeee;
 margin-top: 2px;
 margin-bottom: 2px;
}

input.large {
 width: 200px;
}

input:focus {
 background-color : #ffffff;
}

input.button {
 color : white;
 background-color : #000000;
}

textarea {
 border: 1px solid #999999;
 margin-bottom: 10px;
 color: black;
 background-color: #eeeeee;
 font: 11px/16px verdana,trebuchet,sans-serif;
}

textarea:focus {
 background-color : #ffffff;
}

.pulldown {
 font-family: trebuchet,Verdana, sans-serif;
 font-size:	11px;
 font-weight: bold;
 color:	#333333;
 border-top: #000000 1px solid; 
 border-left: #000000 1px solid; 
 border-right: #000000 1px solid; 
 border-bottom: #000000 1px solid;
}

.weblog {
 padding-bottom: 6px;
 padding-top: 6px;
 border-top:1px dotted #999999;
}

#menu {
position: absolute;
width: 180px; 
top:5px;
left:5px;
 font: 11px/12px verdana,trebuchet,sans-serif;
 padding-right: 5px;
 text-align: right;
 color: #333;
 padding-bottom: 10px;
 border-right: 1px dotted #999;
 }

#content {
position: absolute;
 text-align: left;
 margin-left: 0px;
 margin-right: 50px;
 
 margin-bottom: 20px;
 padding-left: 0px;
 padding-bottom: 20px;
 top: 10px;
 left: 200px;
 padding-right: 20px;
}

#footer {
position: absolute;
 text-align: left;
 margin-left: 10px;
 margin-bottom: 60px;
 padding-left: 10px;
 padding-bottom: 30px;
 bottom: 10px;
 left: 200px;
 padding-left: 20px;
}

/*body>#content {
 width: 420px;
} */


/* THE FOLLOWING ARE FOR USE WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   10px;
 color:       #ffffff;
 font-weight: bold;
}


/*  Navigational links in the header  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}