html, body, p, ul, li, td, blockquote {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}


@media screen and (min-width: 800px) {
	html, body {
		height: 100%;
    	background: #86a4c7;
    	background-image: url("/images/fresco-background.png");
    	background-attachment: fixed;
    	color: #000;
	}

	body {
		margin: 0px;
		padding: 0px;
	}
	
	#content {
		margin: 15px;
		border: 1px solid #669;
		background: #fff;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px; 
	}
	
	#body {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	#content #index {
		margin-left: 5px;
	}
	
	footer {
		margin: 5px;
	}

	#content p.subhead {
		margin-left:0px;
	}

	.mobileform {
		display: none;
	}

	div.index-container div.inset {
		left: 10%;
		width: 90%;
	}
	
	nav {
		font-size: 80%;
	}
}

#content {
		position: relative;
		padding: 0px;
		min-height: 95%;
		background: #fff;
		display: block;
}
	
#body {
   padding-bottom: 3em;   /* Height of the footer */
}

#footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 3em;   /* Height of the footer */
}

#footer-clear {
	clear: both;
	height: 3em;;
}

@media screen and (max-width: 799px) {
	#index {
		display: none;
		width: 0px;
	}
}

/* Ball anouncement */
.prominent {
	font-size: 105%;
	font-weight: 700;
}
.veryprominent {
	font-size: 125%;
	font-weight: bold;
}

div.columns, .mobilecolumns {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

div.IEfloatBugFix {
	float: right;
	height: 0;
}

nav {
	clear: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	z-index: 3;
}

/* jQuery autocomplete and menus */

.searchform .ui-autocomplete-loading {
	background: white url('/css/jquery/ui-anim_basic_16x16.gif') right center no-repeat;
}

ul.ui-autocomplete {
	font-size: 75%;
}

img.heading-right {
	float: right;
	border-right: 0px;
	padding-right: 0px;
}

p.skip {
	display: none;
}

@media aural, braille {
	a.skip {
		display: inline;
	}
}

img {
	border: none;
}

h1 {
	font-family: Times, "Times New Roman", serif;
	font-variant: small-caps;
	text-align: center;
	color: #009;
	font-size: 2em;
	margin-top: 0px;
	padding-top: 0px;
	text-shadow: 5px 5px 5px #bbd;
	clear: left;
}

h1.date {
	font-size: 1.75em;
}

h2 {
	font-family: Times, "Times New Roman", serif;
	font-variant: small-caps;
	font-style: normal;
	text-align: left;
	color: #009;
	font-size: 1.5em;
	margin-bottom: 5px;
	margin-top: 5px;
}

h2 span.dates {
	font-size: 75%;
	font-weight: normal;
	font-variant: normal;
}

h2.book {
	text-align: center;
	clear: both;
}

h3 {
	font-family: Times, "Times New Roman", serif;
	font-weight: bold;
	color: #009;
	margin-top: 0px;
	margin-bottom: 5px;
}

h3 span.heading-note {
	font-weight: normal;
}

h3 span.heading-note a {
	color: #009;
}

div.buttons {
	float: right;
	clear: right;
	left: auto;
	text-align: center;
}

p.language, p.print, div.buttons p {
	left: auto;
	right: auto;
	text-align: center;
	font-variant: small-caps;
	font-weight: normal;
	color: #339;
	margin: 10px; 
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px #69c solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow: 2px 2px 2px #888888;
	box-shadow: 2px 2px 2px #888888;
	clear: right;
}

div.buttons a, div.buttons a:link, div.buttons a:visited {
	color: #339;
}

p.language, p.print {
	float: right;
	clear: right;
	left: auto;
}

p.print-button {
	margin-bottom: 150px;
}

p.language {
	background: #eef;
}

div.buttons p, p.print {
	background: #ddf;
}

div.buttons {
	text-align: center;
}

p.language a, p.print a {
	font-variant: small-caps;
	font-weight: normal;
	color: #339;
}

.subhead {
	font-size: 12pt;
	text-align: left;
	color: #339;
	clear: both;
	margin: 0px;
	padding: 0px;
}

header, header img {
	margin: 0px;
	padding: 0px;
}

span.bishop { font-variant: small-caps; }

p {
	margin-top: 0em;
}

p.heading-note {
	text-align: center;
}

/* Fr. Basil's article(s) */

p.bold-italics {
	font-weight: bold;
	font-style: italic;
}

p.bold {
	font-weight: bold;
}

/* Links */


a {
	text-decoration: none;
}

a:link {
	/* color: #309; */
	color: #66c;
}

a:visited {
	color: #06c;
}

a:hover {
	color: #00f;
	text-decoration: underline;
}

a:active {
	color: #00c;
	text-decoration: underline;
}

a.image, a.image:hover, a.image:visited, a.image:active, a.image:link,
a.gallery, a.image:hover, a.image:visited, a.image:active, a.image:link {
	border: none;
	padding: 3px;
	text-decoration: none;

}

/* Keep navigation menu items the same colour */

#menu a, #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	/*color: #36c;
	text-decoration: none; */
	font-family: Verdana, Geneva, sans-serif;
}


