#topbt1 {background-image: url('images/sfpw_bkg_bt1.jpg'); cursor: pointer;}
#topbt1:hover {background-image: url('images/sfpw_bkg_bt1_on.jpg');}
#topbt2 {background-image: url('images/sfpw_bkg_bt2.jpg'); cursor: pointer;}
#topbt2:hover {background-image: url('images/sfpw_bkg_bt2_on.jpg');}
#topbt3 {background-image: url('images/sfpw_bkg_bt3.jpg'); cursor: pointer;}
#topbt3:hover {background-image: url('images/sfpw_bkg_bt3_on.jpg');}
#topbt4 {background-image: url('images/sfpw_bkg_bt4.jpg'); cursor: pointer;}
#topbt4:hover {background-image: url('images/sfpw_bkg_bt4_on.jpg');}
#topbt5 {background-image: url('images/sfpw_bkg_bt5.jpg'); cursor: pointer;}
#topbt5:hover {background-image: url('images/sfpw_bkg_bt5_on.jpg');}
#topbt6 {background-image: url('images/sfpw_bkg_bt6.jpg'); cursor: pointer;}
#topbt6:hover {background-image: url('images/sfpw_bkg_bt6_on.jpg');}
#topbth {background-image: url('images/home_button.gif'); cursor: pointer;}
#topbth:hover {background-image: url('images/home_button_on.gif');}
#topbta {background-image: url('images/about_button.gif'); cursor: pointer;}
#topbta:hover {background-image: url('images/about_button_on.gif');}

.bordercolor {border: 1px solid transparent;}
.bordercolor:hover {border: 1px solid #CC0000;}

BODY {font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; margin: 0px; color: #000;}

.bkgbt1 {background-image: url(images/sfpw_bkg_bt1.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt2 {background-image: url(images/sfpw_bkg_bt2.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt3 {background-image: url(images/sfpw_bkg_bt3.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt4 {background-image: url(images/sfpw_bkg_bt4.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt5 {background-image: url(images/sfpw_bkg_bt5.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt6 {background-image: url(images/sfpw_bkg_bt6.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbtsp5 {background-image: url(images/sfpw_bkg_sp_bt5.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbtsp6 {background-image: url(images/sfpw_bkg_sp_bt6.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt1on {background-image: url(images/sfpw_bkg_bt1_on.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt2on {background-image: url(images/sfpw_bkg_bt2_on.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt3on {background-image: url(images/sfpw_bkg_bt3_on.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt4on {background-image: url(images/sfpw_bkg_bt4_on.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt5on {background-image: url(images/sfpw_bkg_bt5_on.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt6on {background-image: url(images/sfpw_bkg_bt6_on.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt5spon {background-image: url(images/sfpw_bkg_sp_bt5_on.jpg); background-repeat: no-repeat; background-position: left top;}
.bkgbt6spon {background-image: url(images/sfpw_bkg_sp_bt6_on.jpg); background-repeat: no-repeat; background-position: left top;}

.bkgbth {background-image: url(images/home_button.gif); background-repeat: no-repeat; background-position: left top;}
.bkgbthon {background-image: url(images/home_button_on.gif); background-repeat: no-repeat; background-position: left top;}
.bkgbta {background-image: url(images/about_button.gif); background-repeat: no-repeat; background-position: left top;}
.bkgbtaon {background-image: url(images/about_button_on.gif); background-repeat: no-repeat; background-position: left top;}

.body, .entry-content {font-family: Arial, Helvetica, sans-serif; line-height: 17px; font-size: 14px; color: #000000;}
p.body {text-align: justify;}
.bodyside {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;}
.bodyfooter {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #999999;}
.bodyfooter a:link, .bodyfooter a:visited {color: #666!important;}
.bodyfooter a:hover, .bodyfooter a:active {color: #333!important;}

.titlemain, .entry-title {font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #cc0000;}
.titlemainsmall {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #cc0000;}
.titlsub {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #3b6288;}
.titlsubsmall {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #3b6288;}

.linkstop {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none;}
.linkstopon {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #cc0000; text-decoration: none;}
.linksbt1 {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #996691;}
.linksbt2 {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #336699;}
.linksbt3 {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #996633;}
.linksbt4 {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #996666;}
.linksbt5 {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666666;}
.linksbt6 {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #990066;}
.linksfooter {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #999999; text-decoration: none;}
.linksbody {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0000ff; text-decoration: none;}

a:link.linkstop {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none;}
a:visited.linkstop {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none;}
a:hover.linkstop {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #cc0000; text-decoration: none;}

a:link.linksfooter {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #999999; text-decoration: none;}
a:visited.linksfooter {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #999999; text-decoration: none;}
a:hover.linksfooter {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #cc0000; text-decoration: none;}

a:link.linksbody {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0000ff; text-decoration: none;}
a:visited.linksbody {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #0000ff; text-decoration: none;}
a:hover.linksbody {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #cc0000; text-decoration: none;}

a:link.linksleft {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none;}
a:visited.linksleft {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none;}
a:hover.linksleft {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #cc0000; text-decoration: none;}

a:link {font-family: Arial, Helvetica, sans-serif; color: #0000ff; text-decoration: none;}
a:visited {font-family: Arial, Helvetica, sans-serif; color: #0000ff; text-decoration: none;}
a:hover {font-family: Arial, Helvetica, sans-serif; color: #cc0000; text-decoration: none;}

img {border: 0px;}

/* below is for tooltips */

span.tooltip {
    position: relative; /*make relative to the parent link which is absolute*/
    z-index: 24; /*make IE happy*/
    text-decoration: none;
	color: #00f;}

span.tooltip:hover {z-index: 25; text-decoration: none;}

span.tooltip span {display: none; /*content of span hidden*/}

span.tooltip:hover span { /*everything within the span will be displayed only during :hover state*/
    display: block;
    position: absolute;
    top: -1ex; left: 12em; right: -14em;
    border: 1px solid #000;
    background-color: #ffffe1; color:#000;
    text-align: left;}

/* above is for tooltips */

.fees li {margin: .75ex auto;}

/* for WordPress */

div#content {width: 808px; margin: auto;}
div#comments {display: none;}
div#post-4 {width: 650px; margin: auto;}

.right {float: right; margin: 0 0 5px 15px;}
.left {float: left; margin: 0 15px 5px 0;}