
body {
color: #FFFFFF;
background-color: #666666;
font-family: georgia, verdana, arial, helvetica, sans-serif;
font-size: 16;
margin: 5px;
background-image: url("images/layout/fence.gif");
background-position: top left; 
background-repeat: repeat
}

.text {font-family: georgia, verdana, arial, helvetica, sans-serif; font-size: 16}
.bigtext {font-family: georgia, verdana, arial, helvetica, sans-serif; font-size: 18}
.smalltext {font-family: georgia, verdana, arial, helvetica, sans-serif; font-size: 14}
.attention {font-family: georgia, verdana, arial, helvetica, sans-serif; font-size: 16; text-decoration: underline; color: #F8C300}

A:link {text-decoration: none; color: #0000AA;}
A:visited {text-decoration: none; color: #0000AA;}
A:active {text-decoration: none;  color: #000000;}
A:hover {text-decoration: underline; color: #F8C300;}

table.main {
background-color: #666666;
border-spacing: 0;
border-style: solid;
border-color: black;
border-width: 0;
border-collapse: collapse;
font-family: georgia, verdana, arial, helvetica, sans-serif; 
font-size: 16}

table.home {
background-color: #666666;
/* background-image: url(''); */
background-attachment: scroll; 
background-repeat: no-repeat;
background-position: top center;
border-spacing: 0;
border-collapse: collapse;
border-style: solid;
border-color: white;
border-width: 0;
font-size: 16; 
font-weight: bold;
color: var(textcolor);
font-family: georgia, verdana, arial, helvetica, sans-serif; 

}

td.innerbg {
background-color: #444444;
opacity=100;
alpha(opacity=100)
}

td.sidemenu {
background-color: #444444;
color: #FFFFFF;
font-size: 18; 
font-weight: bold;
cursor: pointer;
border-spacing: 0px;
margin: 0px 0px;
}

td.sidemenu:hover{
background-color: #444444;
text-decoration: underline; 
color: #F8C300;
font-size: 18; 
font-weight: bold;
cursor: pointer;
border-spacing: 0px;
margin: 0px 0px;
}

td.topmenu {
background-color: #F8C300;
color: #FFFFFF;
background-image: url(images/layout/top.gif);
font-size: 18; 
font-weight: bold;
border-spacing: 0px;
margin: 0px 0px;
vertical-align: top;
cursor: pointer;
}

td.topmenu:hover{
background-color: #000000;
background-image: url(images/layout/top.gif);
text-decoration: underline; 
color: #F8C300;
font-size: 18; 
font-weight: bold;
border-spacing: 0px;
margin: 0px 0px;
vertical-align: top;
cursor: pointer;
}

/* Image Fader */
#imageContainer {
	position:relative;
	margin:auto;
	width:733px;
	border:0px solid #000;
	text-align=center
	top:0; left:15;
}

#imageContainer img {
	display:none;
	position:relative;
	top:0; left:0;
}


/* SPGM Multimedia Gallery */
IMG { vertical-align: middle; }
IMG.img-picture { border: 0px solid #333333; }
IMG.img-folder { border: 0px; }
IMG.img-galicon { border: 0px solid #555555; }
IMG.img-thumbnail { border: 0px solid #333333; }
IMG.img-thumbnail-selected { border: 0px solid #8ca0bf; }
IMG.img-picture-prev { border: 0px; }
IMG.img-picture-next { border: 0px; }
IMG.img-thmbnavi-prev { border: 0px; }
IMG.img-thmbnavi-next { border: 0px; }
IMG.img-new { border: 0px; }

TABLE.table-wrapper {
  background-color: var(mainbgcolor);
  width: inherit;
  padding: 0px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

table.album {
font-size: 14; 
color: white;
font-family: georgia, verdana, arial, helvetica, sans-serif 
}

TD.td-thumbnails-thumb {
  padding: 5px;
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  color:        #555555;
  font-size:    14;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: top;
  text-align: center;
}

TD.td-thumbnails-thumb-selected {
  padding: 5px;
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  color:        #333333;
  font-size:    14;
  font-weight:  bold;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: top;
  text-align: center;
}

DIV.div-thumbnails-caption {
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  color:        000000;
  font-size:    10pt;
  font-weight:  normal;
  background-color: transparent;
}



TABLE.table-main-title {}

TD.td-main-title {
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  color:   #000000;
  font-size:    18;
  font-weight:  bold;
  background-color: transparent;
}

TD.td-main-title-spgm-link {
  color:#cccccc;
  font-size:14;
  font-family: georgia, verdana, arial, helvetica, sans-serif;
  text-align: center;
  background-color: transparent;
}

A.a-spgm-link {
  color: #b7cce0;
  font-size:14;
  font-family: georgia, verdana, arial, helvetica, sans-serif;
  background-color: transparent;
}





TABLE.table-gallisting-grid {
}

TD.td-gallisting-cell {
}




TABLE.table-galitem {
  width: 100%;
}

TD.td-galitem-icon {
  padding-right: 10px;
}

TD.td-galitem-title {
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  font-size:    10pt;
  width:        100%;
  text-align: left;
  font-weight: bold;
  color: #999999;
}

TD.td-galitem-caption {
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  font-size:    14;
  text-align: left;
}




TABLE.table-picture {
  width: 100%;
  text-align: center;
}

TD.td-picture-navi {
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  color:        #000000;
  text-align: center;
  background-color: transparent;
}

TD.td-zoom-factors {
  padding: 3pt;
  text-align: center;
}

INPUT.button-zoom-factors {
  border: 1px solid #777777; 
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  font-size:    16;
  font-weight: bold;
  color:        #777777;
  background-color: #dddddd;
  text-align: center;
}

TD.td-picture-pic {}

TD.td-picture-filename {
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  font-size:    14;
  font-weight: bold;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}

TD.td-picture-caption {
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  color:#000000;
  font-size:    16;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}




TABLE.table-thumbnails {
  margin-left: auto;
  margin-right: auto;
}

TD.td-thumbnails-navi {
  color: black;
  border-top: 2px solid #444444;
  font-family: georgia, verdana, arial, helvetica, sans-serif;
  font-size:	16;
  font-weight:	bold;
  text-align: right;
  padding: 8px;
}

SPAN.span-filters {
  font-size:    18;
  font-weight: normal;
}


DIV.div-galheader {
  font-family:  georgia, verdana, arial, helvetica, sans-serif;
  font-size:    18;
  font-weight:  bold;
  color: #000000;
  margin-bottom: 20px;
  padding: 1px;
  width: 100%;
  text-align: left;
}

TABLE.table-shadows {
  border-collapse: collapse;
  margin: auto;
  padding: 0px;
}

TD.td-shadows-right {
  background-image: url(shadow_right.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 20px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-bottom {
  background-image: url(shadow_bottom.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 5px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-bottomright {
  background-image: url(shadow_bottomright.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 20px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-main {
  margin: 0px;
  padding: 0px;
}