#menu a.lang-menu, #menu a.lang-menu:link, #menu a.lang-menu:visited, #menu a.lang-menu:hover, #menu a.lang-menu:active {
	/* color: #c33; */
}

nav a.site-menu, nav a.site-menu:link, nav a.site-menu:visited, nav a.site-menu:hover, nav a.site-menu:active {
	/* color: #69f; */
}

/* High Slide configuratio */

.highslide-container a { /* Stop our navigation links showing on image navigation buttons */
	border: none;
}

.highslide-dimming {
   	background: #334;
}

	
a.highslide {
	border: none;
}

a.image img, a.image:link img {
	border: 1px #ccf dashed;
	padding: 3px;
}

a.image:hover img {
	border: 1px #99f solid;
}

a.image:visited img {
	border: 1px #ccf dotted;
}

a.image:active img {
	border: 1px #306 solid;
}

a.image img.nav, a.image:hover img.nav, a.image:active img.nav, a.image:visited img.nav {
	border: none;
	padding: 3px;
}

a.image img.gallary, a.image:hover img.gallary, a.image:active img.gallary, a.image:visited img.gallary {
	border: none;
	padding: 3px;
}

a.gallery, a.gallery:hover, a.gallery:active, a.gallery:visited {
	border: none;
	text-decoration: none;
}

/*
a img, a:hover img { 	border: none;} */
em.rubric {
	font-style: normal;
	font-size: 85%;
	color: #c00;
}
	
strong {
	font-weight: bold;
	color: #009;
}


/* Tables */

/* Contacts */

