/* CSS Document last updated 08/12/08*/

body {
	font: 0.7em "Lucida Grande", Tahoma, "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
	
}
a {color:#006699;}

body {
	background: #000000 url(../images/backfade.gif) repeat-x;
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
/* CSS Main Layout */

#footer,
#container,
#containeralt {
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 765px; 
	voice-family: "\"}\""; /* IE 5 Box Model Hack - for margins*/
	voice-family:inherit;
	width:765px;
}
/*Be Nice to opera rule*/
html>body #footer,
html>body #container,
html>body #containeralt {
  width:765px;
	}
#footer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9B9B9B;
	background-color: #4C7BA8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	height: 80px;
	}
#footer p {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #9B9B9B;
	}
#footer a {
	color: #4F4F4F;
	text-decoration: none;
	}
.footspace {
	clear: both;
	height: 30px;
	}
#container {
	background: #FFFFFF url(../images/backcontainer.gif) repeat-y;
}
#containeralt {
	background: #FFFFFF url(../images/backcontaineralt.gif) repeat-y;
}
#container #leftcolumn, 
#containeralt #leftcolumn {
	width: 584px;
	float: left;
	display: inline;
	text-align: left;
	}
#container #midcolumn, 
#containeralt #midcolumn {
	width: 148px;
	float: left;
	display: inline;
	height: 250px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9DDCF9;
	padding-left: 10px;
	padding-top: 10px;
	}
#container #rightcolumn, 
#containeralt #rightcolumn {
	width: 181px;
	float: right;
	display: inline;
	line-height: 18px;
	}
#footercontainer {
	width: 100%;
	height:150px;
	font-family: "Lucida Grande", Arial, Helvetica;
	line-height: 15px;
	color: #999999;
	background-color: #E6E8EE;
	}
#footer #left {
	float: left;
	width: 135px;
	font-family: "Lucida Grande", Arial, Helvetica;
	line-height: 15px;
	color: #999999;
	height: 45px;
	padding-left: 20px;
	}
#footer #middle {
	float: left;
	width: 140px;
	font-family: "Lucida Grande", Arial, Helvetica;
	color: #999999;
	line-height: 15px;
	height: 45px;
	background-image: url(../images/footerdivider.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 20px;
	}
#footer #right {
	float: left;
	width: 340px;
	font-family: "Lucida Grande", Arial, Helvetica;
	line-height: 15px;
	color: #999999;
	height: 45px;
	background-image: url(../images/footerdivider.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 20px;
	}

#container #rightcolumn .highlight, 
#containeralt #rightcolumn .highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00BDE6;
	line-height: 25px;
}
#container #midcolumn .header, 
#container #midcolumn .header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00BDE6;
	display: block;
	line-height: 25px;
	margin-bottom: 5px;
	font-weight: bold;
}
.darkblue {
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
.lightblue {
	color: #00BDE6;
}
	
/* Navigation */

#navlist
{
	font-size: 11px;
	padding:0;
	margin:0;
}

 #navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a
{
	width:110px;
	height: 21px;
	padding-top: 7px;
	color: #FFFFFF;
	padding-left: 0px;
	text-decoration: none;
	float: left;
	margin-right: 1px;
	background: url(../images/nav_up.gif) no-repeat center;
	text-align: center;
	text-transform: uppercase;
}

#navlist li a:link, #navlist li a:visited { 
	color: #FFFFFF; 
}

#navlist li a:hover {
	background: url(../images/nav_down.gif) no-repeat center center;
	color: #ffffff;
}

#navlist li a#current, #navlist li a:hover#current {
	color: #FFFFFF;
	background: url(../images/nav_down.gif) no-repeat center center;
}
/* Subnav */

#subnav
{
	font-size: 10px;
	padding:0;
	margin:0;
}

 #subnav li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#subnav li a
{
	width:140px;
	height: 25px;
	padding-top: 5px;
	color: #333333;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-left: 10px;
}

#subnav li a:link, #subnav li a:visited { 
	color: #666666; 
}

#subnav li a:hover {
	color: #0099CC;
}

#subnav li a#current, #subnav li a:hover#current {
	color: #0099CC;
}
/* Events */

