/* Default CSS */

html { font-size: 100%; /* ie hack */ }
body {
	color: #333;
	background-color: #900;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
}
p, h1, h2, h3, h4, h5, h6, dt, dd, td {
	text-align: left;
	line-height: 1.3;
}
p, td, li, ul, ol, h4, h5, h6, dt, dd {
	font-size: 1.3em;
}
h1, h2, h3, h4, h5, h6 {
	color: #2E6F18;	
}
sup {
	font-size: smaller;
	line-height: 0.9;
	vertical-align: super;
}
dt {
	margin: 0.5em 0 0.5em;
}
dd {
	margin-left: 27px;
}
img {
	display: block;
	border: none;
}
form {
	margin-bottom: 0; /* fixes IE difference */
}
.hide {
	display: none;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #900;
}
a:hover {
	text-decoration: none;
	background-color: #FFF288;
}
#links .col2 a:link, #links .col2 a:visited, #links .col2 a:active {
	text-decoration: underline;	
}
.spacer {
	clear: both;
}
table { font-size: 100%; /* ie hack */ }
li li, LI P, TD P, BLOCKQUOTE P {font-size:1em}

/* site specific */
.message, .notice, .error {
	margin-bottom: 15px;
	padding: 7px;	
	background-color: #FFF7D1;
	border: 1px solid #FFD793;
	width: 322px;
}
.notice {
	background-color: #d1ffd1;
	border: 1px solid #93ff93;
}
.error {
	background-color: #ffd1d5;
	border: 1px solid #ff949d;
}

#page {
	background: #fff url(../images/page_slice.jpg) repeat-y top left;
	width: 744px; /* 796 minis padding */
	margin: 0 auto;
	padding: 0 24px 0 28px;
}
#head {
	font-size: 1.4em;	
}
h1 {
	text-align: center;
	margin: 0 0 0 -5px;
	padding: 6px 0;
	font-size: 1.2em;
	font-family: "Lucida Sans Unicode", "lucida sans", "News Gothic MT", verdana, sans-serif;
	color: #2E6F18;
}

ul#nav {
	background: white url(../images/head.jpg) no-repeat top left;
	width: 780px; /* This adds hasLayout to IE mucking everything up */
	padding: 178px 0 0 0;
	margin: 0 -14px 0 -18px;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	font-family: "Lucida Sans Unicode", "lucida sans", "News Gothic MT", verdana, sans-serif;
	font-size: 1em;
}
#nav li {
	list-style: none;
	margin: 0;
	display: inline;
}
body#index li.index, 
body#about li.about, 
body#icc li.about, 
body#iicm li.about, 
body#aiccmr li.about, 
body#boa li.about, 
body#iccsi li.about, 
body#women li.about, 
body#eclof li.about, 
body#icc_membership li.about, 
body#ecumenical_relations li.about, 
body#resources li.resources, 
body#news li.news, 
body#contact li.contact, 
body#photos li.photos, 
body#photo li.photos, 
body#migrant_directory li.migrant, 
body#migrant_church li.migrant, 
body#links li.links {
	background-color: #fff;
}
body#index li.index a, 
body#about li.about a, 
body#icc li.about a, 
body#iicm li.about a, 
body#aiccmr li.about a, 
body#boa li.about a, 
body#iccsi li.about a, 
body#women li.about a, 
body#eclof li.about a, 
body#icc_membership li.about a, 
body#ecumenical_relations li.about a, 
body#resources li.resources a, 
body#news li.news a, 
body#contact li.contact a, 
body#photos li.photos a, 
body#photo li.photos a, 
body#migrant_directory li.migrant a, 
body#migrant_church li.migrant a, 
body#links li.links a {
	border-bottom: 2px solid #fff;
	color: #000;
}
#nav li a {
	padding: 0 0.5em;
	color: #900;
	text-decoration: none;
	border-right: 2px solid #999;
}
#nav a:hover {
	background: #fff;
}