table.contacts {
	table-layout: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

table.contacts td {
	padding-right: 5px;
}

td.title {
	font-weight: bold;
	color: #009;
}

td.name, span.title-exp {
	font-weight: normal;
	font-size: 85%;
}


table.contacts tr {
	border: none;
}

td.name, td.title, td.details {
	border-top: 1px dashed #009;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

td.details {
	font-size: 75%;
}

table.contacts tr:first-child td, table.contacts tr.first td {
	border-top: none;
}

/* Volleyball results */

table.results {
	table-layout: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

table.results td {
	padding-right: 5px;
}

table.result tr {
	border: none;
}

table.results td.year, table.results td.result {
	color: #009;
}

table.results td.year, table.results  td.result {
	border-top: 1px dashed #009;
	border-left: none;
	border-right: none;
	border-bottom: none;
}


table.results tr:first-child td, table.results tr.first td {
	border-top: none;
}

/* Service times (Russian page) */

table.services {
	table-layout: auto;
	margin-left: auto;
	margin-right: auto;
}

td.service {
	font-weight: bold;
	color: #009;
	padding-right: 5px;
}

td.time {
	font-size: 85%;
}

td.service, td.time {
	border-top: 1px dashed #009;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/*table.services tr:first-child td, */ table.services tr.first td {
	border-top: none;
}

/* Calendar, history, etc. */

table.cal {
	table-layout: auto;
	margin-left: auto;
	margin-right: auto;
	border: 1px silver solid;
}

td.month {
	font-size: 75%;
	color: #009;
}

td.date {
	font-size: 75%;
	color: #009;
}

td.events {
	font-size:85%;
	color: #900;
}


img.pic, img.construction, img.left, img.left-blur, img.pic-blur {
	padding: 3px;
	margin: 8px;
}

img.cover {
	margin: 3px;
	border: none;
	float: right;
}

img.left, img.left-blur, img.construction {
	float: left;
	clear: left;
}

img.pic, img.left {
	border: 1px #99f solid;
}

img.pic, img.pic-blur {
	float: right;
	clear: right;
}

div.day img {
	padding: 3px;
	margin: 8px;
	border: thin #99f solid;
	float: left;
	clear: both;
}

img.tabled {
	border: 1px #00a solid;
	padding: 3px;
}

img.heading {
}

p.address {
	color: #009;
	margin-left: 25px;
}

p.source {
	color: #009;
	font-size: 75%;
	margin-left: 2em;
	margin-right: 2em;
}

p.nostyles {
	display: none;
}

div.aside {
	font-size: 75%;
	text-align: center;
	color: #39f;
	font-style: italic;
}

p.margin-note {
	float: right;
	text-align: right;
	margin-right: 4px;
	font-size: small;
}

p.subhead span.aligned {
	margin-left: 250px;
}

p.subhead, p.subhead img {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

p.subhead img {
	float: left;
}

#menu {
	clear: both;
}

p.subhead br {
	clear: both;
}

p.captioned {
	text-align: center;
}

p.captioned img {
	vertical-align: top;
	border: 1px #00a solid;
	padding: 3px;
	margin-bottom: 10px;
}

address {
	clear: both;
	border-top: 1px #669 solid;
	padding-top: 3px;
	font-size: 75%;
	color: #669;
}

hr.main-break {
	width: 75%;
}

hr.break {
	width: 50%;
}

hr.section-break {
	width: 25%;
}

hr.footer {
	display: none;
}

address a:link {
	font-size: 100%;
}

table.schedule {
	table-layout: auto;
	margin-left: auto;
	margin-right: auto;
    border: 1px solid #009;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    color: #009;
}

p.schedule {
	margin-left: auto;
	margin-right: auto;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
    color: #009;
    text-align: center;
}
p.schedule span {
	border: 1px solid #009;
	padding: 10px;
	margin: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

td.noservice, span.noservice {
	color: red;
	font-style: italic;
}

table.schedule span.pascha, table.schedule span.change {
	color :red;
	font-weight: bold;
}

td.comm {
	font-style: italic;
	padding-left: 5px;
}

table.schedule td {
	border-top: 1px dotted #009;
	vertical-align: middle;
}

table.schedule td {
	padding-right: 5px;
}

table.schedule tr:first-child td {
	border-top: none;
}

table.schedule caption {
	font-variant: small-caps;
}

table.schedule span.note {
	font-size: 80%;
	font-style: normal;
}

/* Audio recordings */


table.recordings {
	table-layout: auto;
	margin-left: auto;
	margin-right: auto;
    border: 1px solid #ccf;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    padding: 0px;
    margin-bottom: 10px;
    color: #009;
}

table.recordings caption {
	font-variant: small-caps;
}

table.recordings tbody td {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #ccf;
	vertical-align: middle;
}

.recordings audio {
	margin: 0px;
}

.recordings span.note {
	font-size: 80%;
}

table.recordings thead {
	font-weight: bold;
	text-align: center;
}
	
table.recordings td.heading {
	font-weight: bold;
	font-size: 110%;
	font-variant: small-caps;
	color: #00c;
	text-align: center;
}

/* Lists */

ul.docs {
	list-style-type: disc;
	list-style-image: url("../images/bullet.gif");
}

li.new {
	list-style-type: circle;
	list-style-image: url("../images/new.gif");
}

/* boxed text (e.g. announcements section) */

div.boxed {
	margin: 5px;
	padding: 3px;
	border: 1px #c33 solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #600;
	float: right;
	text-align: left;
	left: auto;
	width: 20em;
	right: 2em;
	clear: right;
	font-size: 80%;
}

div.boxed p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
}

div.boxed h2 {
	text-align: center;
	font-size: 110%;
	text-decoration: none;
	color: #c00;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 0em;
}

/* Parish life */


/* Recent updates */

div.updates {
	margin: 10px; 
	padding: 3px;
	border: 1px #090 solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #000;
	font-size: 60%;
	font-weight: bold;
	float: right;
	text-align: left;
	right: auto;
	width: 18em;
	left: 2em;
	clear: right;
}

div.updates h2 {
	text-align: center;
	font-size: 120%;
	text-decoration: none;
	color: #063;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 0px;
}

div.updates dl {
	padding: 0px;
	margin: 0px;
}

div.updates dl dt {
	display: list-item;
	list-style-type: none;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #060;
	font-size: 90%;
	padding-top: 5px;
}

div.updates dl dd {
	display: block;
	margin-left: 10px;
	font-weight: normal;
}

/* Parish life */

#events, #recent {
	width: 50%;
}

#events {
	float: left;
}

#recent {
	float:right;
}