#eventtop {
	height: 40px;
	background: url(../images/date_bg.gif) no-repeat;
	}
 #eventtop #day  {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-align: right;
	float: left;
	width: 77px;
	height: 27px;
	padding-top: 10px;
	color: #003366;
}
#eventtop #month {
	font-size: 9px;
	height: 29px;
	width: 30px;
	float: left;
	margin-left: 5px;
	line-height: 11px;
	padding-top: 8px;
	color: #003366;
}
#eventtop #eventhead {
	color: #FFFFFF;
	height: 27px;
	width: 50px;
	padding-top: 10px;
	float: left;
	padding-left: 10px;
}
#rightcolumn .eventdetail {
	font-size: 10px;
	width: 151px;
	padding: 8px 15px 5px;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#rightcolumn .eventdetail .eventheader, 
#rightcolumn .eventdetail .eventheader a {
	font-size: 12px;
	font-weight: bold;
	color: #0099CC;
	text-decoration: none;	
}
#rightcolumn .eventdetail .eventheader a:hover  {
	font-size: 12px;
	font-weight: bold;
	color: #0099CC;
	text-decoration: underline;
}
#rightcolumn .navright {
	background-image: url(../images/kickheadback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 181px;
	color: #333333;
	margin-bottom: 20px;
}
#rightcolumn .navright span {
	height: 23px;
	font-weight: bold;
	padding-top: 5px;
	display: block;
	clear: left;
	color: #333333;
	padding-bottom: 10px;
	padding-left: 15px;
}
#rightcolumn .kickergrey {
	background-color: #333333;
	background-image: url(../images/kickheadback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 151px;
	padding-right: 15px;
	padding-left: 15px;
	color: #CCCCCC;
	padding-bottom: 5px;
}
#rightcolumn .kickergrey a {
	color: #00CCFF;
	text-decoration:none;
}
#rightcolumn .kickergrey .adverttext {
	color: #CCCCCC;
	font-size: 10px;
	line-height: 16px;
	padding-top:0px;
	padding-bottom:0px;
}
#rightcolumn .kickergrey span {
	height: 23px;
	font-weight: bold;
	padding-top: 5px;
	display: block;
	clear: left;
	color: #333333;
}
#rightcolumn .kickerwhite {
	background-image: url(../images/kickheadback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 181px;
	color: #666666;
}
#rightcolumn .kickerwhite p {
	padding:0px 10px 0px 10px
}
#rightcolumn .kickerwhite span  {
	height: 23px;
	font-weight: bold;
	padding-top: 5px;
	display: block;
	clear: left;
	color: #333333;
	padding-right: 10px;
	padding-left: 10px;
}
#rightcolumn .kickerwhite a  {
	text-decoration:none;
}
#rightcolumn #rightcolspacer {
	height: 107px;
	width: 181px;
	background-image: url(../images/rightspacerback.gif);
	background-repeat: repeat-y;
}

/* --------------------------------------------------------
Left Column
----------------------------------------------------------- */

#container #leftcolumn #toplogo,
#containeralt #leftcolumn #toplogo {
	background-image: url(../images/gatelogo.gif);
	height: 107px;
	width: 584px;
}
#container #leftcolumn h1,
#containeralt #leftcolumn h1  {
	display: none;
}
#container #leftcolumn #mainadvert,
#containeralt #leftcolumn #mainadvert  {
	height: 256px;
	width: 584px;
}
#container #leftcolumn #maincontent,
#containeralt #leftcolumn #maincontent {
	width: 524px;
	padding-top: 20px;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 20px;
	float: left;
	padding-bottom: 10px;
}
#container #leftcolumn #maincontent .highlight,
#containeralt #leftcolumn #maincontent .highlight,
#container #advertlarge {
	font-size: 12px;
	color: #006699;
}
#container #leftcolumn #mainnav,
#containeralt #leftcolumn #mainnav   {
	width: 574px;
	padding-left: 10px;
	background-color: #FFFFFF;
}
#container #leftcolumn #maintables,
#containeralt #leftcolumn #maintables {
	width: 584px;
	background-color: #333333;
}
#maintables a {
	color:#FFFFFF;
}

