/*

These are the colors used in the menus.  

The following shades of red are used in the pages:

RGB values                What's It Used For?
-----------               -----------------------
153,0,0     - darker   -  (unvisited) links in main text
                          hover color for top menu   
                          active color for top submenu (selected top menu)
                          background color for selected submenu item
                          color of dividing lines between menus and text
204,51,51   - lighter  -  active color for top menu
                          background color for top submenu (selected top menu)

The following shades of green are used in the pages:

RGB values                What's It Used For?
-----------               -----------------------
0,53,0      - darker -    hover color for side menu, side submenu and centers
                           menu
                          visited links in main text
0,102,0     - lighter -   side menu and centers menu text color
                          side menu separator color
                          side submenu active color
                          side submenu selected background color
                          centers menu header background color
                          active link color for main text 
102,153,102 - lightest -  side and centers menu active color
                          side submenu background color

A note on dashses:

emdash is —
endash is –

These are not standard HTMl characters, but there aren't any for these
dashes.
*/

/* overall settings for each page */
body {
   color: black;
   background-image: url("images/tree-10_lg_fade2.jpg");
   background-color: white;
   font-size: 11pt;
   font-family:"Arial", sans-serif;
}

table.page-container {
   border: none;
   width: 100%;
}

/* logo box: moves logo to the bottom righthand corner of its table cell */
td.logo-box {
   text-align: right;
   vertical-align: bottom;
}

img.logo {
   border: none;
}

/* cell containing the top menu is moved to the bottom left of its cell to
   meet up with the logo */
td.top-menu-container {
   text-align: left;
   vertical-align: bottom;
}

/* table containing the top menu */
table.top-menu {
   border: none;
   width: 100%;
}

/* top menu fonts and colors */
td.top-menu {
   color:black;
   font-weight: bold;
   font-size:11pt;
   padding:4px;
   text-align: center;
   vertical-align: middle;
}

/* top menu links */
.top-menu a:link {
   color: black;
   text-decoration: none;
}

.top-menu a:visited {
   color: black;
   text-decoration: none;
}

.top-menu a:hover {
   color: rgb(153,0,0);
   text-decoration: none;
}

.top-menu a:active {
   color: rgb(204,51,51);
   text-decoration: none;
}

.hidden {
   display: none;
}

table.top-submenu {
   width: 100%;
}

/* fonts and colors for selected item in top menu */
td.top-submenu {
   color:white;
   background-color:rgb(204,51,51);
   font-weight: bold;
   font-size:11pt;
   padding-left: 20px;
   text-align: left;
   vertical-align: middle;
}

/* links for top menu selected items */
.top-submenu a:link {
   color: white;
   text-decoration: none;
}

.top-submenu a:visited {
   color: white;
   text-decoration: none;
}

.top-submenu a:hover {
   color: black;
   text-decoration: none;
}

.top-submenu a:active {
   color: rgb(153,0,0);
   text-decoration: none;
}

/* used when a top menu item has no submenu */
td.empty-top-submenu {
   background-color:white;
}

/* selected top submenu fonts and colors */
td.top-submenu-selected {
   color:white;
   background-color:rgb(153,0,0);
   font-size:11pt;
   font-weight:bold;
   padding:4px;
   text-align: center;
}

.top-submenu-selected a:link {
   color:white;
   text-decoration:none;
}

.top-submenu-selected a:visited {
   color:white;
   text-decoration:none;
}

.top-submenu-selected a:hover {
   color:white;
   text-decoration:none;
}

.top-submenu-selected a:active {
   color:white;
   text-decoration:none;
}

/* side menu fonts and colors */

/* the cell that contains the side menu items */
td.side-menu-container {
   vertical-align: top;
   width: 212px; /* the width of the logo at the top of the side menu */
}

/* the table containing the side menu */
table.side-menu {
   border: none;
   width: 100%;
}

/* side menu items */
td.side-menu {
   color:rgb(0,102,0); 
   font-size:11pt;
   font-weight: bold;
   padding:2px;
}

/* side menu links */
.side-menu a:link {
   color:rgb(0,102,0); 
   text-decoration:none;
}

.side-menu a:visited {
   color:rgb(0,102,0);
   text-decoration:none;
}

.side-menu a:hover {
   color:rgb(0,53,0);
   text-decoration:none;
}

