@charset "utf-8";

/* CSS Document */

body  {
font: 100% Georgia, Times New Roman;
color: #333;
text-align: center;
background: white url(../images/body-bg.gif) scroll repeat-x top left;
margin:0;
padding:0;
}

p, ul, ol {
font-size:78%;
}

ol li li {
font-size:110%;
}

img { 
margin:0;
padding:0;
border: none;
}

div { 
display: block;
margin:0;
padding:0;
border: none;
}

a:focus {
-moz-outline: none;
}

/* LAYOUT BLOCKS */

div#container { 
width: 826px;
margin: 0 auto;
padding: 0 12px;
background-color: white;
text-align: left;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}

div#header {
margin:0;
padding:0;
}

div#nav { 
height: 41px;
background: #ddd url(../images/nav-bg.gif) scroll no-repeat top left;
margin:0;
padding: 5px 0 0 22px;
}

div#sidebar {
float: left;
width: 272px;
margin:0;
padding:0;
}

div#content { 
margin: 0 0 0 292px;
padding: 0;
} 

div#footer { 
display: block;
width: 100%;
height: 86px;
background: #0a2d4a url(../images/footer-bg.gif) scroll no-repeat bottom center;
margin: 12px 0 0 0;
padding:0;
}

br.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

/* HEADINGS */

h1 {
font-size: 162%;
font-weight: normal;
color: #0a2d4a;
letter-spacing: -1px;
margin: 0.5em 0;
padding:0;
}

h2 {
font-size: 118%;
font-weight: normal;
color: #0a2d4a;
letter-spacing: -1px;
}

h3 {
font-size:78%;
font-weight: bold;
color: #e82f0d;
letter-spacing:;
}

h4 {
font-size:78%;
font-weight: bold;
color: #0e62a8;
letter-spacing:;
}

/* LINKS */

a, a:visited {
color: #e82f0d;
text-decoration: underline;
}

a:hover {
color: #e82f0d;
text-decoration: none;
}

a.attribute-link {
font-family: Arial, Helvetica, sans-serif;
font-size:68%;
margin:0;
padding:0;
}

div.content-view-rss a,
div.content-view-rss a:visited {
color: #999;
}

div.content-view-rss a:hover {
color: #333;
}

div#footer p.footer-links a,
div#footer p.footer-links a:visited {
color: white;
text-decoration: none;
}

div#footer p.footer-links a:hover {
color: white;
text-decoration: underline;
}

div#footer a,
div#footer a:visited {
color: white;
text-decoration: underline;
}

div#footer a:hover {
color: white;
text-decoration: none;
}

div#header div#row-1 a,
div#header div#row-1 a:visited {
text-transform: uppercase;
color: #e82f0d;
text-decoration: none;
font-weight: bold;
}

div#header div#row-1 a:hover {
text-decoration: underline;
font-weight: bold;
}

/* LINE VIEW */

div.content-view-line div.class-article,
div.content-view-line div.class-folder,
div.content-view-line div.class-event,
div.content-view-line div.class-gallery,
div.content-view-line div.class-image {
margin-bottom: 0.5em;
}

div.content-view-line h2 {
margin:0 0 4px 0;
padding:0;
}

div.content-view-line p {
line-height: 138%;
margin:0;
padding:0;
}

div.content-view-line img.left {
float: left;
margin-right: 12px;
}

div.content-view-line div.attribute-duration {
font-style: oblique;
font-stretch: expanded;
color: #0e62a8;
font-size:92%;
margin: 0 0 4px 0;
padding: 0 0 0 20px;
background: transparent url(../images/date.gif) scroll no-repeat center left;
}

/* SIDEBAR ITEMS */

#sidebar h3 {
text-transform: uppercase;
border-bottom: 3px solid #0a2d4a;
margin:0;
padding: 10px 0 2px 12px;
}

#sidebar h4 {
margin:0;
padding: 8px 0 0 0;
}

div.sidebar-item {
background: #eef3f9;
padding: 0 12px 12px 12px;
margin: 0 0 0 0;
}

div.sidebar-item p {
margin:0;
padding:0;
}