/* --------------------------------------------------------
table properties - for alternative rows
----------------------------------------------------------- */
.mytable {
	width: 584px;
	padding: 0;
	margin: 0;
	text-align: left;
}

.mytable caption {
	padding: 0 0 5px 0;
	width: 450px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	display: none;	
}

.mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 40px 6px 0px 12px;
	height: 20px;
}
.mytable th.audio {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 40px 6px 0px 12px;
	height: 20px;
	background-image: url(../images/audio.gif);
	background-repeat: no-repeat;
	background-position: 14px 10px;
	text-align: left;
}
.mytable th.video {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 40px 6px 0px 12px;
	height: 20px;
	background-image: url(../images/video.gif);
	background-repeat: no-repeat;
	background-position: 14px 10px;
}
.mytable th.nobg {
	background: none;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #666666;
	border-left: 0;
}

.mytable td {
	background: #333333;
	padding: 6px 6px 6px 12px;
	color: #CCEDFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
.mytable td.alt {
	background: #1E1E1E;
	color: #CCCCCC;
}
.mytable td.norm {
	background: #2A2A2A;
	color: #CCCCCC;
}
.mytable td.newalt {
	background: #446F97;
	color: #FFFFFF;
}
.mytable td.new {
	background: #4C7BA8;
	color: #FFFFFF;
}
.mytable th.altleft {
	background: #F6F3FC;
	border-left: 1px solid #DFD2F0;
	color: #797268;
}

.mytable th.spec {
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FE8520;
}

.mytable th.specalt {
	background: #F6F3FC url(../images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.mytable .tdbot {
	display: block;
}

#advertsmall {
	background-repeat: no-repeat;
	height: 95px;
	width: 584px;
}

#advertlarge {
	background-repeat: no-repeat;
	height: 256px;
	width: 584px;
}

#advertchurchlife {
	background-image: url(../images/churchlife.gif);
	background-repeat: no-repeat;
	height: 256px;
	width: 584px;
}
#advertmedia {
	background-image: url(../images/gatemedia_hdr.jpg);
	background-repeat: no-repeat;
	height: 256px;
	width: 584px;
}
#advertwhatson {
	background-image: url(../images/whatsonheader.jpg);
	background-repeat: no-repeat;
	height: 256px;
	width: 584px;
}
#advertcontact {
	background-image: url(../images/contactheader.gif);
	background-repeat: no-repeat;
	height: 256px;
	width: 584px;
}
#advertmediaplain {
	background-image: url(../images/mainadvert_audio_plain.jpg);
	background-repeat: no-repeat;
	height: 467px;
	width: 584px;
}
#advertbuilding{
	background-image: url(../images/buildingheader.jpg);
	background-repeat: no-repeat;
	height: 256px;
	width: 584px;
}
#hdr-churchlife{
	background-image: url(../images/short_hdr_churchlife.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 584px;
}
#advertmedia #button {
	height: 40px;
	width: 150px;
	float: right;
	margin-top: 175px;
}
#advertmedia .audiobutton {
	height: 40px;
	width: 120px;
	float: right;
	margin-top: 175px;
	text-align: right;
}
#advertmedia .videobutton {
	height: 40px;
	width: 120px;
	float: right;
	margin-top: 175px;
	text-align: left;
}
#footer h1, #hdr-churchlife h1{
	display: none;
}
.highlightbox{
	padding: 20px;
	background-color: #E7ECED;
	font-size: 12px;
	color: #333333;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	display: block;
}
.leftbox{
	padding: 20px;
	float: left;
	width: 210px;
	border: 1px solid #E6E8EE;
	margin-bottom: 5px;
	height: 300px;
}
.rightbox{
	padding: 20px;
	float: right;
	width: 210px;
	border: 1px solid #E6E8EE;
	margin-bottom: 5px;
	height: 300px;
}
.hr { border-bottom:1px solid #E0DDDD;}
.form { padding:20px;}
.kickerbutton{
	width:110px;
	height:20px;
	position: relative;
	top: 170px;
	display: block;
	left: 400px;
	padding: 15px;
	font-family: "Lucida Grande", Arial, Helvetica;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #86003F;
	font-size: 14px;
	border: 1px solid #FFFFFF;
}