/*

	ChurchOfIreland style sheet
	Created by Ryan Mitchell on 09/10/2006


*/

/* redefine html tags for consistency across browsers */
html, body, div, form { margin:0px; padding:0px; }
p { margin:0px; padding:6px 0px; }
img { border:none; }
a, a:visited, a:active { text-decoration:none; }
a:hover { text-decoration:underline; }

/* text styles */
body { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:100%; }

/* layout boxes */
#container { width:705px; margin:0px 0px 0px 40px; }
#searchbar, #breadcrumbs, #footer { padding:0px 10px 0px 16px; }
#banner { height: 66px; padding:12px 10px 0px 16px; background-image:url(../images/grey_box.gif); background-position:top left; background-repeat:no-repeat; }
#banner .links { float:right; width:370px; font-size:0.9em; text-align:right; padding-top:25px; }
#searchbar { background-color:#D4D4E8; height:30px; font-size:12px; }
#image { height: 145px; margin:2px 0px 5px 0px; }
#image.home { position: relative; }
#image.home img { display: none; height: 145px; position: absolute; width: 704px; }
#breadcrumbs { font-size:11px; text-align:right; }
#content { margin:0px 0px 30px 0px; }
#content .main { margin-left:248px; }
#content .left { float:left; width:215px; margin-bottom:25px; }
#content .fullmain { padding:4px 18px 30px 18px; }
#footer { clear:both; background-color:#E9E9E9; margin-top:25px; margin-bottom:15px; padding-top:5px; padding-bottom:5px; padding-left:30px; }

/* searchbar */
#searchbar p { width:150px; padding:9px 0px 0px 0px; }
#searchbar form { float:right; padding-top:6px; }
#searchbar form .textinput { width:110px; height:15px; font-size:11px; padding:0px 0px 0px 2px; margin:0px; }
#searchbar form .submit { font-size:11px; padding:0px 2px; }
#searchbar label { padding-right:6px; }
#searchbar p a { color:#333; }

/* footer */
#footer p { font-size:11px; padding:2px 0px; color:#666; }
#footer a { color:#666; }
#footer a:hover { color:#000; }
#footer .createdby { font-size:10px; }

/* mainlinks */
#banner .links a { color:#333; }
#banner .links a:hover { color:#cc0000; text-decoration:none; }
#banner .links .selected { color:#999; font-weight:normal; }
#banner .home { padding:0px; margin:0px; }
#banner .links .synodtitle { font-size:1.4em; color:#666666; margin-top:-0.3em; }

/* breadcrumbs */
#breadcrumbs { font-size:0.7em; text-transform:capitalize; }
#breadcrumbs a { color:#cc0000; text-decoration:underline; }
#breadcrumbs a:hover { color:#232689; }

/* content */
#content { font-size:0.85em; margin-top:10px; }
#content .left { background-color:#D4D4E8; padding-bottom:10px; }
#content .welcomebox { background-color:#a8a9d0; color:#fff; padding:4px 6px 4px 18px; margin-bottom:0px; font-size:1em; border-bottom:2px solid #fff; }
#content .welcomebox a { color:#fff; text-decoration:none; }
#content .welcomebox a:hover { text-decoration:underline; }
#content .box { background-color:#a8a9d0; color:#fff; padding:4px 6px 4px 18px; margin-bottom:10px; font-size:1em; border-bottom:2px solid #fff; }
#content .boxbreak { background-color:#fff; color:#fff; height:20px; }
/* PADDING LEFT WAS 18px; */
#content .left p { padding:5px 6px 3px 10px; }
#content .pre { float:left; }
/* PADDING LEFT WAS 33px; */
#content .left p.indent,#content .left p.indentselected, #content .left p.indentselectedmain, #content .left p.indentmain { padding-left:13px; }
#content .left p.indentselected a, #content .left p.indentselectedmain a { font-weight:bold; color:#232689; }
#content .left p.line { border-bottom:2px solid #fff; height:2px; padding:0px; }
#content .left p.selected a { font-weight:bold; color:#232689; }
#content .left p.submenu { font-size:0.7em; padding:1px 6px 1px 30px; }
#content .left p a, #content .right p a { color:#333; }
#content .left p a:hover, #content .right p a:hover { text-decoration:underline; }
#content .main { padding-top:4px; padding-right:20px; }
#content .main .left, #content .main .right { padding-bottom:0px; margin-bottom:0px; }
#content .main .left { background-color:#fff; }
#content .main p, #content .fullmain p { padding:6px 0px; }
#content .main div.title, #content .fullmain div.title { background-image:url(../images/grey_box.gif); background-position:top left; background-repeat:repeat-y; margin-bottom:16px; }
#content .main div.title p, #content .fullmain div.title p { padding:0px 10px 0px 20px; font-size:1.3em; text-transform:capitalize; color:#912931; }
#content .main div.title p.subtitle,  #content .fullmain div.title p.subtitle { padding:0px 10px 0px 20px; color:#595CA6; font-size:1.1em; text-transform:none; }
#content .subtitle { margin-top:0px; }
#content .main a,  #content .fullmain a { color:#cc0000; text-decoration:underline; }
#content .main a:hover,  #content .fullmain a:hover { color:#232689; text-decoration:underline; }
#content .pdf { float:right; }
#content .main p.listing { padding:3px 0px 4px 20px; }
#content .main .small { font-size:0.8em; line-height:1.3em; }
#content .pagination { text-align:right; margin-bottom:10px; }
#content .pagination .nolink { text-decoration:none; color:#333; }
#content .searchsmall { font-size:0.9em; color:#999; line-height:1.3em; }
#content .left blockquote { font-size: 11px; padding:0px 0px 0px 12px; margin:0px; }
#content .left blockquote.hide { display:none; }
#content .left blockquote.show { display:block; }
#content .left span a:hover { text-decoration:none; }