#foot {
	border-top: #ccc solid 1px;
	padding-bottom: 0.45em;
	margin-top: 1.5em;
}
#foot p {
	margin: 0.5em 0 0 0;
	font-size: 1em;
}
#pageend {
	background: #fff url(../images/page_bot.jpg) no-repeat top left;
	width: 796px;
	height: 14px;
	margin: 0 auto;
}
ul.plainlist {
	padding: 0;
	margin: 0 0 1em 0;
	list-style: none;
	font-size: 1em;
}
p.intro, p.copyright {
	font-weight: bold;
	line-height: 1.5;
}

.col1 {
	float: left;
	width: 25%;
}
.col2 {
	float: right;
	width: 73%;
	/*border-left: #ccc solid 1px;*/
	padding-left: 10px;
}

#index div.col1, #news div.col1 {
	float: left;
	width: 66%;
}
#index div.col2, #news div.col2 {
	float: right;
	width: 32%;
	padding-left: 10px;
}
body#photo h2 {
	line-height: 1;
}
h2 {
	font-weight: normal;
	font-size: 2em;
	line-height: 2;
	margin: 0.5em 0;
}
h3 {
	font-size: 1.5em;
	margin: 0.5em 0 0.75em 0;
}
h4 {
	margin: 0;
	font-size: 1.2em;
	line-height: 2;
}
.col1 ul, .col2 ul {
	margin: 0;
	padding: 0;
}
.col1 li, .col2 li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 27px;
	line-height: 1.3;
	font-size: 1em;
}
ul.docs li {
	list-style: none;
	margin: 0;
	line-height: 1.5;
	min-height: 26px;
	font-size: 1em;
	padding: 0 0 0 27px;
}
li.pdf {
	background: #fff url(../images/pdf.gif) no-repeat;
}
li.doc {
	background: #fff url(../images/doc.gif) no-repeat;
}
li.ppt {
	background: #fff url(../images/ppt.gif) no-repeat;
}
li.conflict {
	background: #fff url(../images/conflict.jpg) no-repeat;
}
li.migration {
	background: #fff url(../images/migrationprinciples.jpg) no-repeat;
}
li.brendan {
	background: #fff url(../images/brendan.jpg) no-repeat;
}
li.dir {
	background: #fff url(../images/dir.jpg) no-repeat;
}
.docs em, .doc-group td em {
	font-style: normal;
	color: #4E7CCC;
	font-size: 0.9em;
}

ul.docs li li {
	font-size: 13px;
	line-height: 1.5;
}

body#index div.address {
	width: 100%;
	margin-bottom: 0.5em;
}
body#index .col2 li {
	line-height: 1.25;
}
body#contact .address {
	float: left;
	width: 40%;
}
body#contact div.phone {
	float: right;
	width: 58%;
}
body#contact li.fax {
	margin-bottom: 0.5em;
}


.address li {
	background: #fff url(../images/pencil.gif) no-repeat 3px 4px;
}
li.phone {
	background: #fff url(../images/phone.gif) no-repeat 3px 3px;
	margin-bottom: 0.5em;		
}
li.fax {
	background: #fff url(../images/printer.gif) no-repeat 3px 1px;	
}
li.email {
	background: #fff url(../images/email.gif) no-repeat 3px 4px;
}
.col2 ul.news li {
	background: #fff url(../images/sticky.gif) no-repeat 0 2px;
	margin-bottom: 0.5em;
	padding-left: 30px;
}

ul#subnav {
	margin-top: 0.8em;
}
ul#subnav li {
	padding-left: 0;
	font-family: "Lucida Sans Unicode", "lucida sans", "News Gothic MT", verdana, sans-serif;
	font-size: 1.3em;
	line-height: 1.5;
}
ul#subnav li#cur {
	background: #fff url(../images/subnav_bg.jpg) no-repeat top right;
}
ul#subnav ul.subnav2 li {
	padding-left: 1em;
	font-family: "Lucida Sans Unicode", "lucida sans", "News Gothic MT", verdana, sans-serif;
	font-size: 1em;	
}
ul#subnav abbr {
	border: none;
}
ul#subnav a:hover {
	text-decoration: none;
	background-color: #FFF288;
}
ul#subnav li#cur a:hover {
	background: none;	
}

