* { margin: 0; padding: 0;}

#countdown {
 width: 700px;
 text-align: center;
 text-transform: uppercase;
 line-height: 302px;
 font-size: 100px;
 font-family: "Impact", sans serif;
}

body {
 background-color: #fff;
 font-family: Helvetica, sans-serif
}

a {
 text-decoration: none;
}

#container, #header {
 width: 925px;
 margin: 0 auto;
 padding: 0;
}

#outer-header {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ffffff));
}

#header {
 padding: 2em 0 3.5em 0;
}

#header h1 a {
 display: block;
 width: 0; height: 0;
 padding: 22px 169px 0 0;
 overflow: hidden;
 background-image: url("/images/logo.png");
 float: left;
 margin: 0;
}

p#services,
p#tweet,
#header a#login:link,
#header a#login:visited {
 padding: .7em 5.1em;
 color: #999;
 font-weight: bold;
 text-transform: uppercase;
 font-size: .65em;
 letter-spacing: 0px;
 float: right;
 margin: 0 .5em 0 1.5em;
}

#header a#login:link,
#header a#login:visited {
 background-color: #eaeaea;
 -webkit-border-radius: .5em;
 -moz-border-radius: .5em;
 border-radius: .5em;
}

#header a#login:hover,
#header a#login:active {
  background-color: #ddd; 
}

p#services {
 padding: .1em 0 0 2em;
 padding: .7em 0 0 2em; /*for parter's login alignment*/
 text-align: right;
 color: #222;
 margin: 0;

 padding: 0 0 0 2em;
}

p#tweet {
 padding: 1em 0 0 0;
 text-align: left;
 margin: 0 auto;
 float: none;
 clear: both;
}

p#tweet a:link,
p#tweet a:visited {
 color: #222;
}

p#tweet a:hover,
p#tweet a:active {
 color: #19a7f1;
}

p#services span,
p#tweet span {
 color: #999;
 margin: 0 0 0 .5em;
}

p#services span {
 margin: 0 1em 0 0;
}

p#services span#sunday {
 color: #19a7f1;
 color: #009df2;
}

#content {
 float: left;
 clear: both;
}

#tabs {
 width: 700px; height: 302px;
 float: left;
 margin: 0 0 1em 0;
 background: #e5e5e5;
 position: relative;
 border: 1px solid #ccc;
}

#tabs ul {
 position: absolute;
/*
 top: 225px;
*/
 right: 0;
 margin: .7em .75em;
 list-style-type: none;
 bottom: 0;
}

#tabs ul li {
 float: left;
 margin: 0 0 0 .25em;
 display: inline;
}

#tabs ul li a:link,
#tabs ul li a:visited {
 padding: .25em .75em;
 font-size: .7em;
 color: #fff;
 display: block;
 margin: 1px;
}

#tabs ul li a:hover,
#tabs ul li a:active {
 background: #fff;
 cursor: pointer;
 color: #19a7f1;
 border: 1px solid #606060;
 margin: 0;
 
 -webkit-border-radius: .6em;
 -moz-border-radius: .6em;
 border-radius: .6em;
}

#tabs .tab-content {
 display: block;
 padding: .5em .75em .75em .75em;
 border-top: 1px solid #ccc;
}

#tabs .tab-content h2 {
 font-size: 1.5em;
 text-transform: uppercase;
 letter-spacing: -1px;
}

#tabs .tab-content p {
 font-size: .68em;
}

#tabs .tab-content p a:link,
#tabs .tab-content p a:visited {
 color: #19a7f1;
 font-weight: bold;
}

#tabs .tab-content p a:hover,
#tabs .tab-content p a:active {
 color: #404040;
}
			
/* Tabs
----------------------------------*/
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0; padding: 0; background: #404040; -webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding: 0; border-bottom-width: 0; background: #19a7f1; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#vision {
 float: left;
 clear: right;
}

.vision {
 float: left;
 border-bottom: 1px solid #e6e6e6;
 
 margin: 0 .5em 0 0;
 width: 195px;
 padding: 0 0 0 18px;
}