div.sidebar-item p.item-info {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size:68%;
color: #0e62a8;
margin:0;
}

div.newsletter p.item-info {
background: transparent url(../images/newsletter.gif) scroll no-repeat center left;
padding: 8px 0 12px 42px; 
}

div.readings p.item-info {
background: transparent url(../images/readings.gif) scroll no-repeat center left;
padding: 6px 0 6px 36px; 
}

div.media p.item-info {
background: transparent url(../images/media.gif) scroll no-repeat center left;
padding: 6px 0 6px 36px; 
}

div.sidebar-item ul {
line-height: 128%;
margin: 0 0 2px 0;
padding: 0 0 0 24px;
}

#sidebar img.left {
float: left;
margin: 8px 8px 0 0;
}

/* RSS */

div.content-view-rss p {
background: transparent url(../images/rss-feed.gif) scroll no-repeat center left;
font-family: Arial, Helvetica, sans-serif;
font-size:68%;
color: #999;
margin: 12px 0;
padding: 4px 0 4px 20px;
border-top: 1px solid #f1f1f1;
}

/* SPOTLIGHT */

div.content-view-news h3,
div.content-view-events h3,
div.content-view-spotlight h3 {
text-transform: uppercase;
color: white;
background-color: #0a2d4a;
margin:0;
padding: 2px 0 4px 12px;
}

div.content-view-events h2 {
margin:0 0 4px 0;
padding:0;
}

div.content-view-spotlight h4 {
font-family: Arial, Helvetica, sans-serif;
font-size:78%;
font-weight: bold;
color: #0a2d4a;
letter-spacing:;
margin: 8px 0 4px 0;
padding:0;
}

div.content-view-spotlight div.spotlight-item,
div.content-view-spotlight div.spotlight-item-last {
float: left;
width: 168px;
margin-right: 12px;
}

div.content-view-spotlight div.spotlight-item-last {
margin-right: 0;
}

div.content-view-spotlight p {
font-family: Arial, Helvetica, sans-serif;
font-size:68%;
color: #0a2d4a;
margin: 0 0 6px 0;
padding:0;
}

div.content-view-spotlight img.left {
float: left;
margin: 0 4px 0 0;
}

/* FOOTER */

div#footer {
font-family: Arial, Helvetica, sans-serif;
color: white;
}

div#footer p {
padding: 6px 12px 0 12px;
font-size:68%;
}

div#footer p.footer-links {
float: right;
margin: 0;
padding: 6px 12px 0 0;
color: #173f60;
}

span.copyright {
font-size:90%;
letter-spacing: 1px;
}


span.req {
color: red;
}

/* HEADER */

div#header div#row-1 p {
font-family: Arial, Helvetica, sans-serif;
color: #dadada;
margin: 0;
padding: 6px 0;
font-size: 80%;
text-align: right;
}

/* FORMS */

form {
margin:0;
padding:0;
}

form label {
font-size: 0.78em;
}

div.buttonblock {
padding: 0.25em 0;
margin: 0px;
}

div.buttonblock input  {
margin: 0px;
}

/* LAYOUT FIX */

div.content-navigator,
div.block {
clear: none;
}

/* CONTENT NAVIGATOR FIX */

div.content-navigator {font-size: 0.78em;}
div.content-navigator div.content-navigator-arrow {font-size: 1.1em;}

/* LANGUAGE SELECTION */

div#row-2 span.lang-select {
display: block;
float: right;
margin-top: 64px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: right;
}

div#row-2 span.lang-select a,
div#row-2 span.lang-select a:visited,
div#row-2 span.lang-select a:hover {
padding-right: 20px;
text-decoration: none;
color: #999;
}

div#row-2 span.lang-select a.eng-US {
background: transparent url(../images/flag-ustates.gif) scroll no-repeat right top;
}

div#row-2 span.lang-select a.eng-US:hover {
background: transparent url(../images/flag-ustates.gif) scroll no-repeat right bottom;
color: #e82f0d;
}

div#row-2 span.lang-select a.cyr-SR {
background: transparent url(../images/flag-serbia.gif) scroll no-repeat right top;
}