td.one {
	padding-right: 0.8em;
}
.col2 ol li {
	list-style-type: lower-roman;
	min-height: inherit;
}
#ecumenical_relations .col2 td {
	font-size: 1em;
	
}
#ecumenical_relations .col2 ol li {
	list-style-type: upper-alpha;
	min-height: inherit;
}
#ecumenical_relations .col2 ul li {
	list-style-type: none;
	font-size: 0.75em;
	min-height: inherit;
}
#icc_membership .col2 ol li {
	list-style-type: decimal;
	min-height: inherit;
}
#icc_membership .col2 ol ol, #ecumenical_relations .col2 ol ol {
	margin-bottom: 0.8em;
}
#icc_membership .col2 ol ol li, #ecumenical_relations .col2 ol ol li {
	list-style-type: lower-alpha;
	min-height: inherit;
	font-size: 0.75em;
	padding-left: 0.75em;
}
#ecumenical_relations .col2 ol ol li {
	list-style-type: decimal;
	
}
#icc_membership .col2 ol ol ul, #icc_membership .col2 ul {
	margin: 0 0 0.8em 1.7em;
}
#icc_membership .col2 ol ol ul li, #icc_membership .col2 ul li {
	list-style-type: disc;
	min-height: inherit;
	font-size: 0.75em;
	padding-left: 0.75em;
}
#icc_membership .col2 ol ol ul li {
	font-size: 0.8em;
}
.col1 ul.events li {
	padding-left: 0;
	margin-bottom: 1em;
}
p.date {
	display: block;
	float: left;
	border: 2px solid #ccc;
	height: 3em;
	width: 5.6em;
	margin: 0.2em 0.5em 0 0;
	font-family: Arial, sans-serif;
}
span.month {
	color: white;
	background-color: #900;
	text-align: center;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 0.15em;
	line-height: 1.4;
	padding: 0.25em 0 0.25em 1px;
	text-transform: uppercase;
}
span.date {
	display: block;
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.5;
	padding: 0.1em 0 0.15em;
	color: #900;
}
p#util {
	float: right;
}


img.photos {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
div.thumbnails {
	overflow: hidden;
	margin-right: -47px;
}

div.thumbnails div {
	float: left;
	height: 150px;
	width: 150px;
	margin-right: 45px;
	margin-bottom: 10px;
}

p.copyright {
	clear: both;
	padding-top: 1em;
}
#photo h2, #photos h2 {
	text-align: right;
}
.caption {
	margin-top: 3px;
	clear: both;
}
div.image {
	float: right;
	padding-top: 0.5em;
	clear: both;
}
body#glossary .col2 a {
	text-decoration: none;
	color: #333;
}
body#index h2 {
	margin-bottom: 0;
}
body#index dl {
	margin-top: 0;
}

#promotions {
	width: 760px;
	/*height: 170px;*/
	/*background: #FFF288 url('../images/promotion_bg.jpg') repeat-y top left;*/
	margin-left: -8px;
}
#promotions ul {
	padding-top: 12px;
	padding-left: 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
	text-align: center;
}
#promotions li {
	/*list-style: none;*/
	margin: 0;
	display: inline;
}
#promotions li a {
	padding: 0 6px;
}
#promotions a:hover {
	text-decoration: underline;
}
#promotions li img {
	display: inline;
}

