/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", Tahoma, "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 2em;
	color: #333333;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;
	background-color: #F7F7F7;
}

a:link {color:#003366;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:visited {color:#003366;text-decoration:none;}
a:hover {color:#660066;}
/* Client Styles */

.thumbnailimages {float: left; margin-right: 10px; margin-bottom: 10px;}

.mediumblue{
	color:#0072BC;
	display:block;
	font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:150%;
	font-style:normal;
	font-variant:normal;
	font-weight:300;
	line-height:170%;		
		}

.mediumcharcoal{
	color:#333333;
	display:block;
	font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:150%;
	font-style:normal;
	font-variant:normal;
	font-weight:300;
	line-height:170%
	}
	
.minitext{font-size:80%;}

/* Various */

#topbanner{
	display:block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 310px;
	width: 970px;
	background-image: url(../images/topbanner.png);
	background-repeat: no-repeat;
	z-index: 200;
}
#topbanner h1{
	position: absolute;	top: -100px;
}
#contentarea{
	z-index: 7;
	background-color: #FFFFFF;
	/* background-image: url(../images/contentback.gif);
	background-repeat: repeat-y; */
}
.bannerimage{
	display:block;
	z-index: 1;
	overflow:hidden;
	width:950px;
	height:390px;
	margin-right: 10px;
	margin-left: 10px;
	position: absolute;
	top: 105px;
}
#pagetitle{
	font-family:"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:150%;
	font-style:normal;
	font-variant:normal;
	font-weight:300;
	height:25px;
	padding:20px;
	position:absolute;
	top:160px;
	width:300px;
	z-index:10;
	background-image: url(../images/titleback.png);
	background-repeat: repeat-y;
}

#subpagecontent{
	position: absolute;
	top: 110px;
	width: 970px;
}

.subbannerimage{
	display:block;
	z-index: 1;
	overflow:hidden;
	width:950px;
	height:190px;
	margin-right: 10px;
	margin-left: 10px;
}
.bannertextholder{
	display:block;
	position: absolute;
	top: 0px;
	z-index: 6;
	right: 70px;
	color: #FFFFFF;
}
.bannertext{
	display:block;
	background-image: url(../images/homebannertext.png);
	background-repeat: no-repeat;
}
.more{
	display:block;
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
	width:85px;
	height:25px;
	float: right;
	margin-right: 20px;
}
.more a{display:block; width:85px;
	height:25px;}
.more span{
	display:none;
}
#footertop{
	display:block;
	background-image: url(../images/footersolid.png);
	background-repeat: repeat;
}
#footer{
	display:block;
	position: absolute;
	top: 495px;
	width: 950px;
	margin-right: 10px;
	margin-left: 10px;
	color:#FFFFFF;
}
#subfooter{
	display:block;
	width: 950px;
	margin-right: 10px;
	margin-left: 10px;
	color:#FFFFFF;
}
#footer ul, #subfooter ul{
	padding:0;
	margin:0;
	list-style-type: none;
}
#footer ul li,#subfooter ul li{
	padding:0;
	margin:0;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7799CC;
}
#footer a:link, #subfooter a:link {color:#FFFFFF;text-decoration:none;}
#footer a:hover, #subfooter a:hover {color:#00CCFF;text-decoration:none;}
#footer a:visited, #subfooter a:visited {color:#FFFFFF;text-decoration:none;}


