/* CSS Document */
div{
	/*border:1px solid #CC0000;*/
}
body, html, #form1, #tbl1{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
#global{
	padding-top:0px;
	height:650px;
}
#page{
	margin:0 auto 0 auto;
	width:993px;
	height:583px;
	padding:0px 0px 0px 0px;
	
}
.modalPopup_inner{
	padding:0 30px 0 30px !important;
}
#page_home{
	margin:0 auto 0 auto;
	width:993px;
	height:583px;
	padding:0px;
}
#page_intro{
	margin:0 auto 0 auto;
	width:995px;
	height:583px;
	padding:20px 0px 0 0px;
}

/* splash page */
#splash1{
	padding-left:435px;
	margin:0 auto 0 auto;
	text-align:center;
	float:left;
	width:90px;
}
#splash1 h1{
	padding:0;
	margin:0;
}
#splash2{
	padding-top:60px;
	padding-left:30px;
	float:left;
	width:400px;
}
.flash_plugin{
	padding-top:175px;
}
#video_nav{
	padding-top:15px;
	height:396px;
	width:975px;
}
#video_nav #video_nav{
	padding:0 !important;
}
#flashvid{
	text-align:center;
}
#ContentPlaceHolder{
	height:100%
}
#flashnav2{
	padding-top:28px;
}
.content2 #flashnav2 #flashnav{
	width:406px;
}
#MediaFrame{
	margin-top:-25px;
}
.display_col_nav #flashnav2{
	padding-top:0 !important;
}
.content1, .content1_1, .content1_2{
	width:576px;
	background:#fbfaf8;
	padding:6px 0 0 0;
	float:left;
}
.content1, .content1_2{
	background:#fbfaf8 url(../images/interface/pagetop.gif) no-repeat 0 0 !important;
}
.content1 .body, .content1_1 .body, .content1_2 .body {
	padding:1px 0 0 45px;
	height:528px !important;
	text-align:justify;
	background:url(../images/interface/page_stopper.gif) no-repeat 45px 503px;
}
.content1 .footer, .content1_1 .footer, .content1_2 .footer{
	width:576px;
	height:31px;
	background:url(../images/interface/pagefooter.gif) no-repeat 0 0;
}
.content2{
	float:right;
	width:417px;
}
.flexcroll{
	/*
	overflow:auto;
	overflow-x:hidden;
	height:400px;
	padding:0 0 0 0;
	margin:10px 0 0 0;
	*/
	/* Typical fixed height and fixed width example */
	height: 400px;
	overflow: auto;
	overflow-x:hidden;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin:10px 0 0 0;
}
.display_col2{
	display:block;
	float:left;
	width:253px;
	height:155px;
	background:url(../images/interface/pagetop_small.gif) no-repeat 0 0;
	margin-right:18px;
}
.display_col1{
	display:block;
	float:left;
	width:253px;
	height:155px;
	margin-right:18px;
	background:#FFF;
}

.display_col1 .body, .display_col2 .body{
	padding:10px 16px;
	text-align:justify;
	
}
.display_col1 h3, .display_col2 h3{
	margin:0 0 2px 0 !important;
	padding:0;
}
.display_col_nav{
	display:block;
	float:left;
	width:171px;
	height:174px;
	margin-top:-3px;
}
.display_col_nav #flashnav{
	width:171px;
}


.eventblurb{
	display:block;
	height:95px;
	line-height:1.1em;
	padding:0;
	margin:0;
}
.eventblurb p{
	margin-top:0px;
	padding-top:0px;
}
.col1{
	float:left;
	text-align:justify;
}
.col2{
	float:left;
	text-align:justify;
}
#congregation_lbl{
	padding:5px 0 5px 0;
	height:20px;
}
.nav_level1, .nav_level1 ul, .nav_level2, .nav_level2 ul{
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
}
.nav_level1{
	width:170px;
	border-left:1px solid #FFF;
	height:157px;
	float:right;
	margin-left:0px;
	padding-left:3px;
	font-family: Arial Narrow,Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-size: 18px; 
	font-weight: bold;
	
}
.nav_level1 li{
	display:block;
	padding:0 0px 0px 5px;
	text-transform:uppercase;
	margin-top:1px;
}
.nav_level2{
	padding-top:5px;
	width:233px;
	height:160px;
	float:left;
}
.nav_level2 li{
	display:block;
	/*width:225px;*/
	text-align:right;
	padding:0 0 7px 0;
	font-size:13px;
}
.topnav_level1, .topnav_level1 ul{
	list-style:none;
	padding:0;
	margin:0;
	width:480px;
	height:30px;
}
.topnav_level1 li{
	padding:5px 10px 0 0;
	margin:0;
	float:left;
	font-size:12px;
	font-weight:bold;
}
.topnav_level1 li a{
	color:#545454;
}
.topnav_level1 li.selected a, .topnav_level1 li a:hover{
	color:#d94724 !important;
}
.nav_level1 li a, .nav_level2 li a{
	color:#FFF;
}
.nav_level1 li a:hover, .nav_level2 li a:hover{
	color:#d94724;
}
.nav_level1 li.selected a, .nav_level2 li.selected a{
	color:#d94724 !important;
}
/* Layout 1*/
.layout_1{

}

