@charset "utf-8";
/* CSS Document */

html, body, form {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
html, body { height: 101%; }
body {
	padding:0;
	margin:0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background:#777;
	}
a { color:#333; text-decoration:none; }
a:hover { color: #900; text-decoration:underline;}
a img { border:0; border-bottom:0; }
.hiddenPic {display:none;}
form { padding:0; margin:0;}
a tr td { cursor:pointer; }
input, TEXTAREA, SELECT { border:1px solid #888; }
hr {
	height:1px;
	margin:0;
	padding:0;
	border-bottom:4px solid #f50;
	}
.input { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background-color:#ffffcc; 
	border:1 solid #888; 
	padding:0; 
	margin:0; 
	}
label {
	font-size:10px;
	color:#888;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	text-transform: lowercase;
	}
h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:400;
	margin:0;
	padding:12px;
	color:#036;
	}
h2 {
	margin:0;
	padding:12px 0 12px 0;
	font-size:12px;
	font-weight:800;
	color:#930;
}
h4 {
	margin:0;
	padding:8px 0 8px 0;
	font-size:12px;
	font-weight:800;
	color:#930;
}

p { 
	padding:8px;
	margin:0;
	}
p.err { color:#900; }
ul.map { 
	padding:0; 
	margin:0;
	list-style-type: none; 
	}
ul.map li { 
	padding:0px 1px 1px 12px;
	}
ul.map li.strong {
	padding:1px;
	font-weight:800;
	}
#sitemap {
	float:left;
	margin:2px;
	padding:12px;
	border:1px dotted #F50;
	min-height:250px;
	background: url(../img/ccx.png);
	}
#sitemap strong {
	color:#333;
}
#wrap {
	width:980px;
	min-height:560px;
	margin:12px auto;
	padding:0;
	border:0;
	background-color:#FFF;
	border:1px solid #999;	
	}
#ajaxpage { min-height:540px; }
#header {
	clear:both;
	margin:0;
	padding-left:12px;
	border-bottom:4px solid #F50;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-transform: uppercase;
	letter-spacing:2px;
	color:#FFF;
	background:url(../img/555.png);
/*	background:#333;
	filter: alpha(opacity=80, style=0);
	-moz-opacity: 80%; */
	line-height:24px
	}
#header em { 
	font-size:10px;
	font-style:normal;
	letter-spacing:1px;
	}
#pictures {
	clear:both;
	width:780px;
	height:440px;
	margin:0;
	padding:0 0 0 24px;
	}
#frame {
	float:left; 
/*	margin:0 4px 18px 0;*/
	padding:0;
/*	background:	url(../img/ramka_110x.png) top left no-repeat #FFF;*/
	}
#AlbumNotes {
	float:left;
	width:620px;
	min-height:72px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	font-weight:400;
	color:#333;
}
#Navigator {
	float:right;
	padding:8px 36px 0 0;
	margin:0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#F50s;
}

#footer {
	width:980px;
	margin:0px auto;
	padding:0px 0 120px 0;
	background:#777;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:2px;
	color:#efefef;
	}
#footer a, #footer a:visited {
	text-decoration:none;
	color:#efefef;
	}
#footer a:hover { 
	color:#fff;
	}

/* ----------------------------------------------------------------------*/

table {
	border-spacing: 0px;
	empty-cells: show;
	border:0px none px;
	}
table {	border-collapse: collapse;}
.odd td { background: #fff;	}
.even td {	background: #f0f0ff; }


/* Style for invalid input */
.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
}

/* Style for valid input */
.validInput{
	border: 1px dotted #FF0000;
}

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/upmenu.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.menu {
	width:980px; 
	position:relative; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;
	margin:0;
	padding:0;
	background:url(../img/555.png);
	height:26px;
	border-top:4px solid #F50;
	}
.menu ul li a, 
.menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	width:94px; 
	height:25px; 
	text-align:left; 
	color:#FFF; 
	padding-left:10px; 
	border:1px solid #555; 
	border-width:0 0 1px 0; 
	line-height:25px; 
	font-size:11px;
	}
.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	}
.menu ul li {
	float:left; 
	position:relative;
	}
.menu ul li ul {
	visibility:hidden; 
	position:absolute;
	}
.menu table {
	border-collapse:collapse; 
	margin:0; 
	padding:0; 
	font-size:1em; 
	margin:-1px;
	}
.menu ul li:hover a, 
.menu ul li a:hover {
	color:#000; 
	background:#F50; /* #e9e9c7; */
	}
.menu ul li:hover ul, 
.menu ul li a:hover ul {
	visibility:visible; 
	bottom:26px; 
	left:0;
	}
/*
.menu ul li:hover ul li a.sub, 
.menu ul li a:hover ul li a.sub {
	background:#F00; 
	color:#000;
	}
.menu ul li:hover ul li:hover a.sub, 
.menu ul li a:hover ul li a:hover.sub {
	background:#F00; 
	color:#000;
	}
*/
.menu ul li:hover ul li, 
.menu ul li a:hover ul li {
	display:block; 
/*	background: url(../img/ccc.png); */
	color:#000;
	width:199px; 
	clear:both;
	}
.menu ul li:hover ul li ul, 
.menu ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute;
	}
.menu ul li:hover ul li a, 
.menu ul li a:hover ul li a {
	display:block; 
	background: url(../img/ccc.png); 
	color:#000; 
	width:100%; 
	padding-left:10px;
	}
.menu ul li:hover ul li a:hover, 
.menu ul li a:hover ul li a:hover {
	background:url(../img/555.png);
	color:#FFF;
	}
.menu ul li:hover ul li:hover ul, 
.menu ul li a:hover ul li a:hover ul {
	visibility:visible; 
	left:210px; 
	bottom:0;
	}
.menu ul li:hover ul li:hover ul li a, 
.menu ul li a:hover ul li a:hover ul li a {
	background:#dfc184; 
	color:#000;
	}
.menu ul li:hover ul li:hover ul li a:hover, 
.menu ul li a:hover ul li a:hover ul li a:hover {
	background:#c9c9a7; 
	color:#000;
	}
.menu ul li:hover ul.left, 
.menu ul li a:hover ul.left {
	left:-105px;
	}
.menu ul li:hover ul li:hover ul.left, 
.menu ul li a:hover ul li a:hover ul.left {
	left:-210px; 
	width:209px;
	}