#footerback{
	display:block;
	background-image: url(../images/footerback.png);
	background-repeat: repeat-y;
}
#bottomcurves{
	display:block;
	background-image: url(../images/bottom-curves.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#strapline{color:#3B5488; font-size:x-small;}

.iconfix img{
	margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	}
	
.hr {border-bottom:1px solid #CCCCCC;}

	
h3,h2 {font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:#333333;
	font-size:160%;
	line-height: 150%;
	font-weight: 300;
	Padding:0;
	margin:10px 0 10px 0;}
#news h3,#news h2 {font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:#333333;
	font-size:160%;
	line-height: 150%;
	font-weight: 300;
	Padding:0;
	margin:10px 0 0 0;}
/* CUSTOM */
.mediumwhite{
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:#FFFFFF;
	font-size:150%;
	line-height: 150%;
	font-weight: 300;
	Padding:0;
	margin:10px 0 10px 0;}
.bannerheader{
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	color:#FFFFFF;
	font-size:180%;
	line-height: 180%;
	font-weight: 300;
	Padding:0;
	margin:0px 0 20px 0;}
.subnavheader{padding:0; margin:0; font-weight:bold; display:none;}
.subpagebannerheader{display:block;color:#0072BC;font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:120%;
font-style:normal;
font-variant:normal;
font-weight:300;}
.subpagebannertext{display:block}

/* TOP NAV */

#topnav {
	display: block;
	list-style: none;
	bottom: 300px;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#topnav  ul {
	display: inline;
	margin:0px;
	list-style-type: none;
	padding: 0px;
}
#topnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#topnav li span {
	margin: 0px;
	padding: 0px;
	display: block;
}
#topnav  li a {
	color: #0072BC;
	text-decoration: none;
	text-align: left;
	display: block;
	margin: 0px;
	background-image: url(../images/navdividers.png);
	background-repeat: no-repeat;
	height: 25px;
	background-position: right center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family:"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:150%;
	font-weight:300;
	font-style: normal;
	line-height: 25px;
	font-variant: normal;
	float: left;
}
#topnav li li a {
	color:#0099CC;
	padding-left: 13px;
	background-image: url(../images/sub-navborder.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-position: left bottom;
}
#topnav li li li a {
	color:#CC0033;
	padding-left: 20px;
	background-image: url(../images/navborder.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-position: left bottom;
}
#topnav li a:hover {
	color: #2C205B;
}
#topnav li.selected a, #topnav li.selected a:hover  {
	color: #000033;
}
#topnav ul  li.selected  ul li a, #topnav ul  li.selected  ul li a:hover  {
	color:#D45E7E;
	background-image: url(../images/sub-navborder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#topnav ul  li.selected  ul li a:hover  {
	color:#0072BC;
	background-image: url(../images/sub-navborder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#last { border-right:1px solid #FFFFFF; }

/* SUB NAV */

#subnav {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}	
#subnav  ul {
	display: inline;
	margin:0px;
	list-style-type: none;
	padding: 0px;
}
#subnav ul li {
	display: inline;
	margin: 0px;
}
#subnav li li a {
	color:#006699;
	padding-left: 20px;
}
#subnav li a {
	list-style-type: none;
	display: block;
	color:#333333;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 15px;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#subnav li a:hover {
	color:#0099CC;
	font-weight: normal;
	background-color:#FCFCFD;
}
/* Sermons */

table.sermons {width:100%; border-collapse:collapse;}
table.sermons td, table.sermons th {border:1px solid #CCCCCC; border-collapse:collapse; padding:3px; font-size:90%; color:#666666;}
table.sermons th {text-align:left; background:rgb(176,193,218)}
table.sermons caption {caption-side: top; width: auto;text-align: left; display:none;}
table.sermons th.date {width:auto;}
table.sermons th.time {width:auto;}
table.sermons th.speaker {width:auto;}
table.sermons th.title {width:auto;}
table.sermons th.audio, table.sermons td.audio {width:auto; text-align:center;}
table.sermons tr.latestsermons td{
	background-color:#FCFCFD;
	background-image: url(/images/table-fades.gif);
	background-repeat: repeat-x;
	background-position: 0px 15px;
	font-weight:bold;
	color:#660066;
}

#sermonSearchBox {display:block; height:45px;}
#sermonSearchBox input {border:1px solid #CCCCCC;
float:left;
font-size:120%;
height:25px;
margin:0 10px 0 0;
padding:6px 3px 0;}
#nowplaying{display:none;}
.playbutton{
	width:16px;
	height:16px;
	background-image: url(/oncms/master_assets/images/icons/control_play_blue.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left:5px;
}
.playbutton span{display:none;}
.pausebutton{
	width:16px;
	height:16px;
	background-image: url(/oncms/master_assets/images/icons/control_pause_blue.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left:5px;
}
.pausebutton span{display:none;}
tr.playing td{background:#C4D3CC;background-image: none;}

/* Buttons */

.buttons a.positive:hover, button.positive:hover {
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
button.positive, .buttons a.positive {
color:#529214;
}
.buttons a.confirm:hover, button.confirm:hover {
background-color:#E6EFC2 !important;
border:1px solid #C6D880;
color:#529214 !important;
}
button.confirm, .buttons a.confirm {
color:#FFFFFF !important;
background-color:#6D757C !important;
}
buttons a.negative:hover, button.negative:hover {
background:#FBE3E4 none repeat scroll 0 0;
border:1px solid #FBC2C4;
color:#D12F19;
}
button.negative, .buttons a.negative {
color:#D12F19;
}
.buttons button[type] {
line-height:17px;
padding:5px 10px 5px 7px;
}

button:hover, .buttons a:hover {
background-color:#DFF4FF;
border:1px solid #C2E1EF;
color:#336699;
}
.buttons button {
overflow:visible;
padding:4px 10px 3px 7px;
width:auto;
}
.buttons a, .buttons button {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#F5F5F5;
border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
border-style:solid;
border-width:1px;
color:#565656;
cursor:pointer;
display:block;
float:left;
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size:100%;
font-weight:bold;
line-height:130%;
margin:0 10px 0 0;
padding:5px 10px 6px 7px;
text-decoration:none;
}

/* Gallery Thumbs   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.gallerythumb{
	float:left;
	border: none;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: #CCCCCC;
}
.gallerythumb img{
	padding: 1px;
	display: inline;
}
.thumbnails {
	padding:5px;
	float: left;
	border: 1px solid #999999;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* About Us Thumbs   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.thumbnails {width:150px; float:left; background:#CCCCCC;}
.thumbnails .caption {width:150px; padding:10px;}