html, body
{

}

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

.container
{
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  margin: 0px auto;
}

td.logo
{
  width: 184px;
  height: 102px;
  background-image: url(logo.gif);
  background-repeat: no-repeat;
  vertical-align: top;
}

td.ring_1
{
  width: 50px;
  background-image: url(ring_1.gif);
  background-repeat: no-repeat;
  vertical-align: top;
}

td.header
{
  height: 102px;
  background-image: url(top.gif);
  background-repeat: no-repeat;
  vertical-align: top;
}

td.ring_2
{
  width: 50px;
  background-image: url(ring_2.gif);
  background-repeat: no-repeat;
  vertical-align: top;
}

td.ring_3
{
  width: 50px;
  background-image: url(ring_3.gif);
  background-repeat: repeat-y;
  vertical-align: top;
}

td.ring_4
{
  width: 50px;
  background-image: url(ring_4.gif);
  background-repeat: no-repeat;
  vertical-align: top;
}

td.colright
{
  background-image: url(px.gif);
  background-repeat: repeat-xy;
  vertical-align: top;
}

td.copyright
{
  height: 19px;
  background-image: url(px.gif);
  background-repeat: repeat-xy;
  vertical-align: middle;
  color: #90a6bd;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: bold;
  font-size: 70%;
  text-decoration: none;
  text-align: right;

}

td.menurow
{
  height: 28px;
  background-image: url(bg_mainmenu.gif);
  background-repeat: repeat-x;
  vertical-align: top;
}

table.menu
{
  width: 752px;
  text-align: center;
  height: 28px;
}

table.menu td.td_home
{
  width: 80px;
}

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

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

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

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

table.container td.submenu
{
  width: 184px;
  vertical-align: top;
  background-color: #1c4175;
  background-image: url("zone2010.png");
  background-repeat: no-repeat;
  background-position: 50% 98%;
}





table.mycontainer td.mysubmenu
{
  text-color: white;
  display: block;
  width: 155px;
  height: 20px;
  margin-left: 10px;
  margin-right: 0px;
  text-decoration: none;
  font-size: 100%;
  padding: 0px 0px 0px 15px;
}

table.mycontainer td.mysubmenu a.subnormal
{
  color: white;
  background-image: url(submenu_bg_sel.gif);
  background-repeat: repeat-x;
}

table.container td.submenu a.normal
{
  background-image: url("submenu_bg.gif");
  background-repeat: repeat-x;
}

table.container td.submenu a
{
  color: #ffffff;
  display: block;
  width: 155px;
  height: 22px;
  text-align: left;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 90%;
  text-decoration: none;
  vertical-align: middle;
  padding: 0px 0px 0px 3px;
  background-image: url(submenu_bg_sel.gif);
}
table.container td.submenu a.is_selected
{
  color: #ffffff;
  background-image: url(submenu_bg_sel.gif);
}

table.container td.submenu a.not_selected
{
  color: #000000;
  background-image: url(submenu.gif);
}

.emailbutton {
  float: left;
  padding-top: 40px;
  padding-left: 35px;
  padding-bottom: 10px;
}

td.content
{
  background-color: #ffffff;
  padding: 10px 37px 10px 35px;
  vertical-align: top;
  text-align: left;
  width: 680px;
  height: 500px;
  background-image: url(dp_background.jpg);
  background-repeat: repeat-xy;
  line-height:130%;
}

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

  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
{
  font-family: Arial, Helvetica, San-serif;
  font-size: 14px;
  color: #000000;
  margin-bottom: 3px;
}

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

td.blocksitemaplevel2icon { background-color: #DD7463;
                          }
td.blocksitemaplevel2text { background-color: #DD7463;
                            border-right: 3px solid #FFFFFF;
                          }
a.blocksitemaplevel2link { color: #303030;
                           font-family: 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;}