@charset "UTF-8";
/* CSS Document */
  @font-face {
    font-family: BankGothic Lt BT;
    font-style:  normal;
    font-weight: normal;
    src: url('fonts/BANKGOT0.eot');
  }
  
@font-face {
	font-family: "Bank Gothic Light BT";
	src: url('fonts/bankGothic.ttf');
}
body {
 font-family:  BankGothic Lt BT, 'Bank Gothic Light BT';
}

a, a img {
	text-decoration: none;
	outline:none;
	border:0px;
}
div.overlay {
	display: none;
	padding: 32px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background: url("../images/btn_close.png");
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2000;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

#qnav {
	background: url("../images/bgUstream.png"); /* growing background image */	
	position: absolute;
	height:625px;
	width:670px;
}

#darken {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:199;
	background:black;
	opacity:.7;
	filter:alpha(opacity=70); /* Transparency in IE */  
}  

#live {
	cursor: pointer;
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:145px;
	height:48px;
	z-index:198;
}
#liveList li, #liveList a {
	background:url('../images/live.gif') 0 0 no-repeat;
	width:145px;
	height:48px;
	display:block;
	margin:0;
	padding:0;
}
#liveList {
	top:0;
	width:145px;
	height:48px;
	margin:0;
	padding:0;
}
#liveList li span {
	display: none;
}
#liveList li {
	float:left;
	list-style:none;
	position:relative;
}

#liveGraphic a{
	background-position:0px 0px;
}

#liveGraphic a:hover {
	background-position:0px -48px;
} 

#popOut {
	border:10px solid #000;
	background:#fff;
	position: absolute;
	height:578px;
	width:670px;
	z-index:200;
}
#ustream {
	position:absolute;
	margin-top:15px;
	width:670px; 
	height:528px;
	background-color:#000;
	z-index:1;
}
#ustreamOffline {
	margin-top:245px;
	color:#903;
	font-size:36px;
}
body {
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}

#middleBox {
	margin:auto;
	width:1024px;
	height:2000px;
	position:relative;
}

#middleBoxMinistries {
	margin:auto;
	width:1024px;
	height:900px;
	position:relative;
}

#middleBoxNew {
	margin:auto;
	width:1024px;
	height:750px;
	position:relative;
}
#middleBoxConstruction {
	margin:auto;
	width:1024px;
	height:650px;
	position:relative;
}
#middleBoxMedia {
	margin:auto;
	width:1024px;
	height:550px;
	position:relative;
}

.middleBoxInfo {
	position:absolute;
	margin-top:40px;
	margin-left:40px;
	width: 600px;
	height: 550px;
	background-color:#666;
	overflow:scroll;
}
.middleBoxNew {
	position:absolute;
	margin-top:40px;
	margin-left:40px;
	width: 600px;
	background-color:#666;
}
.middleBoxStaff {
	position:absolute;
	margin-top:40px;
	margin-left:40px;
	width: 600px;
}

.middleBoxServiceTimes {
	position:absolute;
	margin-top:40px;
	margin-left:75px;
	width: 600px;
}
.ustreamContainer {
	position:absolute;
	margin-top:20px;
	margin-left:0px;
	width: 670px;
	height: 578px;
	z-index:1;
}
#ustreamLogo {
	position:absolute;
	margin-top:0px;
	right:0px;
	width: 95px;
	height: 40px;
	background-color:#FFF;
	background-image:url('../images/ustreamLogo.gif');
	opacity:1.0;
	filter:alpha(opacity=100); /* Transparency in IE */ 
	z-index:1000;
}
.liveTitle {
	margin-top:10px;
	font-size:24px;
	color:#777;
}

#liveButtons {
	margin-top:560px;
	background-color: #FFF;
	z-index:6000;
}

.middleBoxButtonsContainer {
	right:65px;
	position:absolute;
	top:40px;
	width: 240px;
	height: 238px;
	background-image:url('../images/middleButtonsBackground.gif');
	background-color:#666;
	text-decoration: none;
}
.middleBoxButtonsCorners {
	margin-top:0px;
	margin:auto;
	position:absolute;
	width: 240px;
	height: 238px;
	background-image:url('../images/middleBoxButtonsCorners.gif');
}
.middleCornersVideoTop {
	margin: auto;
	top: 0;
	width:1024px;
	height:12px;
	position:absolute;
	background-repeat:no-repeat;
	background-image:url('../images/middleCorners.gif');
	text-align: center;
	z-index:50;
}
.middleCornersVideoBottom {
	margin: auto;
	bottom:0;
	width:1024px;
	height:12px;
	position:absolute;
	background-repeat:no-repeat;
	background-image:url('../images/middleCorners.gif');
	background-position:  0px -453px;
	text-align: center;
	z-index:50;
}
.middleCorners {
	margin: auto;
	width:1024px;
	height:465px;
	background-repeat:no-repeat;
	background-image:url('../images/middleCorners.gif');
	text-align: center;
	z-index:50;
}
.middleFrame {
	margin: auto;
	margin-top:4px;
	margin-bottom:4px;
	width:1024px;
	height:465px;
	background-repeat:no-repeat;
}
#mediaspace {
	width:1024px;
	height:465px;
	position:relative;
	margin: auto;
	margin-top:4px;
	margin-bottom:4px;
	background-color:#000;
}
.blank {
	margin: 10px 10px;
	padding: 10px 10px;
	width: 64px;
}
.clear {
	clear: both;
}
#color {
	margin:auto;
	background-color:#FFF;
}
#nav {
	margin:auto;
	background-image:url(../images/buttonBackground.jpg);
}
#bottom {
	margin:auto;
	height: 74px;
	background-image:url(../images/buttonBackground.jpg);
}
#slides {
	margin: auto;
}
#slideshow {
	height: 120px;
	margin-top: 5px;
	position: relative;
}
.slide {
	width: 1024px;
	margin: auto;
}
.slide a {
	display: block;
	float: left;
	height: 120px;
	width: 315px;
	position: relative;
}
a.middle {
	margin-right: 39px;
	margin-left: 39px;
}
.slide a strong {
	display: none;
}
#slideshow_nav {
	margin: 0 auto;
	padding: 5px 0;
	width: 100px;
}
#slideshow_nav a {
	background-image: url('../images/slideshow_nav_a.gif');
	display: block;
	float: left;
	height: 10px;
	margin: 5px;
	text-indent: -7000px;
	width: 10px;
}
#slideshow_nav a.activeSlide {
	background-position: left 10px;
}