.side-menu a:active {
   color:rgb(102,153,102);
   text-decoration:none;
}

/* line separating side menu item from its submenu */
td.side-menu-separator {
   background-color:rgb(0,102,0);
   height:2px;
}  

/* amount by which to indent the side submenu */
td.side-menu-indent {
   width: 20px;
}

/* puts in vertical space between side menu items */
td.side-menu-spacer {
   height: 10px;
}

/* container for side submenus */
td.side-submenu-container {
   text-align: right;
}


/* table containing the side submenu. This class is not currently used because 
   it causes problems with IE (at least on a Mac) */
table.side-submenu {
   border: none;
   width: 100%;
}

/* side submenu fonts and colors */
td.side-submenu {
   color:white;
   background-color:rgb(102,153,102); 
   font-size:11pt;
   font-weight: bold;
   padding:5px;
   vertical-align: top;
}

/* side submenu links */
.side-submenu a:link {
   color:white;
   text-decoration:none;
}

.side-submenu a:visited {
   color:white;
   text-decoration:none;
}

.side-submenu a:hover {
   color:rgb(0,53,0);
   text-decoration:none;
}

.side-submenu a:active {
   color:rgb(0,102,0);
   text-decoration:none;
}

/* selected item in side submenu fonts and colors */
td.side-submenu-selected {
   color:white;
   background-color:rgb(0,102,0); 
   font-size:11pt;
   font-weight: bold;
   padding:5px 8px;
}


/* a square used to create the vertical separator between side menu and text */
td.menu-separator-square {
   background-color:rgb(153,0,0);
   height:2px;
   width:2px;
}

/* used to create horizontal separator between top menu and text */
td.menu-separator {
   background-color:rgb(153,0,0);
   height:2px;
}

/* section of the top menu that is selected changes to the "selection" color */
td.submenu-separator {
   background-color:rgb(204,51,51);
   height:2px;
}

/* provides a bit of indentation for a block */
div.indented {
   margin:20px;
}

/* the "Find a Center" menu fonts, colors, etc. */
table.centers-menu {
   margin-left:5px;
   margin-right:20px;
   color:rgb(0,102,0); 
   font-weight: bold;
   font-size:11pt;
   float: right;
   border: 2px solid rgb(0,102,0); 
}

td.centers-menu {
    text-align: center;
    padding-top: 10px;
}

td.centers-menu a:link {
   color:rgb(0,102,0);
   text-decoration: none;
}

td.centers-menu a:visited {
   color:rgb(0,102,0);
   text-decoration: none;
}

td.centers-menu a:hover {
   color:rgb(0,53,0);
   text-decoration: none;
}

td.centers-menu a:active {
   color:rgb(102,153,102);
   text-decoration: none;
}

/* header for the centers menu */
td.centers-menu-header {
   background-color:rgb(0,102,0);
   color: white;
   font-weight:bold;
   font-size:11pt;
   text-align: center;
}


/* formatting of the main page text */
td.main-text {
   background-color:white;
   padding:10px;
   font-size: 11pt;
   vertical-align: top;
}

.main-text a:link {color:rgb(153,0,0)}
.main-text a:visited {color:rgb(0,53,0)}
.main-text a:active {color:rgb(0,102,0)}

/* a line break that is somewhat smaller than normal */
br.shortened {
   line-height: 50%;
}

/* a listing of examples */
td.example-list {
   vertical-align: middle;
}

span.example-list {
    color: green;
}

/* table containing contact information */
table.contact-info {
   font-size: 11pt;
   border: none;
}

/* cell containing contact information */
td.contact-info {
   font-size: 11pt;
   vertical-align: bottom;
}

/* a label of a field to be filled in on a form */
td.form-label {
   font-weight: bold;
}

/* a label of a field to be filled in on a form */
span.form-label {
   font-weight: bold;
}

/* indentation used to format things in a form */
td.form-indent {
   width: 10px;
}

/* formatting of the main page text */
table.main-text {
   background-color:white;
   padding:10px;
   font-size: 11pt;
   border: none;
   width: 100%
}

table.main-text-no-padding {
   background-color:white;
   font-size: 11pt;
   border: none;
}

/* used in adult_day_centers.html to place the pictures for each center */
td.centers-picture {
   vertical-align: middle;
}

/* used in adult_day_centers.html to separate descriptions of the centers */
td.centers-spacer {
   height: 20px;
}

