/* 
  To change the style (colors) of your website into the style described
  in this CSS file, do the following:

   (1) Upload this file to the /tsstyles/ directory of your website.
   (2) Login to the ADMINISTRATOR's AREA of your website.
   (3) Press "SETTINGS" in the bottom-left corner.
   (4) Select your CSS file name in the drop-down list 
       under the "WEBSITE STYLE/COLORS" setting.
   (5) Press "SAVE" button.

  |-----------------------------------------------------------------|
  | This .css file was generated with TETSI CSS Generator found in: |     
  | http://www.tetsi.com/cssmaker.php                                       |
  |-----------------------------------------------------------------|
*/

/* BACKGROUND OF THE PAGE */
body {
	margin: 10px 10px 10px 10px;
	background-color: #484848;
	font-family: Verdana;
	font-size: 10pt;
	color: #003031;
	text-decoration: none;
	font-weight: normal;
/*
	background-image: url(tspics/some_image.jpg);
*/
	/* UNCOMMENT "background-image" IF YOU WANT TO SPECIFY PARTICULAR IMAGE FOR SITE BACKGROUND*/
}

/* COLOR OF THE HORIZONTAL LINE <hr> (is placed in some places of your TETSI site) */
hr#thickHR {
	font-family: Verdana; 
	color: #003031;
}

/* BACKGROUND OF THE POP-PUP WINDOW IN THE IMAGE GALLERY */
body.popupImage {
	margin: 0px 0px 0px 0px;
	background-color: #484848;
}

/* BUTTONS OF THE WEBSITE */
input.normalButton, input.smallerButton {
	border-color: #ffffcc;
	background-color: #993333; 
	font-family: Verdana; 
	color: #FFFFCC; 
	font-size: 10pt; 
	border-style: ridge;
} 
input.smallerButton {
	font-size: 8pt; 
} 

/* ERROR/NOTICE MESSAGE COLOR */
#errorMessageColor {
	color: #ff0000;
}

/* BORDER COLOR FOR THE IMAGE THUMBNAIL IN THE IMAGE GALLERY */
img#fotoFile {
	border-color: #000000
}

/* THE TOP MOST BLOCK OF THE WEBSITE (which contains page title) */
.topTableRow {
	background-color: #663333;
	color: #ffcc99;
	text-decoration: none;
	font-weight: bold;
}

/* PAGE'S TITLE TEXT DISPLAYED ON THE TOP OF THE PAGE */
.topTableRow p{
	font-size: 18pt;
	color: #ffcc99;
	text-decoration: none;
}

/* LEFT COLUMN THAT CONTAINS MENU ITEMS OF THE PAGE */
.menuColumn {
	background-color: #996666;
	font-size: 10pt;
}

/* MENU ITEMS */
.menuColumn a, .menuColumn a:visited {
	color: #660033;  
	font-size: 10pt; 
	text-decoration: none; 
	font-weight: bold;
}
.menuColumn a:hover {
	text-decoration: underline; 
}
#menuTable td{
	padding: 0px 0px 4mm 0px;
}

/* STYLE OF THE MAIN COLUMN THAT CONTAINS THE CONTENT (story, pictures, guest book, etc.) */
.contentColumn, .contentColumn input#readonly {
	background-color: #ffcc99;
}

/* STYLE OF THE PLAIN TEXT (used for printing story text, thumbnail description, etc.) */
.plainText a, .plainText a:visited {
	font-style: italic;
	text-decoration: underline;
	color: #003031;  
}
.plainText a:hover {
	text-decoration: none;
}
.plainText, .plainText td {
	font-family: Verdana; 
	color: #003031;  
	font-size: 10pt; 
	font-weight: normal; 
	text-decoration: none;
}
.plainText a#totop, .plainText a#totop:visited, .plainText a#totop:hover {
	color: #996666;  
	font-size: xx-small; 
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

/*****************************************************/
/* STYLE FOR THE LIST OF STORIES (PICTURE GALLERIES) */
/*****************************************************/
.listOfItems td {
	font-family: Verdana; 
	color: #003031;  
	font-size: 8pt; 
	font-weight: none;
	text-decoration: none; 
}
.listOfItems a, .listOfItems a:visited {
	font-family: Verdana; 
	color: #003031;  
	font-size: 10pt; 
	font-weight: bold;
	text-decoration: underline; 
	background: none;
}
.listOfItems a:hover {
	text-decoration: none; 
	background: #ffffcc;
}
.listOfItems td#currentYear{
	background-color: #996666;
	font-size: 10pt; 
	font-weight: bold;
}

