BODY
{
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10pt;
    BACKGROUND-COLOR: white;
}

TABLE.Navigation
{
background-color: #3EA5B7
}

h1 
{
    MARGIN: 0px;
}

.nobr
{
 white-space: nowrap;
}

.SiteName {
 white-space: nowrap;
font-style: italic;
 color: white;
}
DIV.SubCategories
{
  text-align:center;
}
TABLE.Categories
{
    MARGIN-BOTTOM: 0px;
    align: center;

    border-collapse: separate;
    border-spacing: 30px 30px;

}
.Category IMG.CategoryThumb {
    margin-left: 27px;
}
TD.Category {
    border: none; 
    padding: 10px;
   height: 200px;
   display: inline;
   width: 10em;
}
.Category
{
 
 
    BACKGROUND-COLOR: white;

}

.Category A
{
    COLOR: #006577;
   
}


/* -------------- one column styles follow -----------*/

.ImageThumb_cat-1col
{
   PADDING: 10px; 
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: top;

}

tr.ImageThumb_cat-1col td
{
  border-bottom: none;
}
tr.ImageThumb_cat-1col td span.ShortDesc
{
    display: block;
      font-size: 10pt;
    PADDING-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    FONT-WEIGHT: bold;
}
.ImageThumb_cat-1col A:hover
{
    COLOR: red
}
.ImageThumb_cat-1col A:hover IMG
{
    BORDER-RIGHT: red solid;
    BORDER-TOP: red solid;
    BORDER-LEFT: red solid;
    BORDER-BOTTOM: red solid;
}
.ImageThumb_cat-1col IMG
{
    border: none;
    PADDING-RIGHT: 3px;
    
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 3px;
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 5px;
    MARGIN-BOTTOM: 0px;
    
    PADDING-TOP: 3px;
    
}

.LongDesc_cat-1col div
{ 

  font-size: 8pt;
  MARGIN-LEFT: 0px;
  MARGIN-BOTTOM: 10px;

}

.CatTable_cat1-col {
  BORDER-COLLAPSE: none;
  MARGIN: 0px;
}

.CatTable_cat1-col TR {
  BORDER: solid red 1px;
}

.SubCatPictures_cat1-col {

  PADDING: 10px;
  MARGIN: 10px;
}

.CatTableHeader_cat1-col {

  MARGIN-LEFT: 0px;
  width: 100%;
  border-bottom: solid gray 1px;
}

.CategoryDescription_cat1-col {
   FONT-WEIGHT: bold;
}
.CategoryDescription_cat1-col a {
  text-decoration: none;
}

/* -------------- default styles follow -----------*/

.ImageThumb
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: small;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #cce8ec;
    TEXT-ALIGN: center
}
.ImageThumb A:hover
{
    COLOR: red
}
.ImageThumb A:hover IMG
{
    BORDER-RIGHT: red solid;
    BORDER-TOP: red solid;
    BORDER-LEFT: red solid;
    BORDER-BOTTOM: red solid
}
.ImageThumb IMG
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 5px;
    MARGIN-RIGHT: 5px;
    MARGIN-BOTTOM: 0px;

    PADDING-TOP: 3px;
    BORDER: none;
}
.LongDesc
{
    MARGIN: 10px;
    font-size: 10pt;
}


/* ---------------------------------------*/

.copyrightlink
{
    FONT-SIZE: smaller
}

.copyright
{
	MARGIN: 2em;
    FONT-SIZE: 7pt;
}
.CategoryHeader
{
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 10px;
    WIDTH:100%;
}


.author
{
    TEXT-TRANSFORM: lowercase;
    COLOR: white;
    FONT-STYLE: italic
}

TABLE.Thumbnails
{
   BACKGROUND-COLOR: none;
   border: dotted gray 1px;
   margin-left: 5px;
   margin-right: 15px;
   margin-top: 20px;
   font-size: 10pt;
}
IMG.FullImage
{
	BACKGROUND-COLOR: #cce8ec;
    BORDER: #cce8ec 20px solid;
    MARGIN: 20px;
}
P
{
    MARGIN-LEFT: 10px
}
DIV.CategoryDescription
{
    FONT-WEIGHT: bolder
}

.Category A:visited
{
    COLOR: black
}
.Category A:active
{
    COLOR: black
}

.date
{
    FONT-SIZE: 9pt;
}



.ShortDesc
{
    FONT-SIZE: 9pt;
}
.ShortDesc A
{
    COLOR: #006577
}
IMG.CategoryThumb
{
    BORDER-RIGHT: #006577 solid;
    BORDER-TOP: #006577 solid;
    BORDER-LEFT: #006577 solid;
    BORDER-BOTTOM: #006577 solid
}
A:hover IMG.CategoryThumb
{
    BORDER-RIGHT: red solid;
    BORDER-TOP: red solid;
    BORDER-LEFT: red solid;
    BORDER-BOTTOM: red solid
}

td.OtherViews TABLE
{
    FONT-SIZE: 100%
}

.CategoryDescription
{
    FONT-SIZE: 9pt;
}

.ImageDescription
{
    PADDING-TOP: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 10px;
}

.ViewsTable
{
  MARGIN: 0px;
  PADDING: 0px;
}

.ViewsTable TR TD
{ 
  MARGIN: 0px;
  PADDING-TOP: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-RIGHT: 25px;
  PADDING-LEFT: 0px;
}



.SmallWarning {
  font-size: smaller;
  font-style: italic;
  color:red;
}

.SmallComment {
  font-size: smaller;
  font-style: italic;
}

.InputForm {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 90%;
    border: solid #3ea5b7  5px;
    background-color: #DFEFF4;
    font-size: smaller;
    padding-top: 0px;

}
.InputFormHeader {
  margin-left: 15px;
  margin-right: 0px;
  margin-top: 10px;
  text-align: center;
  width: 90%;
    background-color: white;
    border-top: solid silver 1px;
    border-left: solid silver 1px;
    border-right: solid silver 1px;
}

.InputForm TEXTAREA {
  width: 100%;
}


a.asterisk {
  text-decoration: none;
}

a.action {
  display:block;
  padding: 2px;
  text-decoration: none;
 white-space: nowrap;
  border: solid blue 1px;
}

a.action:hover {
  color:red;
  background-color: skyblue;
 
}


/* ------- DEBUGGING styles ----------
table {
  border: solid black 1px;
  margin: 2px;
}

div {
  border: solid red 1px;
  margin: 2px;
}

 ---------END OF DEBUGGING STYLES ---- */