/* for the "Back to the Top" links */
td.return {
   text-align: right;
}


/* used in supported_living.html to separate descriptions of the homes */
td.locations-spacer {
   height: 20px;
}

/* a block of text that is to be set off from the rest */
div.emphasized-text-large {
   font-weight:bold;
   font-size:14pt;
   padding:15px;
   text-align: center;
}

/* for text that spans two columns */
td.dual-heading {
   text-align: center;
}

/* a block of text that comes at the top of a page */
div.centered-text {
   text-align: center;
}

/* text box container */
table.text-box {
   border: none;
   width: 75%;
   text-align: center;
}

/* text box with colored background */
td.text-box {
  background-color:rgb(153,204,153);
  font-size:11pt;
  font-weight:bold;
  padding:10px;
}

/* signature with different font than text box */
.signature {
  background-color:rgb(153,204,153);
  padding-bottom:10px;
  padding-right:10px;
  font-size:11pt;
  text-align: right;
}

/* text box with non-colored background */
.text-box-blank {
  font-size:11pt;
  font-weight: bold;
}

/* signature block with non-colored background */
.signature-blank {
  padding-bottom:10px;
  padding-right:10px;
  font-size:11pt;
  text-align: right;
}

/* cell containing a side menu picture */
td.side-menu-picture {
   padding:25px;
   text-align: center;
}

/* the side menu picture itself */
img.side-menu-picture {
   border: 1px solid black;
}

/* formatting for a picture included in the body of the text */
table.picture {
   float: right;
   margin-left: 15px;
   margin-bottom: 15px;
   border: 0px;
   width: 250px;
}

/* caption for a picture in the body of the text */
td.picture-caption {
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   font-size:8pt;
}

/* thin frame around a picture and/or its caption */
td.picture-frame {
   background-color: black;
   height: 1px;
   width: 1px;
}

/* a framed picture */
img.framed-picture {
   text-align: center;
   border: 1px solid black;
   margin: 10px;
}

/* picture that moves to the right of the text */
div.picture-right {
   float: right;
}

.picture-right img {
   margin-left: 15px;
   margin-bottom: 15px;
   border: none;
}

img.picture-right {
   margin-left: 15px;
   margin-bottom: 15px;
   border: 1px solid black;
}


/* picture that moves to the left of the text */
div.picture-left {
   float: left;
}

span.picture-left {
   float: left;
}

.picture-left img {
    margin-right: 15px;
    margin-bottom: 15px;
    border: none;
}

img.picture-left {
    margin-right: 15px;
    margin-bottom: 15px;
    border: none;
}


/* title of a page (used for side menu pages) */
div.page-header {
    text-align: center;
    color: rgb(0,102,0);
    font-weight: bold;
    font-size: 14pt;
    padding-bottom:10px;
}

/* subtitle of a page (used for side menu pages) */
div.page-subheader {
    text-align: center;
    color: black;
    font-weight: bold;
    font-size: 12pt;
    padding-bottom:10px;
}

/* for the section of contact information on various pages */
div.contact-info {
    text-align: center;
}

/* for the row of buttons on the form pages */
td.button-row {
   text-align: center;
}

div.photo-credit {
   font-family: serif;
   font-size: 10pt;
}

div.bottom-menu {
   text-align: center;
}

/* used for the help pages */
table.layout {
   border: 1px solid black;
}





/* used for the actual photo gallery tables */
.photo-table{ table-layout:fixed ;
                border:  silver outset .5px;
                text-align:center  ;
               
                vertical-align:middle ;
              
}
.photo-gal{color:green ;
                font-size:10pt ;
                 
                width:12%;
                text-align:center  ;
                vertical-align:middle ;   
}

.photo-gal-text{color:green ;
                font-size:10pt ;
                
                width:25%; 
                text-align:left  ;
                vertical-align:middle ;   
}


/* used for the page that points to the photo galleries */
.photo-page{ table-layout:fixed ;

                text-align:center  ;
                vertical-align:middle ;
 /*             width:35%;  */
}

.photo-page-image{color:black ;
                font-size:12pt ;
                text-align:left  ;
                width:30%;
                vertical-align:middle ;   
}

.photo-page-text{color:black ;
                   
                font-size:12pt ;
                text-align:left  ;
                vertical-align:middle ;   
}