/*********************************************************/
/* STYLE FOR THE TITLE OF THE STORY (GALLERY OF PICTURES)  */
/*********************************************************/
td.itemTitle {
	font-family: Verdana; 
	color: #003031;  
	font-size: 18pt; 
	font-weight: bold; 
	text-decoration: none; 
}

/***********************************************************************/
/* TIME PERIOD AND SHORT DESCRIPTION OF THE STORY (GALLERY OF PICTURES)  */
/***********************************************************************/
p.itemTimeAndDescription {
	font-family: Verdana; 
	color: #660033;  
	font-size: 10pt; 
	text-decoration: none; 
	font-weight: normal;
}

/**************************************************************************/
/* BLOCK WITH THE LINKS TO SECTIONS OF THE STORY (GALLERY OF PICTURES)  */
/**************************************************************************/
.sectionBoxForTheItem a, .sectionBoxForTheItem a:visited {
	font-family: Verdana; 
	color: #003031;  
	font-size: xx-small; 
	text-decoration: none; 
	font-weight: normal;
}
.sectionBoxForTheItem a:hover {
	text-decoration: underline; 
}
.sectionBoxForTheItem td#paintThisTD {
	background-color: #ffffcc;
}

/****************************************************************************************/
/* BLOCK WITH RELATED STUFF FOR THE STORY (GALLERY OF PICTURES) (comments, links, etc.) */
/****************************************************************************************/
.boxWithItemsRelatedStuff table, .boxWithItemsRelatedStuff td#relatedBoxTitle{
	background-color: #996666;
}
.boxWithItemsRelatedStuff td{
	background-color: #ffffcc;
}
.boxWithItemsRelatedStuff td, .boxWithItemsRelatedStuff p, .boxWithItemsRelatedStuff a, .boxWithItemsRelatedStuff a:visited {
	font-family: Verdana; 
	color: #003031;  
	font-style: normal;
	font-size: xx-small; 
	text-decoration: none; 
	font-weight: normal;
}
.boxWithItemsRelatedStuff a:hover {
	text-decoration: underline;
}

/***************************************************************************/
/* STYLE FOR THE LIST OF COMMENTS, LIST FOR THE STORY (GALLERY OF PICTURES)*/
/***************************************************************************/
.commentsTXT td#commHead{
	background-color: #993333;
}
.commentsTXT td#commFooter{
	background-color: #ffffcc;
}
.commentsTXT, .linksTXT {
	font-family: Verdana; 
	color: #003031;  
	font-size: 12pt; 
	text-decoration: none; 
	font-weight: normal;
}
.commentsTXT td, .linksTXT td, 
.commentsTXT td#commHead a, .commentsTXT td#commHead a:visited, .commentsTXT td#commHead a:hover {
	font-size: 8pt; 
}
.commentsTXT a, .commentsTXT a:visited, .commentsTXT a:hover {
	font-size: 10pt; 
	color: #003031;  
	text-decoration: underline; 
	font-weight: normal;
}
.linkstxt a, .linkstxt a:visited {
	font-size: 8pt; 
	color: #003031;  
	text-decoration: underline; 
	font-weight: bold;
	background: none;
}
.linkstxt a:hover {
	background: #ffffcc;
}

/********************************************************************/
/* STYLE FOR THE BLOCK FOR INSERTING NEW COMMENT (GUEST BOOK ENTRY) */
/********************************************************************/
.commentsTXT table#insertCommentTable, .commentsTXT table#insertCommentTable td{
	font-family: Verdana; 
	color: #003031;  
	font-size: 10pt; 
	text-decoration: none; 
	font-weight: normal;
}
.commentsTXT table#insertCommentTable td#insertCommentHead, 
.commentsTXT td#insertCommentHead  {
	background-color: #996666;
	font-size: 12pt; 
	font-weight: bold;
	text-align: center;
}
.commentsTXT table#insertCommentConfidential {
	background-color: #996666;
}
.commentsTXT table#insertCommentConfidential td {
	background-color: #ffcc99;
}

/***************************************************************************/
/* FOR ONMOUSEOVER/ONMOUSEOUT EFFECTS, THAT ARE DONE BY /alttxt.js SCRIPT  */
/*  (they are used for showing some messages in the administrators area)   */
/***************************************************************************/
.navtext {font-family: Verdana; color: #003031; text-decoration: none; font-weight: normal; width:150px; font-size:10pt; border-width:1px;
		   border-style:outset; border-color:black; layer-background-color:#ffffcc; background-color:#ffffcc;}