#nav_buttons {
	width:944px;
	height:74px;
	margin:auto;
	padding:0;
}
#nav_buttons li span {
	display: none;
}
#nav_buttons li {
	float:left;
	list-style:none;
	position:relative;
}
.topBar {
	margin:auto;
	position:relative;
	width:1024px;
	height:74px;
}
.topBarLinks {
	right:0;
	top:0;
	margin:auto;
	position:absolute;
	width:375px;
	height:28px;
	background-color:#CCCCCC;
	background-image:url('../images/topbarCorners.gif');
}

#nav_buttons li, #nav_buttons a {
	background:url('../images/buttonsGrid.jpg') 0 0 no-repeat;
	height:74px;    /* Each button must have the same height, define it here */
	display:block;
	margin:0;
	padding:0;
}
#header li, #header a {
	background:url('../images/gaLogo.jpg') 0 0 no-repeat;
	height:74px;    /* Each button must have the same height, define it here */
	display:block;
	margin:0;
	padding:0;
}
#header {
	top:0;
	width:393px;
	height:74px;
	margin:0;
	padding:0;
}
#header li span {
	display: none;
}
#header li {
	float:left;
	list-style:none;
	position:relative;
}
#gaLogo a {
	width:393px;
	background-position:  0px 0px;
}
li#new, li#ministries, li#media, li#ltm {
	margin-bottom:0px;
	width:236px;
}
#new a {
	background-position:  0px 0px
}
#ministries a {
	background-position: -236px 0px
}
#media a {
	background-position: -472px 0px
}
#ltm a {
	background-position: -708px 0px
}
#new a:hover, #new.live a{
	background-position: 0px -74px
}
#ministries a:hover, #ministries.live a {
	background-position: -236px -74px
}
#media a:hover, #media.live a {
	background-position: -472px -74px
}
#ltm a:hover, #ltm.live a {
	background-position: -708px -74px
}
.headerLinks {
	top:5px;
	position:relative;
	font-size: 16px;
}
.headerLinks a, #contactUsLinks a, #mediaLinks a{
	color: #B30000;
}
.headerLinks a:hover, #contactUsLinks a:hover, #mediaLinks a:hover {
	color: #000000;
}
#middleBoxLinks {
	margin-top:0px;
	position:relative;
	font-size: 24px;
	width:215px;
	margin:auto;
}

#middleBoxLinks a {
	color: #FFFFFF;
}

#middleBoxLinks a:hover {
	color: #B30000;
}

.socialButtonsContainer {
	width:335px;
	height:57px;
	position:absolute;
	margin-top:300px;
	right:15px;
}

#socialButtons {
	width:335px;
	height:57px;
	margin:auto;
	padding:0;
}
#socialButtons li span {
	display: none;
}
#socialButtons li {
	float:left;
	list-style:none;
	position:relative;
	
}
#socialButtons li, #socialButtons a {
	background-image:url('../images/socialButtons.gif');
	background-color:#fff;
	height:57px;    /* Each button must have the same height, define it here */
	display:block;
	border:solid #FFF;
	margin:0;
	padding:0;
}

li#twitter, li#flickr {
	width:61px;
	background-color:#fff;
}
li#facebook {
	width:65px;
	background-color:#fff;
}
li#youtube {
	margin-bottom:0px;
	width:95px;
}
#facebook a {
	background-position:  0px -1px
}
#twitter a {
	background-position: -72px -1px
}
#youtube a {
	background-position: -130px -1px
}
#flickr a {
	background-position: -220px -1px
}
#facebook a:hover, #facebook.live a{
	background-position: 0px -57px
}
#twitter a:hover, #twitter.live a {
	background-position: -72px -57px
}
#youtube a:hover, #youtube.live a {
	background-position: -130px -57px
}
#flickr a:hover, #flickr.live a {
	background-position: -220px -57px
}

.style13 {
	color: #800000;
	font-weight: bold;
}
.style16 {font-size: 12px; color: #FF6666; }