<!-- 
/* The SimpleBox skin document structure looks like this 
*   Body {
*     container {
*       header {
*         Album title
*         Album description
*         navlist {
*             .navButtons for Previous, home, next
*             .navButtons may be .enabled or .disabled
*       }
*       imageContainer {
*         Folder thumbnails with optional folderTitle, folderDescription and folderCount (see below)
*         or 
*         Image thumbnails with optional fileName and fileComment
*       }
*       footer {
*       }
*     }
*   }
*
**/

BODY
{
  background-image: url(BlueGradient.gif);
  background-repeat: repeat-x;
  color: white;
  background-color: black;
  font-size: 10pt;
}
#container{
  width: 800px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#imageContainer{
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	text-align: center;
}
#header{
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#header h1 {
  font-weight: normal;
  font-size: 20pt;
}

#navlist
{
  width: 500px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	margin: 0 auto 0 auto;
  text-align: center;
}
.navButton {
	height: 20px;
	width: 70px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	padding: 2px;
}

.disabled {
  color: Gray;
	border: 1px solid Orange;
}
.enabled {
	border: 1px solid Orange;
	background-color: blue;
}


#footer{
	width: 75%;
	background-color: #003574;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

A { 
  text-decoration: none;
  font-style: italic;
  font-weight: normal;
}
A:link { color: white; text-decoration: none;}
A:active { color : Green;  text-decoration: none;}
A:visited { color: white; text-decoration: none;}
A:hover { color: white; font-weight: bold;  text-decoration: none;}
#lightbox-container-image-data #lightbox-image-details {
  width: 90%;
}
#lightbox-image-details a:visited {
  color: blue;
}
#lightbox-image-details a:hover {
  font-weight: normal;
}
.clearBoth {
  clear: both;
}

IMG.thumbnail { 
border-style : solid; 
border-width : 1pt;
border-color : #FFF8DC; 
}

IMG.display {
border-style : solid;
border-width : 3pt;
border-color : #FFFFFF;
}
.folderTitle {
  font-size: 12pt;
}
.folderDescription {
  font-size: 10pt;
}
.folderCount {
  font-size: 10pt;
}

TD.thumbnail
{ 
padding: 5px; 
text-align: center;
}

small {
  font-size: 90%;
}

#imageContainer  img{
	padding: 4px;
	border: 1px solid #999999;
	}
.imageContainertable {
	font-size: 12px;
	color: White;
}
 -->