body {background-color: #227788; margin-left: 0px;margin-top: 0px; background-image:url('images/blue_flower_tile.jpg'); font-size:62.5%}
h1           { color: #D72626; font-family: Century Gothic, Gill Sans, Verdana, sans-serif; font-weight: bold; font-size: 2em }
h2           { color: #D72626; font-family: Century Gothic, Georgia, Gill Sans, sans-serif; font-weight: bold; font-size: 1.3em  }
h3           { color: #D64880; font-size: 0.8em; font-family: Verdana, sans-serif; font-weight: bold }
h4           { color: #D72626; font-family: Verdana, sans-serif; font-weight: bold }
h5           { color: #D72626; font-family: Verdana, sans-serif; font-weight: bold }

p            { font-size: 0.9em; line-height: 1.4em; font-family: Verdana; color: #3A3A3A }
UL 			{ list-style-image: url('images/flower_30.gif') line-height: 1.6 em;}
UL.sq 			{ list-style-image: url('images/jo_square.gif')}
UL.sm 			{ list-style-image: url('images/small_flower.gif')}
li            { font-size: 0.9em; line-height: 1.4em; font-family: Verdana; color: #3A3A3A }
td           { font-size: 0.9em; line-height: 1.4em; font-family: Verdana; color: #3A3A3A }

A:link      { text-decoration: none; color:#227788; font-weight:bold }
A:active    {text-decoration: underline; color:#227788; font-weight:bold}
A:visited   { text-decoration: none; color:#227788; font-weight:bold }
A:hover     { text-decoration: underline; color:#227788; font-weight:bold}

.main {width: 590px; padding: 20px; }
.pad7 {padding-left: 7px; }

.nav_menu A:link  { text-decoration: none; font-weight:bold; font-size: 1.0em; font-weight: bold; color: #227788; line-height:1.4em; font-family: Century Gothic, Gill Sans, Verdana, sans-serif;}
.nav_menu A:active    {text-decoration: none; font-weight:bold; font-size: 1.0em; font-weight: bold; color: #FFFFFF; line-height:1.4em; font-family: Century Gothic, Gill Sans, Verdana, sans-serif;}
.nav_menu A:visited   { text-decoration: none; font-weight:bold ; font-size: 1.0em; font-weight: bold; color: #227788; line-height:1.4em; font-family: Century Gothic, Gill Sans, Verdana, sans-serif;}
.nav_menu A:hover     { text-decoration: none; font-weight:bold; font-size: 1.0em; font-weight: bold; color: #FFFFFF; line-height:1.4em; font-family: Century Gothic, Gill Sans, Verdana, sans-serif;}

.top_border  {width: 590px; border-bottom: 4px solid #226655 }
.top_border_item {font-size: 1.4em; color: #226655; font-family: Verdana; font-weight:bold; padding-left: 15px; }
.contact_box {font-size: 1 em; font-family: Verdana }
.bottom_border  {width: 590px; background-color: #FFFFFF; border-top: 4px solid #226655 }
.jotop {width: 590px; background-color: #FFFFFF; border-bottom: 4px solid #226655 }

.jo_nav {width: 555px; background-color: #F0C8C6; font-size: 1.0em; color: #2D2E29; line-height:1.4em; font-family: Century Gothic, Gill Sans, Verdana, sans-serif;}
.pink {background-color: #F0C8C6; }
.quote {padding: 10px; text-align=center; font-size: 0.7em; line-height:1.3em; font-family: Verdana; color: gray }
#subhead {padding: 0px 0px 0px 10px; text-align=left; font-size: 1 em; font-weight: bold; line-height:1.6em; font-family: Gill Sans, Verdana; color: #FFFFFF; background-color: #D72626;}
.fnc {font-family: Courier New, sans-serif; color: #93A50B; font-size: 1.8em; line-height:1.7em;}

.jo_head {width: 555px; background-color: #93A50B; font-size: 1.0em; font-weight: bold; color: #FFFFFF; line-height:1.4em; font-family: Century Gothic, Gill Sans, Verdana, sans-serif; padding: 8px 8px 8px 10px;}

#viewport {
  width: 520px; /* viewport width */
  height: 140px; /* viewport heigth */
  overflow: auto; /* scrollbars */
  background: white; /* contrast */
  white-space: nowrap; /* image flow not stack */
    /* could use float: left or other approach */
  margin: 0 auto; /* Mozilla page centering */
  text-align: left; /* IE centering fix */
}

#viewport img {
  height: 110px; /* max height scaling of images */
  border-width: 0; /* remove a link border on images */
}