.mainpage {
}

.mainpage a:link {
	COLOR: #0000FF;
}

.mainpage a:active {
	COLOR: #00FF00;
}

.mainpage a:visited {
	COLOR: #800080;
}

.mainpage a:hover {
	COLOR: #ccccff;
}



.logo {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #cccccc;
	letter-spacing: 5pt;
	text-align: center;
	margin-bottom: 10px;
}

.footer {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #cccccc;
	letter-spacing: 5pt;
	text-align: center;
	margin-top: 10px;
}

body {
	background-color: #eeeeee;
}

.canvas {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-size: 12px;
	padding:10px;
	width:900px;
}

a {
	text-decoration: none;
	color: #FFFFFF ;
}
a:hover {
	text-decoration: none;
	color: #1E3E81;  --#99CCCC
}

.bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #A4B4FF;
}

.photo-gallery:hover {
	border: 1px solid #000000;
}
.photo-gallery { 
	padding: 5px; 
	margin-left: 2px; 
	margin-top: 3px; 
	margin-right: 2px; 
	margin-bottom: -20px; 
	border: 1px solid #999; 
	display: block;  
	float: bottom; 
}

img { 
	border: none; 
}

.photo-link { 
	padding: 5px; 
	margin: 5px; 
	border: 1px solid #999; 
	display: block; 
	float: left; 
}
.photo-link:hover { 
	border-color: black; 
}

.short-description{
	border: 1px solid #cccccc;
	background-color: #CCCCCC;
	color:#000000;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
}

.short-description:hover {
	text-decoration: none;
	background-color: #ACBFE8;
	color:#3366FF;
}

.description{
	border: 1px solid #cccccc;
	background-color: #D6DFF3;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
}

.menu {
	background-color: #999999; //#7595D8 ;  
	padding:7px;
}

.top-info {
	background-color: #CCCCCC;
}

.filter {
	background-color: #ACBFE8;  //#99CCCC
}

.PageAmount {
	background-color: #7595D8; //#CFE7E7;
}

.main {
	background-color: #FFFFFF;
}