/* Style for Dr. Ito's web site.  Copyright (c) 2008, Real Kato Design. */

body
{
   text-align: center;
   background-color: #898728;
   color: #000000;
   font-family: Myriad Pro,Tahoma,Arial,Verdana,Helvetica,sans-serif;
   font-weight: normal;
   font-variant: normal;
   font-style: normal;
   font-size: 12px;
   padding: 0px;
   margin: 0px;
}

a:link, a:visited
{
   font-weight: bold;
   text-decoration: none;
   color: #446310;
}

a:hover, a:active
{
   font-weight: bold;
   text-decoration: underline;
   color: #446310;
}

.popout a:link, .popout a:visited
{
   font-weight: bold;
   text-decoration: none;
   color: #A4B340;
}

.popout a:hover, .popout a:active
{
   font-weight: bold;
   text-decoration: underline;
   color: #A4B340;
}

h1
{
   padding-top: 10px;
   font-size: 20px;
   font-style: bold;
}
h2
{
   padding-top: 10px;
   font-size: 16px;
   font-style: bold;
}
td
{
   padding-right: 20px;
   padding-left: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin: 0px;
}

div#divContent
{
   position: relative;
   margin-left: auto; margin-right: auto;
   padding: 0px;
   top: 0px;
   /* left: 75px; if we want the main section centered */
   width: 850px;
   text-align: left;
}

div#divBackground
{
   background: url(extender.jpg) top left repeat-y; /* In case we don't have a background image */
   position: relative;
   z-index: 0;
   top: 0px;
   left: 0px;
   width: 700px;
}

div#divBackgroundImagePom
{
   background: url(backgroundpom.jpg) top left repeat-y;
   position: relative;
   z-index: 0;
   top: 0px;
   left: 0px;
   width: 700px;
}

div#divBackgroundImagePlum
{
   background: url(backgroundplum.jpg) top left repeat-y;
   position: relative;
   z-index: 0;
   top: 000px;
   left: 0px;
   width: 700px;
}

div#divBackgroundImageCherry
{
   background: url(backgroundcherry.jpg) top left repeat-y;
   position: relative;
   z-index: 0;
   top: 0px;
   left: 0px;
   width: 700px;
}

div#divBackgroundImageFriendship
{
   background: url(backgroundfriendship.jpg) top left repeat-y;
   position: relative;
   z-index: 0;
   top: 0px;
   left: 0px;
   width: 700px;
}

div#divBackgroundImageChickentree
{
   background: url(backgroundchickentree.jpg) top left repeat-y;
   position: relative;
   z-index: 0;
   top: 0px;
   left: 0px;
   width: 700px;
}

div#divTopBanner
{
   position: relative;
   float: left;
   top: 0px;
   width: 700px;
   height: 150px;
   padding: 0px;
}

div#divLeftBar
{
   position: relative;
   color: #FCF9C6;
   z-index: 1;
   float: left;
   width: 200px;
   padding: 0px;
   text-align: left;
}

div#divMainSection
{
   position: relative;
   z-index: 1;
   float: left;
   width: 480px;
   padding: 5px 10px 10px 10px; /* top right bottom left */
   text-align: left;
}

.divClear
{
   clear: both;
}

div#divBottomRoundLeft
{
   position: absolute;
   z-index: 1;
   left: 0px;
   bottom: 0px;
}

div#divBottomRoundRight
{
   position: absolute;
   z-index: 1;
   right: 0px;
   bottom: 0px;
}

div#divEpilogue
{
   position: absolute;
   text-align: center;
   z-index: 1;
   width: 700px;
   left: 0px;
   bottom: -120px;
   height: 100px;
   font-size: 11px;
   overflow: hidden;
}

div#divPopout
{
   position: absolute;
   z-index: 1;
   top: 150px;
   left: 700px;
   width: 150px;
   padding: 0px;
}

div#divPopTop
{
   position: relative;
   top: 0px;
   left: 0px;
   width: 150px;
}

div#divPopCenter
{
   position: relative;
   top: 0px;
   left: 0px;
   width: 130px;
   background: #48331B;
   color: #FCF9C6;
   font-size: 12px;
   padding: 30px 10px 30px 10px; /* top right bottom left */
   text-align: left;
}

div#divPopBottom
{
   position: relative;
   top: 0px;
   left: 0px;
   width: 150px;
}

.navButton
{
   float: right;
   position: relative;
   width: 190px;
   height: 50px;
   border: 0px;
   opacity:0.80;
   -moz-opacity:0.80;
   filter:alpha(opacity=80);
   z-index: 2;
}

.thumbnail
{
   float: right;
   position: relative;
   padding-right: 10px;
   width: 180px;
   border: 0px;
   z-index: 2;
}

.formTextLine
{
   font-family: Myriad Pro,Tahoma,Arial,Verdana,Helvetica,sans-serif;
   font-weight: normal;
   font-variant: normal;
   font-style: normal;
   font-size: 12px;
   background-color: #FCF9C6;
   opacity:0.80;
   -moz-opacity:0.80;
   filter:alpha(opacity=80);
   width: 98%;
}
.formTextArea
{
   font-family: Myriad Pro,Tahoma,Arial,Verdana,Helvetica,sans-serif;
   font-weight: normal;
   font-variant: normal;
   font-style: normal;
   font-size: 12px;
   background-color: #FCF9C6;
   opacity:0.80;
   -moz-opacity:0.80;
   filter:alpha(opacity=80);
   width: 98%;
}
.formSelect
{
   font-family: Myriad Pro,Tahoma,Arial,Verdana,Helvetica,sans-serif;
   font-weight: normal;
   font-variant: normal;
   font-style: normal;
   font-size: 12px;
   background-color: #FCF9C6;
   /* opacity:0.80; */
   /* -moz-opacity:0.80; */
   /* filter:alpha(opacity=80); */
}