.vision h2 {
  text-transform: uppercase;
  letter-spacing: -2px;
  line-height: .9em;
  color: #404040;
  font-size: 2.25em;
  margin: 0 .9em .15em 0;
  padding: .35em 0 0 0;
}

.vision a:link,
.vision a:visited {
  font-weight: bold;
  font-size: .7em;
  float: right;
  text-transform: lowercase;
  color: #a6a6a6;
  padding: .1em 0 .55em 0;
  
  float: left;
}

.vision a:hover,
.vision a:active {
  color: #404040;
}

#god h2 span {
  color: #415681;
}

#grow h2 span {
  color: #e32701;
}

#give h2 span {
  color: #24b37d;
}
 
#give {
  border: none;
}




/*------------------
	Pages
-------------------*/

.page {
 margin: 0 0 1em 0;
 float: left;
 width: 924px;
 position: relative;
}

.page img {
/*
 width: 300px; height: 225px;
 background: #000;
*/
 float: right;
 margin: 0 .45em 0 .5em;
}
/*
.page .image-alt {
 width: 300px; height: 225px;
 background: #000;
 float: left;
 margin: 0 .45em 0 0;
}
*/
.page h2 {
 color: #404040;
 margin: 0 0 .5em 0;
}

.page p {
 color: #7f7f7f;
 font-size: .8em;
 padding: 0 0 0 .1em;
}

.page strong {
 color: #404040;
}

.page a:link,
.page a:visited {
 color: #009df2;
}

.page a:hover,
.page a:active {
 color: #404040;
}


.feature {
  background-color: #e5e5e5;
  float: left;
  padding: .75em 1em;
  width: 268px;
  margin: 0 .5em 1em 0;
	
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
}

.feature h3 {
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #737373;
}

.feature p {
  color: #808080;
  font-size: .75em;
}

.feature a {
  font-weight: bold;
  font-size: .8em;
  float: right;
  text-transform: lowercase;
}


#podcasts a:link,
#podcasts a:visited {
  color: #405580;
}

#podcasts a:hover,
#podcasts a:active {
  color: #293d66;
}


#xcelcentre a:link,
#xcelcentre a:visited {
  color: #e42700;
}

#xcelcentre a:hover,
#xcelcentre a:active {
  color: #b01d00;
}


#academy a:link,
#academy a:visited{
  color: #21a673;
}

#academy a:hover,
#academy a:active{
  color: #177350;
}






#links {
 float: left;
 clear: both;
/*
 width: 925px;
*/
 background: url("/images/links.gif");
}

.links {
  float: left;
  /*border-left: 1px solid #e6e6e6;*/
  margin-left: 0px;
  padding: 0 0 .5em .5em;
  width: 19%;

  padding: 0 0 8px 10px;
  width: 175px;
}

.links h4 {
  color: #404040;
  letter-spacing: -1px;
  text-transform: lowercase;
}

.links li {
  list-style: none;
  font-size: .7em;
  text-transform: lowercase;
  
}

.links li a:link,
.links li a:visited {
  color: #7f7f7f;
}

.links li a:hover,
.links li a:active {
  color: #404040;
}

/* Contact Form
------------------------------------------*/
form.zemContactForm {
 position: relative;
 float: left;
 width: 600px;
 margin: 4px 0 0 0;
}

form.zemContactForm fieldset {
 border: none;
}

form.zemContactForm fieldset br,
form.zemContactForm legend, 
form.zemContactForm label {
 display: none;
}

form.zemContactForm input, 
form.zemContactForm textarea {
 font-family: Helvetica, Arial, sans-serif;
 color: #aaa;
 font-size: .75em;
 border: 1px solid #aaa;
 margin: 0 0 10px 0;
 padding: 5px;
 width: 590px
}

form.zemContactForm button {
 float: right;
 padding: 4px 6px;
 margin: 0 2px 0 0;
 text-transform: none;
}

.zemThanks {
 width: 576px;
 margin: 4px 0 0 0;
 border: 2px solid #00c200;
 padding: 10px;
 float: left;
}

.zemError {
 font-size: .75em;
 list-style-type: none;
 border: 2px solid #c20000;
 padding: 10px;
 float: left;
 width: 578px;
 margin: 0 0 10px 0;
}