/* Layout 2*/
.layout_2 .article_image, .layout_4 .article_image{
	text-align:center;
}

/* Layout 3*/
.layout_3 .col1, .layout_4 .col1, .layout_5 .col1{
	width:230px;
	margin-right:25px;
}
.layout_3 .col2, .layout_4 .col2, .layout_5 .col2{
	width:230px;
}

/* Layout 4*/
.layout_4{

}

/* Layout 5*/
.layout_5{
	
}

/* Layout 6*/
.layout_6 .article_image{
	float:right;
	padding: 0 0 5px 10px;
}

/* Layout 7*/
.layout_7 .article_image, .layout_6 .article_image{
	text-align:center;
}
.layout_7 .flashvideo{
	text-align:center;
}

/* Layout 8*/
.layout_8 .article_item{
	padding-bottom:20px;
	text-align:center;
}
.layout_8 .article_blurp{
	width:275px;
	float:left;
	text-align:left;
}
.layout_8 .data_table input{
	margin:0;
	padding:0;
}
.layout_8 .article_icons{
	/*width:265px;*/
	float:left;
}


.layout_8 .article_icons .article_icon{
	margin-left:13px;
}
.layout_8 h4, .layout_8 p, .layout_8 span{
	margin:0;
}
.layout_8 h4{
	color:#FF6600;
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
}
.layout_8 .subheading{
	color:#333333;
}
.article_image{
	padding-top:10px;
}
.col1, .col2{
	padding-top:10px;
}
.layout_1, .layout_2, .layout_3, .layout_4, .layout_5, .layout_6, .layout_7, .layout_8{
	margin:0px 0 0 0;
	width:490px;
}
.ChangeCongregationLink, .CurrentCongregationLink{
	font-size:12px;
	font-weight:bold;
}
.ChangeCongregationLink{
	color:#666;
}
.EventHeading{
	font-family: Arial Narrow,Arial, Helvetica, sans-serif; 
	color:#d94724; 
	font-size: 18px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 0 10px 0;
	display:block;
}
.ContentHeading{
	font-family: Arial Narrow, Arial, Helvetica, sans-serif; 
	color:#d94724;
	font-weight:bold;
	text-transform:uppercase;
	font-size:32px;
	padding:22px 0 10px 0;
	display:block;
}
.splash_nav, .splash_nav ul{
	font-weight:bold;
	font-size:12px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	background:url(../images/interface/px.gif);
	
	
}
.splash_nav{
	padding-top:100px;
}
.splash_nav li {
	position: relative;
	text-align:right;
}
.splash_nav li li{
	text-align:left;
}
.splash_nav li ul {
	position: absolute;
	left: 150px;
	top: 0;
	display: none;
	padding-left:5px;
}
.splash_nav li a {
	display: block;
	text-decoration: none;
	padding: 2px;
	border-bottom: 0;
	
	font-family: Arial Narrow, Arial, Helvetica, sans-serif; 
	color: #666666;
	font-size: 18px; 
	font-weight: bold;
}
.splash_nav li ul li a{
	padding:1px;
	font-size: 14px;
}
.splash_nav li a:hover{
	color:#d94724;
}
	/* Fix IE. Hide from IE Mac \*/
	* html .splash_nav li { float: left; }
	* html .splash_nav li a { height: 1%; }
	/* End */
	.splash_nav li:hover ul { display: block; } /*  The magic */
	
.data_table{
	padding-top:10px;
}
	
.data_table, .data_table td, .data_table tr{
	border-width:0px !important;
	border-collapse:separate !important;
}
.data_table td{
	vertical-align:top;
	padding-bottom:12px;
}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 23px;
background-color: #f2f1ef;
}
.vscrollerbar {
width: 23px;
background-color: #CCC;
}
.hscrollerbase {
height: 23px;
background-color: #f2f1ef;
}
.hscrollerbar {
height: 23px;
background-color: #CCC;
}

.scrollerjogbox {
width: 23px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
iframe{
	/*border:1px solid #00CC00;*/
}

.GB_Window{
	madding:10px 0 10px 10px !important;
}