html, body
{

}

body
{
  margin:0px auto;
  padding: 10px 0px 0px 0px;
  background-color: #808080;
}

.container
{
  margin: 0px auto;
  height:100%
  border-top: 0px solid #c0c0c0;
  border-left: 0px solid #c0c0c0;
  border-right: 0px solid #cccccc;
  border-bottom: 0px solid #cccccc;
}

td.logo
{
  height: 200px;
  vertical-align: top;
  background-color: white;
  /*background-color: red;*/
}

td.toprow
{
  height: 25px;
  background-image: url(bg_mainmenu.gif);
  background-repeat: repeat-x;
  vertical-align: center;
}

table.menu
{
  height: 25px;
  width: 100%;
}

table.menu td.td_home
{
  width: 15%;
}

table.menu td.td_border
{
  border-left: 2px; solid #FFFFFF;
}

table.menu td.selected
{
  display: block;
  background-image: url(bg_main_sel.gif);
  background-repeat: repeat-x;
}

table.menu a.main_selected
{
  display: block;
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
  text-align: center;
}

table.submenu a.sub_selected
{
  display: block;
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
  text-align: left;
}

table.menu a.main_unselected
{
  display: block;
  color: #AAAAAA;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
  text-align: center;
}

table.submenu a.sub_unselected
{
  display: block;
  color: #AAAAAA;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
  text-align: left;
}

table.container
{
  width: 98%;
  vertical-align: top;
  background-color: white;
  /*background-color: red;*/
}

table.container a
{
  display: inline;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  text-color: #00ff00;
}

table.container a.normal td.submenu
{
  color: #ffAAAA;
}

table.container a.is_selected td.submenu
{
  display: block;
  color: #000000;
  height: 20px;
  background-image: url(submenu_bg_sel.gif);
  background-repeat: repeat-x;
}

table.container a.not_selected td.submenu
{
  display: block;
  color: #000000;
  height: 20px;
  background-image: url(submenu_bg.gif);
  background-repeat: repeat-x;
}

td.content
{
  display: inline;
  height: 700px;
  padding: 0px 200px 10px 50px;
  margin-top: 10px 200px 10px 40px;
  vertical-align: top;
  text-align: left;
  background-color: white;
  /*background-color: red;*/
  /*background-image: url(bg_content.jpg);*/
  background-repeat: no-repeat;
  background-position: center;
  line-height:130%;
}

td.home
{
  height: 400px;
  padding: 0px 200px 10px 210px;
  margin-top: 10px 200px 10px 240px;
  vertical-align:top;
  background-color: white;
  /*background-color: red;*/
  /*background-image: url(homeimage.png);*/
  background-repeat: no-repeat;
  background-position: center;
}

td.leftmenu
{
  width:15%;
  padding: 0px 20px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top;
  text-align: left;
  background-color: white;
  /*background-color: red;*/
  line-height:130%;
}

td.copyright
{
  height: 15px;
  direction: inline;
  color: #777777;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: normal;
  font-size: 70%;
  text-decoration: none;
  text-align: center;
  background-image: url(bg_cp.gif);
  background-repeat: repeat-x;
}


/*******************************************************************

  PLEASE NOTE:
  The following classes should NEVER be renamed, as they are used by
  WebHare Lite internally, in both the sitemap and photogallery scripts.
  Feel free however to change there definitions to better meet your
  design requirements.

/******************************************************************/
/* used for the sitemap and photoalbum pages */
h2
{
  color: #000000;
  font-family: Arial, Helvetica, San-serif;
  font-size: 14px;
  font-size: 120%;
  margin-bottom: 3px;
  padding: 15px 0px;
}

/*******************************************************************
  Sitemap type 1 (blocks) specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
/******************************************************************/
td.blocksitemaplevel1icon { background-color: #515e5f;
                            border-bottom: 1px solid #000000;
                          }
td.blocksitemaplevel1text { background-color: #515e5f;
                            border-bottom: 1px solid #000000;
                            border-right: 3px solid #FFFFFF;
                          }
a.blocksitemaplevel1link { color: #ffffff;
                           font-family: Verdana, Arial, helvetica, sans-serif;
                           font-size: 74%;
                         }

td.blocksitemaplevel2icon { background-color: #dcdcdc;
                          }
td.blocksitemaplevel2text { background-color: #dcdcdc;
                            border-right: 3px solid #FFFFFF;
                          }
a.blocksitemaplevel2link { color: #000000;
                           font-family: Verdana, Arial, helvetica, sans-serif;
                           font-size: 74%;
                         }