#membership {
	clear: both;
}


#events h2, #recent h2, #membership h2 {
	text-align: center;
}

ul.events {
	list-style-type: none;
	margin-top: 2px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 2em;
	text-indent: -2em;
}


/* Photo albums */

div.photos {
	text-align: center;
}

div.photos img {
	margin: 5px;
	-moz-box-shadow: 7px 7px 5px #888;
	-webkit-box-shadow: 7px 7px 5px #888;
	box-shadow: 7px 7px 5px #888;
}

div.photos h2 {
	text-align: center;
}

div.photos p {
	font-size: 60%;
}

p.albumnav {
	text-align: center;
}
span.albumnav {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
}

/*span.albumnav a, span.albumnav a:hover, span.albumnav a:active, span.albumnav a:visited, span.albumnav a:link {
	float: inherit;
	clear: none;
	text-align: center;
	position: inherit;
	padding-bottom: 0px;
}

span.albumnav a.image img.nav, span.albumnav a:hover.image img, span.albumnav a:active.image img, span.albumnav a:visited.image img.nav, span.albumnav a:link.image img.nav {
	float: inherit;
	clear: none;
	text-align: center;
	position: inherit;
	padding-bottom: 0px;
}*/

div.photos table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.photos img.nav {
	float: inherit; /* Overide float: left for img.nav */
}

a.albimage, a.albimage:visited, a.albimage:hover, a.albimage:active, a.albimage:link {
	border: none;
}

div.caption {
	text-align: center;
}

/* Lives of Saints */

div.index-container {
	position: relative;
	width: 100%;
}

div.index-container div.inset {
	position: relative;
	float: left;
	top: 0em;
	right: 0px;
	min-height: 45em;
	border: none;
    background: #fff;
}

div.index-container-nojs div.days {
	margin-left: 2em;
}

div.index-container-nojs a.month {
	color: #66c;
	cursor: default;
}

div.index-container div.index {
	font-size: 75%;
	color: #009;
	width: 10%;
	position: absolute;
	left: 0px;
	margin-left: 0px;
}

div.index ul {
	padding: 0px;
	margin-left: 0px;
	list-style-type: none;
}

a.month, a.month:hover, a.month:active, a.month:visited, a.month:link {
	border: none;
}

div.index div ul {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-type: none;
}

div.index div a {
	font-size: 75%;
	padding: 0px;
	padding-right: 4px;
}

div.index div ul li, 
a.day, a.day:visited, a.day:link {
	color: #66c;
	font-size: 75%;
}

div.index-container a.day {
	border: none;
	display: block;
	margin-left: 20px;
}

div.index-container-nojs a.day, 
div.index-container-nojs a.day:hover, 
div.index-container-nojs a.day:active, 
div.index-container-nojs a.day:visited, 
div.index-container-nojs a.day:link {
	border: none;
	font-weight: bold;	
}

div.index-container-nojs a.day:hover {
	color: #00f;
}

div.index-container-nojs a.day:active {
	color: #00c;
}

a.month, a.month:visited, a.month:link, a.month:hover, a.month:active {
	font-weight: bold;
}

a.month, a.month:visited, a.month:link {
	color: #66c;
}

a.month:hover {
	color: #00f;
}

a.month:active {
	color: #00c;
}


/* Icon for RSS feeds */