#content div#events { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #A8A9D0; height: 437px; margin: 0px 0px 10px 20px; overflow: hidden; position: absolute; right:0px; width: 175px; }
#content div#events ul#eventsTicker { float: left; font-size: 12px; list-style: none; margin: 0px; padding: 0px; }
#content div#events ul#eventsTicker li { float: left; margin: 0px; padding: 10px; }
#content div#events ul#eventsTicker li a { color: #8B8BAB; }
#content div#events div#events-mask { bottom: 0px; left: 5px; position: absolute; z-index: 100; }

/* image */
#image .section { font-size:38px; position:absolute; top:191px; left:57px; font-weight:bold; text-transform:uppercase; letter-spacing:-2px; color:#fff; }
#image .snippet { font-size:14px; position:absolute; top:228px; left:68px; letter-spacing:-1px; color:#fff; }
#image .bannerlink { font-size:10px; position:absolute; top:232px; left:620px; color:#fff; text-transform:uppercase; }
#image.home .section { font-size:38px; position:absolute; top: 85px; left:27px; font-weight:bold; text-transform:uppercase; letter-spacing:-2px; color:#fff; }
#image.home .snippet { font-size:14px; position:absolute; top:123px; left:28px; letter-spacing:-1px; color:#fff; }
#image.home .bannerlink { font-size:10px; position:absolute; top:123px; left:560px; width: 150px; color:#fff; text-transform:uppercase; }
#image .bannerlink a { text-decoration:underline; font-weight: bold; color:#FFFFFF; }
#image .bannerlink a:hover { text-decoration:underline; }

/* text-only */
#fullGraphics, .text_description { display:none; }

/* latest news ticker */
#latestnews { border:1px solid #333333; height:20px; margin:6px 0px 11px 0px; }
#latestnews .newstitle { background-color:#52559F; text-align:center; color:#ffffff; float:left; height:16px; font-size:11px; padding:4px 8px 0px 17px; margin-right:10px; text-transform:uppercase; }
#latestnews .newstitle a { color:#fff; }
#latestnews .items { padding-top:3px; font-size:12px;  }
#latestnews .items a { text-decoration:none; color:#333333; }
#latestnews .items a:hover { text-decoration:underline; }

.page { display:none; }
.posted { font-size:0.8em; }

#content .main label { font-weight:bold; padding:4px 10px 0px 3px; width:80px; float:left; text-align:left; display:block; }

.navBox2 a { padding:1px 3px; border:1px solid #333; }

h2 { font-size:1.2em; font-weight:normal; }

div.refine {
	border:2px dashed #dedede;
	padding:8px 15px;
	margin:10px 0px;
}

div.refine h1 {
	font-weight:normal;
	font-size:1.2em;
}

div.refine label {
	width:160px;
	float:left;
	padding-top:2px;
	color:#999999;
}

/* Calendar Styles on Event Page */
table.calendar { margin-top:12px; display:inline; width: 214px; }
table.calendar td { height:20px; width:25px; border: 1px solid #CCCCCC; }
table.calendar a, table.calendar a:hover { color:#000; text-decoration:underline; }

td.today {
	background-color: #666;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	width: 15px;
}
td.weekend {
	background-color: #DFDFDF;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	width: 15px;
}
td.empty {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	width: 15px;
	background-color: #C1C1C1;
}
td.square {
	background-color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	width: 15px;
}
.notavail { font-size: 10px; color: #FFFFFF;; background-color:#C1C1C1; text-align:center; }

.red { background-color: #D4D4E8; color: #000; text-align:center; }
.red a { color: #000!important; text-decoration: none!important; }
.red a:hover { color: #000!important; text-decoration: underline!important; }

/* Nice Titles Styling */
.tooltips { color: #fff; width:139px; z-index: 13000; } 
.tip-title { width:123px; font-size: 11px; margin: 0; color: #fff; padding: 4px 8px 4px 8px; background-color:#CCC; }
.tip-text { visibility:hidden; width:123px; font-size: 11px; padding: 4px 8px 8px 8px; background-color:#CCC; }

h2.dp { color:#cc0000; font-size:13px; padding:1em 0 0.2em 0; margin:0; }
h3.dp { font-size:12px; }
h3.dp em { color:#cc0000; font-weight: normal; }