/*
* CSS STYLE SHEET DEFINITIONS FOR PEKKAERVAST.NET WEB PAGES
*
*/


/* DEFAULT VALUES - START: */
.mobile_row
{
	display: none;
}

.rowchange
{
	display: none;
}

.hideline_no
{
	visibility: hidden;
}

.hideline_yes
{
	visibility: visible;
}

.lang_image
{
	vertical-align: top;
	border: 0px;
}

/* DEFAULT VALUES - END: */

BODY
{
	background-color: #F5F3EB;
}


.info_title
{
	font-align: center; 
	color: #008000; 
	font-size: 14px; 
	text-transform: uppercase; 
	font-family: Trebuchet MS; 
	font-weight: bold;
}

.info_content
{
	text-align: left; 
	margin-left: 0.4cm; 
	margin-right: 0.4cm; 
	font-family: Trebuchet MS; 
	font-size: 14px;
}

.info_content UL
{
	padding-left: 15px;
}

.info_content UL LI
{
	list-style-type: square;
}

.banner_image TD
{
	text-align: center;
	vertical-align: top;
}

.page_content
{
	margin-left: 3mm;
	margin-right: 3mm;
	text-align: justify;
	font-size: 13px;
	font-family: Trebuchet MS,Arial;
	background-color: #ffffff;
}

.page_title
{
	text-indent: 0px;
	font-family: Trebuchet MS, Arial;
	font-size: medium; 
	text-align: center; 
	color: #2F3092; 
	margin-left: 3mm; 
	margin-right: 3mm;
	text-transform: uppercase;
	background-color: #ffffff;
}


/* START OF FOOTERS */

.footer_error
{
	text-align: center;
	border-style: solid;
	border-color: #130652;
	background-color: #130652;
}

.footer_wellcome
{
	text-align: center;
	border-style: solid;
	border-color: #130652;
	background-color: #130652;
}

.footer_main
{
	text-align: center;
	border-style: solid;
	border-color: #130652;
	background-color: #130652;
}

.footer_life
{
	text-align: center;
	border-style: solid;
	border-color: #4F5A72;
	background-color: #4F5A72;
}

.footer_books
{
	text-align: center;
	border-style: solid;
	border-color: #800000;
	background-color: #800000;
}

.footer_magazines
{
	text-align: center;
	border-style: solid;
	border-color: #B78F59;
	background-color: #B78F59;
}

.footer_handwrites
{
	text-align: center;
	border-style: solid;
	border-color: #370650;
	background-color: #370650;
}

.footer_presentations
{
	text-align: center;
	border-style: solid;
	border-color: #F36B28;
	background-color: #F36B28;
}

.footer_letters
{
	border-style: solid;
	border-color: #5C330B;
	color: #CC3300;
	text-align: center;
	background-color: #5C330B;
}

.footer_images
{
	text-align: center;
	border-style: solid;
	border-color: #000000;
	background-color: #000000;
}

.footer_misc
{
	text-align: center;
	border-style: solid;
	border-color: #FFE92D;
	background-color: #FFE92D;
}

.footer_info
{
	text-align: center;
	border-style: solid;
	border-color: #055D29;
	background-color: #055D29;
}

.footer_tsrr
{
	text-align: center;
	border-style: solid;
	border-color: #370650;
	background-color: #370650;
}
/* END OF FOOTERS */

/* START OF BANNERS */
.banner_error
{
	text-align: center;
	border-style: solid;
	border-color: #130652;
	background-color: #130652;
	height: 18px;
}

.banner_wellcome
{
	text-align: center;
	border-style: solid;
	border-color: #130652;
	background-color: #130652;
	height: 18px;
}

.banner_main
{
	text-align: center;
	border-style: solid;
	border-color: #130652;
	background-color: #130652;
	height: 18px;
}

.banner_life
{
	text-align: center;
	border-style: solid;
	border-color: #4F5A72;
	background-color: #4F5A72;
	height: 18px;
}

.banner_books
{
	text-align: center;
	border-style: solid;
	border-color: #800000;
	background-color: #800000;
	height: 18px;
}

.banner_magazines
{
	text-align: center;
	border-style: solid;
	border-color: #B78F59;
	background-color: #B78F59;
	height: 18px;
}

.banner_handwrites
{
	text-align: center;
	border-style: solid;
	border-color: #370650;
	background-color: #370650;
	height: 18px;
}

.banner_presentations
{
	text-align: center;
	border-style: solid;
	border-color: #F36B28;
	background-color: #F36B28;
	height: 18px;
}

.banner_letters
{
	border-style: solid;
	border-color: #5C330B;
	color: #CC3300;
	text-align: center;
	background-color: #5C330B;
	height: 18px;
}

.banner_images
{
	text-align: center;
	border-style: solid;
	border-color: #000000;
	background-color: #000000;
	height: 18px;
}

.banner_misc
{
	text-align: center;
	border-style: solid;
	border-color: #FFE92D;
	background-color: #FFE92D;
	height: 18px;
}

.banner_info
{
	text-align: center;
	border-style: solid;
	border-color: #055D29;
	background-color: #055D29;
	height: 18px;
}

.banner_tsrr
{
	text-align: center;
	border-style: solid;
	border-color: #370650;
	background-color: #370650;
	height: 18px;
}

.banner_text_black
{
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #000000;
	height: 18px;
}

.banner_text_white
{
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #ffffff;
	height: 18px;
}

/* END OF BANNERS */

#main_frame
{
	text-align: center;
}


@media (min-width: 300px) and (max-width: 600px)
{
	.banner_table .banner_image
	{
		min-width: 20%;
		max-width: 100%;
		margin-bottom: -4px;
		display: block;
		left: 10px;
		top: 10px;
	}

	.banner_table
	{
		margin-left:auto; 
		margin-right:auto;
		width: 100%;
		display: block;
		top: 10px;
		left: 10px;
	}

	.table_center {}

	.page_table
	{
		width: 100%;
		background-color: #ffffff;
		margin-left:auto; 
		margin-right:auto;
	}

	.mobile_row
	{
		display: block;
	}

	.rowchange
	{
		display: inline;
	}

	.banner_handwrites, .banner_life, .banner_main, .banner_wellcome, .banner_books, .banner_magazines, .banner_letters,
	.banner_presentations, .banner_images, .banner_misc, .banner_info, .banner_trss
	{
		height: 64px;
	}

	.hideline_no
	{
		visibility: visible;
		color: #ffffff;
		padding: 0;
		margin: 0;
	}

	.hideline_yes
	{
		visibility: hidden;
	}

	.banner_common
	{
		overflow: display;
		margin-left:auto; 
		margin-right:auto;
		width: auto;
	}

	.footer_common
	{
		margin-left:auto; 
		margin-right:auto;
		position: relative
		top: 105%;
		width: auto;
	}
}

@media (min-width: 601px)
{
	.banner_image IMG
	{
		height: auto; 
		width: auto; 
		margin-bottom: -4px;
	}

	.table_center
	{
		margin-left:auto; 
		margin-right:auto;
	}

	.banner_table
	{
		margin-left:auto; 
		margin-right:auto;
		width: 100%;
	}

	.page_table
	{
		width: 900px;
		height: 540px;
		background-color: #ffffff;
		margin-left:auto; 
		margin-right:auto;
	}

	.banner_common
	{
		overflow: display;
		margin-left:auto; 
		margin-right:auto;
		width: 900px;
	}

	.footer_common
	{
		margin-left:auto; 
		margin-right:auto;
		position: relative
		top: 105%;
		width: 900px;
	}

}