div#row-2 span.lang-select a.cyr-SR:hover {
background: transparent url(../images/flag-serbia.gif) scroll no-repeat right bottom;
color: #0e62a8;
}

/* MISC */

div#slides-container {
margin: 12px 0;
}

div.content-view-full div.attribute-short {
font-weight: bold;
}

div.content-view-line div.attribute-short {
font-weight: normal;
}

p.date-modified {
font-family: Arial, Helvetica, sans-serif;
font-size: 68%;
color: #999;
margin: 0 0 6px 0;
}

div.scroll-box {
height: 92px;
overflow: auto;
margin-right:-12px;
}

div.object-left {
margin: 0 6px 3px 0;
padding: 0px;
float: left;
}

div.object-left p {
margin:0;
padding:0;
}

div.object-right {
margin: 0 0 3px 6px;
padding: 0px;
float: right;
}

div.object-right p {
margin:0;
padding:0;
}

/* PERSONAL GREETING STARTPAGE */

table.personal-greeting {
border-collapse:collapse;
margin:0 0 12px 0;
padding:0;
width: 530px;
background-color: #ffc;
border: 1px solid #ccc;
}

table.personal-greeting td {
margin:0;
padding: 6px;
width: 50%;
}

table.personal-greeting p {
margin:0;
font-size: 11px;
}

table.personal-greeting p b {
font-size: 12px;
}

table.personal-greeting img {
float: left;
margin: 0 6px 0 0;
}

/* SCHEDULE OF SERVICES */

div.content-view-schedule {
margin: 0 0 12px 0;
}

div.content-view-schedule h3 {
text-transform: uppercase;
color: white;
background-color: #e20025;
margin:0;
padding: 2px 0 4px 12px;
}

div.content-view-schedule p {
border-bottom: 1px solid #f1f1f1;
padding: 0 0 6px 0; 
}

div.content-view-schedule p span {
display: inline-block;
width: 96px;
font-weight: bold;
}

div.content-view-schedule p.small {
text-align: right;
font-weight: normal;
font-size: 11px;
}

/* SCHEDULE OF SERVICES */

div.content-view-events h3 {
text-transform: uppercase;
color: white;
background-color: #6C0;
margin:0;
padding: 2px 0 4px 12px;
}

div.cc-details, div.cc-misc {
display: none;
}

div#row-2 a.pavle,
div#row-2 a.maxim {
	display: none;
	display:block;
	float: right;
	width: 61px;
	height: 86px;
	margin: 0 0 0 10px;
	border: 1px solid #f1f1f1;
	}

div#row-2 a.pavle span,
div#row-2 a.maxim span {
	display: none;
	}

div#row-2 a.pavle {background: #fff url(../images/row-2-pavle.png) scroll no-repeat left top; border:none}
div#row-2 a.maxim {background: #fff url(../images/row-2-maxim.png) scroll no-repeat left top; border:none} 

div.content-view-news {padding: 0 0 8px 0;}
div.content-view-news p {border-top: 1px solid #f1f1f1; margin:0; padding:3px 0;}
div.content-view-news p span {color: #999; margin-right: 6px;}
div.content-view-news p a, div.content-view-news p a:visited {color:#333; text-decoration:none;}
div.content-view-news p a:hover {color:#e82f0d; text-decoration:underline;}
div.content-view-news p.link {text-align:right; font-size: 11px;}
div.content-view-news p.link a, div.content-view-news p.link a:visited {color:#e82f0d; text-decoration:none;}
div.content-view-news p.link a:hover {text-decoration:underline;}


div.content-view-events {padding: 0 0 8px 0;}
div.content-view-events p {border-top: 1px solid #f1f1f1; margin:0; padding:3px 0;}
div.content-view-events p span {color: #999; margin-right: 6px;}
div.content-view-events p a, div.content-view-events p a:visited {color:#333; text-decoration:none;}
div.content-view-events p a:hover {color:#e82f0d; text-decoration:underline;}
div.content-view-events p.link {text-align:right; font-size: 11px;}
div.content-view-events p.link a, div.content-view-events p.link a:visited {color:#e82f0d; text-decoration:none;}
div.content-view-events p.link a:hover {text-decoration:underline;}