body {
	background: #800000 url(images/bg_konevitsa.jpg) repeat-x;
	background-attachment: fixed;
	padding: 14px 20px 0 73px;
	margin: 0;
	text-align: left;
}

a { display: block; border: 0; width: auto; background: transparent; color:black; }

a:hover { position: relative; }

h1 {
	color: #7CAF6B;
	padding: 2pt;
	margin: 5px;
	text-align: center;
	font-size: 14px;
	background-color: white;
	font-style: italic;
}

h2 {
	background-color: white;
	color: #ADC8A2;
	padding: 2pt;
	margin: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 11pt;
}

h2.column {
	background-color: transparent;
	color: #ADC8A2;
	padding: 2pt;
	margin: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 10pt;
}

h3 {
	background-color: white;
	color: #800040;
	padding: 2pt;
	margin: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 10pt;
}

h3 span { display: none; }

h4 {
	background-color: white;
	color: #8b0000;
	font-size: 9pt;
	padding: 10px;
	margin-top: 10px;
	text-align: left;
}

h5 {
	background-color: white;
	color: red;
	text-align: center;
	margin-top: 10px;
	border: thin solid;
	border-color: #007173;
}

h6 {
	background-color: transparent;
	color: white;
	font-size: 9pt;
	font-style: italic;
	text-align: center;
	text-decoration: none;
}

li { margin: 4px 0; }

p { margin: 12px 0; }

.column { 
    width: 235px !important; /* intended total box width - padding-right(next) */
    width: 220px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
}

ul { margin: 4px 0 16px 18px; }

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(images/demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 335px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
	 font-size: x-small; 
} 

.cssbox_headcolumn, .cssbox_headcolumn h2,  .cssboxcolumn, .cssbox_bodycolumn {
    background: white url(images/demobox_column.png) no-repeat bottom right; 
} 

.cssboxcolumn { 
    width: 260px !important; /* intended total box width - padding-right(next) */
    width: 245px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto; /* use to position the box */ 
} 

.cssbox_headcolumn { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

.cssbox_headcolumn h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

.cssbox_bodycolumn { 
    background-position: bottom left; 
    margin-right: 5px; /* interior-padding right */ 
    padding: 15px 0 15px 17px; /* mirror .cssbox_head right/left */
	 font-size: x-small; 
} 

#container {
	position: relative;
	top: 230px;
	width: 1001px;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}

#displaylogo {
	background-color: transparent;
	color: white;
	position: absolute;
	top: 240px;
	left: 0px;
	width: 70px;
	margin: 0;
	padding: 0;
}

#extraDiv1 {
	background: url(images/valaam_postcard.gif) no-repeat;
	z-index: 3;
	top: 2200px;
	left: 624px;
	width: 200px;
	height: 150px;
}

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv3 span, #extraDiv4, #extraDiv5, #extraDiv6, #extraDiv6 span { position: absolute; }

#footer {
	position: absolute;
	background-color: transparent;
	color: maroon;
	width: 485px;
	height: 48px;
	margin-left: -100px;
	padding-left: 150px;
	padding-top: 27px;
	padding-bottom: 0;
	margin-bottom: 0;
	z-index: 300;
	text-indent: -150px;
	text-align: center;
	font-size: 11px;
}

#intro {
	position: relative;
	background: white url(images/konevitsa_buildings_600.jpg) no-repeat top left;
	width: 435px;
	font: normal 13px/18px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #333;
	padding: 240px 75px 0 75px;
}

#linkList {
	position: absolute;
	top: 0px;
	width: 300px;
	left: 600px;
	font: normal 12px/15px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #696969;
	background: #fff;
	float: left;
}

#linkList a { color: #98A892; background-color: white; }

#linkList a:hover {
	color: #fff;
	background-color: #ADC8A2;
	text-decoration: none;
}

#linkList2 {
	background: white url(images/john_the_baptist_190.jpg) no-repeat top center;
	color: black;
	padding: 280px 25px 0 25px;
	width: 250px;
}

#lselect a { display: block; }

#lselect a.c { display: inline; color: #999; background-color: white; }

#lselect a.c:hover { color: #C99AAD; background-color: white; }

#pageHeader h1 {
	background: maroon;
	color: white;
	margin-top: 10px;
	width: 435px;
	height: 25px;
	font-size: 20px;
}

#preamble {
	margin-top: 24px;
	color: #727272;
	background-color: white;
}

#quickSummary p.p1 {
	color: #7CAF6B;
	text-align: center;
	background-color: white;
	font-style: italic;
	font-size: 14px;
	padding-top: 10px !important;
}

#quickSummary p.p2 { padding-left: 20px; background: white; color: #C99AAD; }

#quickSummary p.p2 a { color: #C99AAD; background-color: white; }

#quickSummary p.p2 a:hover {
	color: #B22222;
	background-color: white;
	text-decoration: none;
}

#supportingText {
	position: relative;
	font: normal 13px/18px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #727272;
	background-color: white;
	width: 435px;
	margin-left: 75px;
	z-index: 200;
}

#supportingText a { color: #98A892; background-color: white; }

#supportingText a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #ADC8A2;
}

#supportingText h3 { margin-top: 24px; }