/*******************************************************************
  Sitemap type 2 (columns) specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
/******************************************************************/
td.columnsitemaplevel1icon {background-color: #D55843;
                            border-bottom: 1px solid #FFFFFF;
                           }
td.columnsitemaplevel1text {background-color: #D55843;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 1px solid #FFFFFF;
                           }
a.columnsitemaplevel1link { color: #303030;
                            font-family: Arial, helvetica, sans-serif;
                            font-size: 74%;
                          }

td.columnsitemaplevel2icon {background-color: #DD7463;
                            border-bottom: 1px solid #FFFFFF;
                           }
td.columnsitemaplevel2text {background-color: #DD7463;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 1px solid #FFFFFF;
                           }
a.columnsitemaplevel2link { color: #303030;
                            font-family: Arial, helvetica, sans-serif;
                            font-size: 74%;
                          }

td.columnsitemaplevel3icon {background-color: #E49284;
                            border-bottom: 1px solid #FFFFFF;
                           }
td.columnsitemaplevel3text {background-color: #E49284;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 1px solid #FFFFFF;
                           }
a.columnsitemaplevel3link { color: #303030;
                            font-family: Arial, helvetica, sans-serif;
                            font-size: 74%;
                          }

/*******************************************************************
  Sitemap type 3 (Tree) specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
/******************************************************************/
td.treesitemaplevel1icon {}
td.treesitemaplevel1text {}
a.treesitemaplevel1link { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }

td.treesitemaplevel2icon {}
td.treesitemaplevel2text {}
a.treesitemaplevel2link { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }

td.treesitemaplevel3icon {}
td.treesitemaplevel3text {}
a.treesitemaplevel3link { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }
td.treesitemaplevel4icon {}
td.treesitemaplevel4text {}
a.treesitemaplevel4link { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }
td.treesitemaplevel5icon {}
td.treesitemaplevel5text {}
a.treesitemaplevel15ink { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }
td.treesitemaplevel6icon {}
td.treesitemaplevel6text {}
a.treesitemaplevel16ink { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }
td.treesitemaplevel7icon {}
td.treesitemaplevel7text {}
a.treesitemaplevel7link { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }


/*******************************************************************
  Photoalbum specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
/******************************************************************/

/* The table cell containing the thumbnail pagenumbers */
td.thumbnailpagenumbers {text-align: center;}
/* the number of the currently viewed page */
span.currentthumbnailpage
{
  color: #A2A721;
  font-family: Verdana, Tahoma, Arial, Sans-serif;
  font-size: 74%;
  font-weight: bold;
  text-decoration: none;
}
/* the numbered links to all other thumbnail pages */
a.thumbnailpagelink
{
  color: #A2A721;
  font-family: Verdana, Tahoma, Arial, Sans-serif;
  font-size: 74%;
  font-weight: normal;
  text-decoration: none;
}

/* the table cell that contains the 'prev' image (if available) or the '<<' text on the thumbnail pages */
td.thumbnailpageprev {text-align: left;}

/* the table cell that contains the 'next' image (if available) or the '>>' text on the thumbnail pages */
td.thumbnailpagenext {text-align: right;}

/* If no 'next', 'previous' or 'toindex' image is available, defines the textual link to the next ('>>'), index ('||') and previous ('<<') pages */
a.photoalbumprevnexttext
{
  color: #A2A721;
  font-family: Verdana, Tahoma, Arial, Sans-serif;
  font-size: 74%;
  font-weight: normal;
  text-decoration: none;
}
/* If no 'next', or 'previous' image is available, and no link to the previous or next page is available
   (e.g. we're on the first or last thumbnail page) this span tag will be used */
span.photoalbumprevnexttext
{
  color: #C0C0C0;
  font-family: Verdana, Tahoma, Arial, Sans-serif;
  font-size: 74%;
  font-weight: normal;
  text-decoration: none;
}

/* The table cell that contains the 'prev' image (if available) or the '<<' text on the enlarged image pages */
td.enlargedpageprevious{text-align: left;}

/* The table cell that contains the 'next' image (if available) or the '>>' text on the enlarged image pages */
td.enlargedpagenext{text-align: right;}

/* the table cell that contains the 'back to thumbnail page' image, or the 'Index' text on the enlarged image pages */
td.enlargedpagetothumbnail{text-align: center;}


/* the table cell containing the enlarged photo */
td.enlargedphoto {text-align: center;}


/* the description of the enlarged photo */
span.enlargedphotodescription { text-align: right;
                                color: #A2A721;
                                font-family: Verdana, Tahoma, Arial, Sans-serif;
                                font-size: 74%;
                                font-weight: normal;
                                text-decoration: none;}