@charset "windows-1251";
* {font-family: Arial;}

html, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend {margin: 0; padding: 0;}
body {margin: 0; background: url("i/bg.jpg") #DCC7A7;}

a {color: #0099CC; text-decoration: underline;}
a:visited {color: #0099CC;}
a:hover, a:focus {color: #FF9900;}


a.links {color: #4F6278; text-decoration: none; font-size: 0.7em;}
a.links:hover {color: #4F6278; text-decoration: none; font-size: 0.7em;}

p {margin: 0 0 0.6em 0; font-size: 0.9em}
p.small {margin: 0.3em 0 0.3em 0; font-size: 0.75em; line-height: 1.4em}
p.small a:hover {color: #4F6278;}
p.video {margin: 0 0 0.3em 0; font-size: 0.8em; line-height: 1.2em}
p.video span.comments {font-size: 0.7em; color: #888;}
p.video a:hover {color: #000;}
p.small_gray {margin: -0.5em 0 0.3em 0; font-size: 0.7em; line-height: 1.3em; color: #888;}
p.georgia {margin: 0.2em 0 0.3em 0; font: italic bold 1.2em Georgia, serif; font-weight: normal;}
p.georgia sup {font: bold 0.8em Georgia, serif; font-weight: normal; color: #4F6278}
p.copyright {margin: 0 0 0.3em 0; font-size: 0.8em; line-height: 1.3em}

p.block {margin: 0.2em 0 0.2em 0; font-size: 0.75em; font-weight: normal;}
p.block a {color: #111;}

span.small {font-size: 0.8em; color: #777;}


h1 {font: italic bold 1.3em Georgia, serif; font-weight: normal; line-height: 1.2em; color: #000; margin: -0.3em 0 0.2em 0; position: relative;}

h1 span {
  background: url(i/gradient2.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 1.3em;
}

h1 sup {font: italic bold 0.7em Georgia, serif; font-weight: normal; line-height: 1.2em; color: #888; margin: -0.3em 0 0.2em 0;}
h2 {font: italic bold 1em Georgia, serif; font-weight: bold; line-height: 1.25em; color: #999; margin-bottom: 0.3em;  position: relative;}

h2 span {
  background: url(i/gradient2.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 1.3em;
}

h3 {font: italic bold 1.8em Georgia, serif; font-weight: bold; line-height: 1.25em; color: #fff; margin-bottom: 0.2em}


img {border: 0;}
hr {color: #888888;	background-color: #888888; height: 1px; border-width:0px; margin: 0 0 0 0;}
hr.copyright {color: #888888;	background-color: #888888; height: 1px; border-width:0px; margin: 0 20px 0 20px;}
hr.second {color: #fff; background-color: #fff; height: 1px; border-width:0px; }


div.spacer {font-size: 1px; width: 1px; height: 1px;}

div.title p {font: bold 1.8em Georgia, serif; font-weight: normal; margin: 0;}
div.title p a {color: #000; font: bold 1em Georgia, serif; font-weight: normal; margin: 0; text-decoration: none; padding-bottom: 0.1em; border-bottom: 1px dotted #000;}
div.title p a:hover {color: #4F6278; font: bold 1em Georgia, serif; font-weight: normal; margin: 0; text-decoration: none; padding-bottom: 0.1em; border-bottom: 1px dotted #4F6278;}
div.title sup {font: italic bold 0.6em Georgia, serif; color: #aaaaaa; font-weight: normal;}

div.menu-index {float: left; margin: 0 0.4em 0 0;}

div.menu {width: 270px;}
div.menu ul {list-style: none; margin: 0; padding: 0;}
div.menu ul li {display: inline; color: #000000; font-size: 0.9em; float: left; margin: 0 1em 0.2em 0;}
div.menu ul li a {color: #0099CC;}
div.menu ul li a:hover {color: #000000; background: white; text-decoration: none;}

div.news {margin-bottom: 0.5em}
div.news .date {color: #91A8AD; font-size: 0.7em; font-weight: normal; margin-bottom: 0.3em;}
div.news .first {font: italic bold 1em Georgia, serif; color: #666666; background-color: #eeeeee; line-height: 1.3em;  font-weight: normal; margin-bottom: 0.4em; position: relative;}

div.news .first span {
  background: url(i/gradient2.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 1.3em;
}

div.news p.text {color: #000000; font-size: 0.8em; line-height: 1.4em; font-weight: normal; margin-bottom: 0.2em;}
div.news p.tags {color: #aaaaaa; font-size: 0.7em; font-weight: normal; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #A1A5A2;}
div.news p.tags a {color: #555555;}
div.news p.tags a:hover {}
div.news p.tags a.comm {color: #356785; text-decoration : none; border-bottom: 1px dotted #356785;}
div.news p.tags a.comm:hover { text-decoration : none; border-bottom: 1px dotted #4F6278;}

ul#blockquote {width: 95%; padding: 0.5em 0 0 0; list-style: none;}
ul#blockquote  {color: #333; font-weight: bold; margin: 0; }
ul#blockquote  .whiter {color: #777; font:  bold 0.8em Georgia, serif; line-height: 1.25em;}
ul#blockquote  a {background-color: #; font: italic bold 1.2em Georgia, serif; line-height: 1.25em; cursor: default; color: #fff; text-decoration: none;}
ul#blockquote  a:fover {background-color: #; font: italic bold 1.2em Georgia, serif; line-height: 1.25em; cursor: default; color: #aaaaaa; text-decoration: none;}

td.paper {border-right: 1px solid #D9D0C6; border-bottom: 1px solid #D9D0C6; background: #ffffff;}
td.paper2 {background: #B7DBE3;}
td.paper_top {background: url("i/paper_top.gif") repeat-x right bottom; border-right: 1px solid #D9D0C6; }

td.line1 {background: url("i/line1.gif") no-repeat left bottom;}
td.line2 {background: url("i/line2.gif") no-repeat right bottom;}
td.line3 {background: url("i/line3.gif") no-repeat right top;}
td.line4 {background: url("i/line4.gif") no-repeat left top;}
td.line5 {background: url("i/line5.gif") no-repeat right top;}
td.line6 {background: url("i/line6.gif") no-repeat right top;}

td.yellow1 {background: url("i/bg_yellow1.gif") no-repeat right bottom;}
table.yellow2 {background: url("i/bg_yellow2.gif") no-repeat right bottom;}
td.yellow {background: url("i/bg_yellow.gif") repeat-x left bottom;}

td.top_green {background: url("i/top_green.gif") no-repeat right bottom;}
table.top_green2 {background: url("i/top_green2.gif") no-repeat right bottom;}
td.top_green3 {background: url("i/top_green3.gif") repeat-x left bottom;}

td.top_red {background: url("i/top_red.gif") no-repeat right bottom;}
table.top_red2 {background: url("i/top_red2.gif") no-repeat right bottom;}
td.top_red3 {background: url("i/top_red3.gif") repeat-x left bottom;}

td.top_blue {background: url("i/top_blue.gif") no-repeat right bottom;}
table.top_blue2 {background: url("i/top_blue2.gif") no-repeat right bottom;}
td.top_blue3 {background: url("i/top_blue3.gif") repeat-x left bottom;}

td.top_orange {background: url("i/top_orange.gif") no-repeat right bottom;}
table.top_orange2 {background: url("i/top_orange2.gif") no-repeat right bottom;}
td.top_orange3 {background: url("i/top_orange3.gif") repeat-x left bottom;}

td.top_frog {background: url("i/top_frog.gif") no-repeat right bottom;}
table.top_frog2 {background: url("i/top_frog2.gif") no-repeat right bottom;}
td.top_frog3 {background: url("i/top_frog3.gif") repeat-x left bottom;}

td.top_design {background: url("i/top_design.gif") no-repeat right bottom;}
table.top_design2 {background: url("i/top_design2.gif") no-repeat right bottom;}
td.top_design3 {background: url("i/top_design3.gif") repeat-x left bottom;}

td.dotted {background: url("i/dotted.gif");}

div.pics {width: 170px; height: 90px; float: left; display: inline; margin: 0 1em 0.3em 0; overflow: hidden;}
div.pics div.text {margin: 0em 0 0 4em;}
div.pics div.text a {background-color: white; color: #000000; font-size: 1em;}
div.pics div.text a:hover {background-color: white; color: #91A8AD; font-size: 1em;}
div.pics div.text .date {background-color: white; font-weight: bold; color: #666666; font-size: 0.5em;}

div.pics div.text2 {margin: 0em 0 0 4em;}
div.pics div.text2 a {background-color: white; color: #000000; font-size: 0.8em;}
div.pics div.text2 a:hover {background-color: white; color: #91A8AD; font-size: 0.8em;}
div.pics div.text2 .date {background-color: white; font-weight: bold; color: #666666; font-size: 0.5em;}

div.pics_index {width: 100%; height: 65px; float: left; display: inline; margin: 0 0 0.3em 0; overflow: hidden; background: red}
div.pics_index div.text {margin: 0em 0 0 4em;}
div.pics_index div.text a {background-color: white; color: #000000; font-size: 0.75em;}
div.pics_index div.text a:hover {background-color: white; color: #91A8AD; font-size: 0.75em;}
div.pics_index div.text .date {background-color: white; font-weight: bold; color: #666666; font-size: 0.5em;}

input.comments {font-size: 0.75em; font-weight: bold; color: #0099CC; width: 95%;}
textarea.comments {font-size: 0.75em; width: 100%;}
label.comments {font-size: 0.75em;}

input.comments2 {font-size: 0.75em; font-weight: bold; color: #0099CC; width: 70%;}
textarea.comments2 {font-size: 0.75em; width: 90%;}
label.comments2 {font-size: 0.75em;}

div.ot { border: 1px dotted #888; word-spacing:5px;text-align:center;line-height:20px; padding:15px;}
div.ot .r1 {font-size:22px;color:#000000;vertical-align:1px;}
div.ot .r1:hover {color:#0099CC;}
div.ot .r2 {font-size:20px;color:#474947;vertical-align:1px;}
div.ot .r2:hover {color:#0099CC;}
div.ot .r3 {font-size:17px;color:#616361;vertical-align:1px;}
div.ot .r3:hover {color:#0099CC;}
div.ot .r4 {font-size:15px;color:#808380;vertical-align:1px;}
div.ot .r4:hover {color:#0099CC;}
div.ot .r5 {font-size:12px;color:#A1A5A2;vertical-align:1px;}
div.ot .r5:hover {color:#0099CC;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #0099CC;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../i/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../i/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../i/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer {
	font: 12px Arial;
	background-color: #0099CC;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}
	
#imageDataContainer a  {color: white;}

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}