div.doc-group, div.doc-group div.title {
	background: white url('../images/docs_border.gif') no-repeat 0 0;
}
div.doc-group {
	background-position: bottom left;
	min-height: 70px;
	width: 491px;
	padding-bottom: 0.7em;
	margin-bottom: 1em;
}
div.doc-group div.title {
	padding-left: 30px;
	padding-bottom: 0.5em;
}
div.doc-group h3 {
	background: white;
	color: #333;
	display: inline;
	font-size: 1.3em;
	font-weight: normal;
	padding: 0 4px;
	margin-top: 0;
}
div.doc-group h3 em {
	padding: 0 0 0 4px;	
}
div.doc-group tr {
	vertical-align: top;	
}
div.doc-group tr.first {
	vertical-align: middle;
}
div.doc-group td {
	width: 33.3%;
	text-align: center;
}
div.doc-group td img {
	display: inline;
}



/* Migrant Churches */
#directory, #directory dd, #directory dt {
	font-size: 1em;
	line-height: 1.5;
}
table.church td {
	vertical-align: top;
}
#directory p {
	font-size: 1em;
}
#directory .church {
	padding-bottom: 0.5em;
	width: 400px;
}
#directory .address {
	vertical-align: top;
	width: 45%;
	line-height: 1.5;
}
#directory dl {
	margin: 0;
}
#directory dd {
	margin-left: 1.4em;
}
#directory dt {
	float: left;
	clear: both;
	margin: 0;
	padding-right: 0.6em;
}
#directory div.contact {
}
#directory .contact p {
}
div.row {
	clear: both;
}
span.leader, span.contact, span.phone, span.email {
}
p.meetings {
}
span.worship {
}
span.language {
}

#directoryMap {
	float: left;
}
#directorySearchResults {
	width: 212px;
	height: 420px;
	overflow: auto;
}
#searchDirectory {
	float: left;
	font-size: 1.2em;
	width: 180px;
	padding: 0 10px;
}
#searchDirectory input#query {
	width: 170px;
}
.search-container, .search-left, .search-right {
	height: 25px;
	margin-left: -3px;
	background-image: url('../images/safari_search_tag.png');
	background-repeat: no-repeat;
}
.hasContent {
	background-image: url('../images/safari_search_tag_cancel.png');	
}
.search-container {
	position: relative;
	padding: 0 21px;
	background-position: -15px top;
}
.search-left, .search-right {
	position: absolute;
	width: 21px;
}
.search-left {
	left: 0;
	background-position: left top;
}
.search-right {
	right: 0;
	background-position: right top;
}
.search-active {
	background-position: -15px -25px;
}
.search-active .search-left {
	background-position: left -25px;
}
.search-active .search-right {
	background-position: right -25px;
}
.search {
	/*height: 14px; keep blank for chrome */ 
	padding-top: 6px;
	border: 0;
	background-color: transparent;
	font-size: 11px;
}
p.belowMap {
	clear: left; 
	padding-top: 2em;
}


/* Pagination */
.pagination {
	background: white;
	float: right;
	clear: both;
}
.pagination a, .pagination span {
	padding: .2em .5em;
	display: block;
	float: left;
	margin-right: 1px; 
}
.pagination span.disabled {
	color: #999;
	border: 1px solid #DDD; 
}
.pagination span.current {
	font-weight: bold;
	background: #2E6AB1;
	color: white;
	border: 1px solid #2E6AB1; 
}
.pagination a {
	text-decoration: none;
	color: #105CB6;
	border: 1px solid #9AAFE5; 
}
.pagination a:active, .pagination a:visited {
	color: #105CB6;
	border-color: #9AAFE5; 
}
.pagination a:hover, .pagination a:focus {
	color: #003;
	border-color: #003;
	text-decoration: none;
}
.pagination:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}
* html .pagination {
	height: 1%; 
}
*:first-child+html .pagination {
	overflow: hidden; 
}

#multicol {
	column-count: 2;
	column-gap: 5px;
	height: 170px;
}
.multicol {
	float: left;
}
.multicol p {
	font-size: 1em;
	line-height: 1.25;
	margin: 0;
}