﻿body {
	margin:0;
	font:12px Arial, Tahoma sans-serif;
	color:#666;
}
form,fieldset{
	margin:0;
	padding:0;
	border:0;
}
img {border:0;}
a{
	color:#5dadc2;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
#wrapper{
	width:996px;
	margin:0 auto;
	overflow:hidden;
	border:1px solid #96989a;
}
.page{
	width:100%;
	display:table;
}
/* header */
#header{
	display:table-header-group;
	width:100%;
	overflow:hidden;
}
#header strong.logo{
	width:460px;
	height:65px;
	background:url(images/logo.gif) no-repeat;
	margin:30px 0 0 38px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	float:left;
}
#header .logo a{
	height:100%;
	display:block;
}
#header .search{
	float:right;
	margin:38px 52px 0 0;
	/*display:inline;*/
}
#header .search input[type="text"]{
	width:185px;
	vertical-align:middle;
	padding:4px;
	font:14px Arial, Tahoma sans-serif;
	border:solid #888;
	border-width:1px 2px 1px 1px;
	background:url(images/bg-input.gif) repeat-y;
}

#header .search label{
	font-size:14px;
	vertical-align:middle;
	margin:0 9px 0 0;
}
#header .search fieldset{
	display:inline;
}
/*#menu{
	margin:20px 0 0 17px;
	padding:0;
	width:100%;
	position:relative;
}
#menu li{
	float:left;
	list-style:none;
	background:url(images/bg-menu.gif) no-repeat 0 2px;
	margin:0 0 0 -2px;
	padding:0 23px 5px 25px;
}
#menu li:first-child{
	background:none;
}
#menu li a{
	font-size:14px;
	color:#848484;
	text-decoration:none;
	float:left;
}
#menu li a:hover, #menu li.active a{
	color:#cc2229;
}
#menu li ul{
	position:absolute;
	left:-17px;
	top:20px;
	background:#000;
	width:996px;
	margin:0;
	padding:0;
	display:none;
}
#header #menu li ul li{
	padding:0;
	background:url(images/bg-menu-li.gif) no-repeat 0 50%;
}
#menu li.active  ul{
	display:block;
}
#menu li.active{
	padding-bottom:44px;
}
#header #menu li ul li a{
	padding:12px 13px 12px 14px;
	color:#fff;
}
#header #menu li ul li a:hover, #header #menu li ul li.active a{
	background:#5dadc2;
	position:relative;
}*/
/* main */
#main{
	display:table-footer-group;
	overflow:hidden;
	height:1%;
}
#main.homepage{
	background:url(images/bg-homepage.gif) repeat-y;
}
.gallery{
	overflow:hidden;
}
.gallery img{
	float:left;
}
.container{
	overflow:hidden;
	height:1%;
	position:relative;
	min-height:415px;
}
/* content */
#content{
	float:right;
	width:499px;
	padding:0 210px 12px 24px;
}
.homepage #content{
	padding:0 0 12px;
	width:733px;
}

.extended #content{
	padding:0 0 12px;
	width:752px;
	padding:0 24px 12px 24px;
	float: none;
	margin: 0px auto;
}

#content p{
	margin:15px 0 27px;
	line-height:22px;
}

#content ul li, #content ol li
{
	margin:12px 0 13px;
	line-height:12px;
}

#content ul li p, #content ol li p
{
	line-height:22px;
}

#content h1{
	font-size:14px;
	color:#5dadc2;
	margin:21px 0 0;
}

#content h2{
	font-size:14px;
	color:#000000;
	margin:21px 0 0;
}

#content h2.home{
	font-size:18px;
	line-height:29px;
	color:#cc2229;
	margin:0;
	background:#c5c2be;
	padding:0 0 0 9px;
}
#content .leftcol{
	width:376px;
	float:left;
	margin:21px 19px 0 23px;
	display:inline;
}
.leftcol dl{
	overflow:hidden;
	height:1%;
}
.leftcol dl dt{
	background:url(images/bg-dt.gif) repeat-x;
	margin:-1px 0 0;
	padding:10px 0 12px;
}
.leftcol dl dd{
	float:right;
	padding:10px 0 0;
}
#content .leftcol p{
	margin:0;
	line-height:18px;
}
#content .leftcol h1{
	margin:0 0 12px 0;
}
#content .leftcol h2{
	margin:18px 0 0;
}
.leftcol a.link{
	margin:26px 22px 0 0;
}
.rightcol{
	width:314px;
	float:right;
	margin:10px 0 0;
}
.rightcol .inner{
	padding:0 14px 9px 13px;
	border:solid #949698;
	border-width:0 0 1px 1px;
	overflow:hidden;
	height:1%;
}
.rightcol h3{
	font-size:13px;
	margin:17px 0 0;
}
.rightcol h3 a{
	color:#666;
}
#content .rightcol p{
	margin:0 0 8px;
	font-size:13px;
	line-height:18px;
	color:#989898;
}
a.link{
	float:right;
	background:url(images/bg-link.gif) no-repeat 100% 50%;
	padding:0 17px 0 0;
	font-size:14px;
	color:#666;
	text-decoration:none;
	margin:8px 22px 0 0;
}

a.link:hover{
	text-decoration:underline;
}
/* sidebar */
#sidebar{
	float:left;
	width:263px;
	padding:31px 0 0;
}


