* {
	margin: 0;
	padding: 0
}

body {
	background: #FFFFCC;
	font: 100% Times New Roman, Arial, Verdana;
	text-align: center;
}

h1 {
	margin-bottom: 1em
}

ul,
li {
	list-style-type: none
}

p {
	margin-bottom: 1em
}

img {
	border: 0;
}


/* common */

.with_clear {
	clear: both;
	height: 1px
}

html>body .with_clear {
	height: auto
}

html>body .with_clear:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden
}


/* layout */

#layout {
    width: 982px;
    margin: 0 auto;
    text-align: left;
    padding-top: 162px;
    background: url(header.jpg) 0 4px no-repeat;
}


/* navigation */

#navigation {
	width: 185px;
	float: left;
	margin: -4px -185px 0 0;
    font-size: 1.1em;
}

#navigation .block {
	padding-right: 10px;
}

#navigation .with-decor {
    padding-top: 55px;
    padding-bottom: 10px;
    background: url(decor.jpg) 25px 10px no-repeat;
}

#navigation .with-decor h2 {
    font-size: 1em;
    font-weight: normal;
    background: #FFFF00;
    border: 1px solid #FF0000;
    border-bottom: 0;
    text-align: center;
    padding: 3px 0;
}

#navigation .with-decor .content {
    border: 1px solid #FF0000;
    padding: 0.3em;
    font-size: 0.9em;
}

#navigation ul.navigation li a,
#navigation ul.navigation li b {
	display: block;
	width: 100%;
	border: 1px solid #FF0000;
	background: #FFFF00;
	padding: 0.2em;
	margin: 0.2em 0;
	-moz-box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	color: #000;
}

#navigation ul.navigation li b {
	color: #FF0000;
}

#navigation ul.navigation li a:hover {
	color: #FF0000;
}

#navigation ul.navigation ul li a,
#navigation ul.navigation ul li b {
	font-size: 0.8em;
	background: none;
    border: 0;
    font-style: italic;
}

.subnavigation {
	margin-bottom: 1em;
	font-weight: bold
}


/* content */

#content {
	margin-left: 183px;
    border: 1px solid #FF0000;
	padding: 20px;
	min-height: 37em;
	//height: 50em;
	font-family: Arial, Verdana;
	text-align: center;
}


/* photos */


.photos {
	width: 100%
}

.photos .per_row {
	float: left;
	height: 17em
}

.photos .per_row dt {
	width: 235px	
}