a.rss, a.rss:link, a.rss:visited, a.rss:active, a.rss:hover {
	border: none;
}

img.rss, image.rss-inline {
	border: none;
	padding: 3px;
}

img.rss {
	float: left;
}

img.rss-inline {
	float: none;
	padding-bottom: 0px;
}

/* Search form and results */

form.serachform {
	margin-right: 5px;
}

p.searchform {
	text-align: right;
	margin-right: 5px;
	margin-left: auto;
	font-size: 80%;
	color: #009;
	clear: left;
}

p.dberror {
	font-size: 90%;
	color: #900;
}

table.searchresults {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

table.searchresults tr {
	border-top: 1px solid blue;
}

td.searchname, td.searchdate {
	font-size: 90%;
	color: #009;
	border-top: 1px solid #ccc;
}

td.searchname {
	vertical-align: middle;
}

td.searchdate {
	vertical-align: top;
	width: 15em;
}

span.searchtext {
	font-size: 80%;
	padding-left: 3em;
}

tr:first-child td.searchname, tr:first-child td.searchdate {
	border-top: none;
}

td.searchname {
	max-width: 75%;
}

td.searchdate {
	padding-left: 10px;
}

div.photos img.nav {
	float: inherit; /* Overide float: left for img.nav */
}

/* Captioned photos on Russian history */

div.captioned {
	float: left;
	padding: 0px 5px 5px 0px;
	font-size: small;
	text-align: center;
}

div.captioned img.pic {
	margin-bottom: 2px;
	margin-top: 2px;
	float: none; /* Over-ride float: right */
}

/* Books on Russian page */

ol.book-contents {
	list-style-type: upper-roman;
	font-size: small;
	position: relative;
}

ol.book-contents ol {
	list-style-type: lower-roman;
}

ol.book-contents li {
	font-weight: bold;
	color: #009;
}

ol.book-contents li li {
	font-weight: normal;
	color: #009;
}

ol.book-contents li.col2 {
	position: absolute;
	top: 0px; 
	left: 55%;
/*	width: 100%;
	width: auto; */
}

hr.footnotes {
	width: 25%;
	margin-left: 0px;
}

p.footnote {
	font-size: small;
}

p.question {
	color: #900;
}

p.answer {
	color: #009;
}

span.initial {
	font-weight: bold;
}

p.question span.initial {
		color: #c00;
}
p.answer span.initial {
		color: #00c;
}

/* Non-javascript navigation */

div.navigation {
	font-size: 75%;
}

div.navigation div.menues, div.navigation div.dropmenudiv {
	display: inline;
}

div.navigation a.menu {
	font-weight: bold;
	font-style: normal;
	color: #009;
}

div.navigation a.menuheading {
	font-weight: normal;
	font-style: italic;
}

div.navigation a.menuheading:after {
	content: ":";
}

div.navigation a.menuheading:hover {
	background-color: inherit;
	color: #66c;
	border: none;
	cursor: default;
}

div.navigation a:link, div.navigation a:visited {
	color: #66c;
	border: none;
}

div.navigation a:hover {
	background-color: #66c;
	color: #fff;
	border: none;
}

/* Advanced search form */

p.groupheading {
	margin-bottom: 0px;
}

p.radiogroup {
	margin-top: 0px;
	margin-left: 5ex;
}

/* Table of eight tones */

table.tones {
	table-layout: auto;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #00c;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.tones th, table.tones td {
	padding: 5px;
	text-align: center;
}

table.tones th {
	color: #00a;
	border: 1px solid #00c;
}
table.tones td {
	border: 1px dashed #00c;
}

/* Syezd 2004 pages */

span.broken {
	font-family: "Courier New", Courier, monospace;
}

img.logo {
	float: right;
	border: none;
}

p.author {
	text-align: center;
	font-weight: bold;
	color: #009;
}

td.day {
	font-weight: bold;
	color: #009;
	padding-top: 10px;
}

td.time {
	border: none;
	color: #009;
}

a.em {
	font-style: italic;
}

p.quote {
	margin-left: 20px;
}

p.em {
	font-style: italic;
}

em.specialNote {
	font-style: italic;
	font-weight: bold;
	color: red;
}