h1 { font-family: Times New Roman, Times, serif; font-weight: bold; color: #006699; font-size: larger}
h2 { font-family: Times New Roman, Times, serif; font-weight: bold; color: #006699; font-size: medium}
h3	{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size:small }
p { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size:small}
ol { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size:small}
li { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size:small}
ul{ font-family: Arial, Helvetica, sans-serif; text-align: left; font-size:small}
a { font-family: Arial, Helvetica, sans-serif; color: #003399}
a:hover { font-family: Arial, Helvetica, sans-serif; color: #006699}
a:visited { font-family: Arial, Helvetica, sans-serif; color: #0033FF}
blockquote{ font-family: Arial, Helvetica, sans-serif; text-align: left; font-size:small}

.content { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size:small}
.smcontent { font-family: Arial, Helvetica, sans-serif; font-size: small; text-align: justify}
.footer { font-family: Arial, Helvetica, sans-serif; font-size: small; color: #000000; text-align: center}
.title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #006699; font-size: larger}


.txtnav {  font-family: Arial, Helvetica, sans-serif; font-size: small; text-align:center}
.pad {  padding-top: 6px; padding-bottom: 6px}

/* style for the table of event */
#tbl-events { border: 3px solid #336699; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size:small }
#tbl-events td { vertical-align:top; background-color:#EEEEEE }