.homepage #sidebar{
	background:#5dadc2;
}
p.slogan{
	width:263px;
	height:122px;
	text-indent:-9999px;
	background:url(images/bg-slogan.gif) no-repeat;
	margin:238px 0 0;
}
.message{
	width:221px;
	margin:0 0 0 27px;
}	
.message p{
	margin:15px 0 27px;
	line-height:22px;
}
.message span{
	display:block;
	font-size:16px;
	margin:14px 0 0;
}
a.play{
	width:52px;
	height:54px;
	display:block;
	text-decoration:none;
	background:url(images/bg-arrow.gif) no-repeat;
	margin:14px 0 6px;
}
.contacts{
	position:absolute;
	width:263px;
	text-align:center;
	left:0;
	bottom:30px;
}
.contacts p{
	margin:0;
	font-size:14px;
	color:#fff;
}
/* footer */
#footer{
	text-align:center;
	background:url(images/bg-footer.gif) repeat-y;
	overflow:hidden;
	height:1%;
	padding:12px 0 10px;
	color:#fff;
}
#footer div{
	float:left;
}
#footer .copyright{
	width:263px;
	font-size:11px;
}
#footer .ministry{
	width:418px;
}
#footer .email{
	width:315px;
}
#footer a{
	color:#fff;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

.nodisplay
{
	display: none;
}

/*Email Form*/

div.csform fieldset {  
margin: 1.5em 0 0 0;  
padding: 0;
border: none;
color: #000; 
font:14px/19px Arial, Helvetica, sans-serif; 
}
div.csform legend {  
margin-left: 0;  
color: #000;  
font-weight: bold;
}
div.csform fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
div.csform fieldset li {  
padding-bottom: 1em;
list-style: none;
}
div.csform fieldset.submit {  
/*border-style: none;*/
float: none;  
width: auto;  
border: 0 none #000;  
padding-left: 12em; 
}

div.csform label {  
display: block;
float: left;  
width: 10em;  
margin-right: 1em; 
}

/*Tables and Tablesorter*/
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #5DADC2;
	color: #FFF;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	
}

table.tablesorter tr.email:hover td
{
    background-color: #8BCFDF;
	color: #FFF;
    cursor: pointer;
}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8BCFDF;
}

table.center {
    margin-left:auto; 
    margin-right:auto;
  }
  
  /* columns-holder */
.columns-holder{
	width:960px;
	overflow:hidden;
	margin:0 0 20px;
}
.columns-area{
	width:1060px;
	overflow:hidden;
}

.columns-holder .column{
	float:left;
	width:300px;
	padding:0 0 0 20px;
	margin:0 23px 0 0;
}
#main .columns-holder h2{
	margin-bottom:25px;
	font-size:1.786em;
}
.columns-holder a{font-size:1.053em;}
.columns-holder .facebook{padding:0 0 13px;}
.columns-holder .tweet{padding:10px 0 13px;}
.columns-holder .google{padding:10px 0 20px;}
.columns-holder .google span {margin-left: 4px; display: inline-block; vertical-align: text-top; line-height: 1px;}
.columns-holder .facebook img,
.columns-holder .tweet img,
.columns-holder .google img{display:block;}
.columns-holder .listing{
	color:#494848;
	font-size:1.36em;
}
.columns-holder .listing li{
	padding:0 0 7px 17px;
	background: url(../images/bullet-event.gif) no-repeat 3px 12px;
	height:1%;
	overflow:hidden;
	vertical-align:top;
}
.columns-holder .list{
	color:#333;
	font-size:0.786em;
	line-height:18px;
	padding:0 0 0 5px;
}
.columns-holder .list li{
	margin:0 0 15px;
	height:1%;
	overflow:hidden;
	vertical-align:top;
}
.columns-holder .list a{font-size:1.181em;}
.columns-holder .list .date{
	font-style:normal;
	display:block;
}

/*News and Events*/
.column-left
{
    width:440px;
    float:left;
}

.column-bottomLeft
{
    width:440px;
    overflow:hidden;
}

.column-bottomLeftInner
{
    width:215px;
    padding-right:5px;
    float:left;
}

.column-bottomRightInner
{
    width:220px;
    float:right;
}

.column-right
{
    width:440px;
    float:right;
}

.sf_newsList {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}
.sf_newsList li {
    height: 1%;
    overflow: hidden;
    vertical-align: top;
    padding: 0 0 13px;
}
.sf_newsList li {
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none;
}

.blink {
	text-decoration: none;
	color: #000000;
}

.sf_newsList .newstxt{
	height: 1%;
	overflow:hidden;
}

.sf_newsList .sf_newsDate{
	color: #000;
}

.columns-small.newsevents
{
    padding: 75px 0 0 0; 
    min-height:250px; 
    float:left;   
}

.columns-small.newsevents p
{
    padding: 0;
}

#main.newsevents h3 a
{
    color:#000;
    text-decoration: none;
}

#main.newsevents h3 a:hover
{
    text-decoratiaon: underline;
}

#seeall
{
    width:100%; float:left; margin-top: 10px;
}

/*iOS fixes*/
.idevice .link-bar{
	height: 50px;
	position:static;
}

@media only screen and (orientation:landscape){

   .idevice .link-bar{
	margin-top: 50px;
   }
}

/*current events*/
#ce h3{
	margin-bottom: 1px;
}

.vevent li{
	margin-bottom: 15px;
}
