/* 
    Document   : common
    Created on : Jun 12, 2012, 3:08:50 PM
    Author     : jessicayu
    Description:
        Purpose of the stylesheet follows.
    Subpage CSS
*/
#top_about_img {background:url(../images/sub_1.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_congregations_img {background:url(../images/sub_2.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_serviceministry_img{background:url(../images/sub_4.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_news_img{background:url(../images/sub_3.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_publications_img{background:url(../images/sub_4.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_stewardship_img{background:url(../images/sub_6.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_globalmission_img{background:url(../images/sub_7.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}

#navi, #content {margin:9px 0;}
#navi {float:left; width:246px; height:100%; background:url(../images/bg_sidebar.gif) repeat-x top left; min-height:600px; }
#content { float:right; background:url(../images/bg_contents.gif) repeat-x top right; width:658px; padding:20px 30px; min-height:600px;}
#content h2 {color:#31438b; font-size:20px; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; }
#content h3 {color:#000; font-size:15px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
#content p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:10px; color:#666; font-weight:normal;}
#content img{ margin-right:10px; margin-bottom:10px;}
#content a {color:#31438b; text-decoration:none; font-weight:bold; }
#content a:hover {color:#ec5300; text-decoration:underline; }

#content ul{ list-style:none;}
#content ul li{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-style:italic; }
#content ul li a{color:#333;}

/* Navigation */
#navi h3{margin-top:20px; padding-left:20px;}
#navi h3 a{ font-size:18px; color:#31438b; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;}
#navi ul.sub {list-style:none; margin-top:15px;}
#navi ul.sub li{color:#2b3343; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px solid #CCC; padding:5px 0; background:url(../images/bt_r_arr.png) no-repeat 0 12px; padding-left:12px; }
#navi ul.sub li a{color:#2b3343; text-decoration:none; font-size:14px; }
#navi ul.sub li a:hover{color:#c9242b; text-decoration:none; }


#navi ul.sub li ul {display:none; list-style:none; padding-left:-10px; }
#navi ul.sub li ul li{ font-size:12px; font-weight:bold; background:none; padding-left:0px; color:#828386;}
#navi ul.sub li ul li a{ font-size:12px; font-weight:bold; background:none; color:#828386;}
#navi ul.sub li ul li a:hover{ font-size:12px; font-weight:bold; color:#31438b;}
#navi ul.sub li.current ul li.last, #navi ul.sub li:active ul li.last, #navi ul.sub li:hover ul li.last {border-bottom:none; }
#navi ul.sub li:hover ul, #navi ul.sub li:active ul {display:block; }
/* #navi ul.sub li:hover, #navi ul.sub li:active {background: url(../images/bt_b_arr.png) no-repeat 5px left;}
 Current Sub Nav */

#navi ul.sub li.current {
    background-position: -570px 0;
    background:url(../images/bt_b_arr.png) no-repeat 5px left;
    z-index:1;
}
#navi ul.sub li.current a {
  color:#fff;
}
#navi ul.sub li.current ul {
  display:block;
  position:relative;
  left:-10px;
  top:0;
  border:none;
}
#navi ul.sub li.current li {
  padding:0 10px;
}
#navi ul.sub li.current ul a {
  color:#036;
}
/*
#top_about_img {background:url(../images/sub_1.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_congregations_img {background:url(../images/sub_2.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_serviceministry_img{background:url(../images/sub_4.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_news_img{background:url(../images/sub_3.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_publications_img{background:url(../images/sub_4.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_stewardship_img{background:url(../images/sub_6.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}
#top_globalmission_img{background:url(../images/sub_7.jpg) repeat-x top left; height:72px; line-height:72px; padding-left:30px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-transform:uppercase; width:944px;}

#navi, #content {margin:9px 0;}
#navi {float:left; width:246px; height:100%; background:url(../images/bg_sidebar.gif) repeat-x top left; min-height:600px; }
#content { float:right; background:url(../images/bg_contents.gif) repeat-x top right; width:658px; padding:20px 30px;}
#content h2 {color:#31438b; font-size:24px; font-weight: bold; }
#content p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:10px; color:#666; font-weight:normal;}
#content img{ margin-right:10px; margin-bottom:10px;}
#content a {color:#31438b; text-decoration:none; letter-spacing:2px; font-weight:bold;  }
#content a:hover {color:#ec5300; text-decoration:underline; }
*/
/* Navigation */
/*
#navi h3{margin-top:20px; padding-left:20px;}
#navi h3 a{  font-size:18px; color:#31438b; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;}
#navi ul.sub {list-style:none; margin-top:15px;}
#navi ul.sub li{color:#2b3343; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  border-bottom:1px solid #CCC; padding:5px 0;  background:url(../images/bt_r_arr.png) no-repeat 0 12px; padding-left:12px; }
#navi ul.sub li a{color:#2b3343; text-decoration:none; font-size:14px; }
#navi ul.sub li a:hover{color:#c9242b; text-decoration:none; }


#navi ul.sub li ul {display:none; list-style:none; padding-left:-10px;  }
#navi ul.sub li ul li{ font-size:12px; font-weight:bold; background:none; padding-left:0px; color:#828386;}
#navi ul.sub li ul li a{ font-size:12px; font-weight:bold; background:none; color:#828386;}
#navi ul.sub li ul li a:hover{ font-size:12px; font-weight:bold; color:#31438b;}
#navi ul.sub li.current ul li.last, #navi ul.sub li:active ul li.last, #navi ul.sub li:hover ul li.last {border-bottom:none; }
#navi ul.sub li:hover ul, #navi ul.sub li:active ul {display:block; }
*/
/* #navi ul.sub li:hover, #navi ul.sub li:active {background: url(../images/bt_b_arr.png) no-repeat 5px left;}
 Current Sub Nav */
/*
#navi ul.sub li.current {
    background-position: -570px 0;
    background:url(../images/bt_b_arr.png) no-repeat 5px left;
    z-index:1;
}
#navi ul.sub li.current a {
	color:#fff;
}
#navi ul.sub li.current ul {
	display:block;
	position:relative;
	left:-10px;
	top:0;
	border:none;
}
#navi ul.sub li.current li {
	padding:0 10px;
}
#navi ul.sub li.current ul a {
	color:#036;
}*/

/* Photo News */
/* .gallery to be applied to UL which is set of 10 photos */
#photos {
    margin: 0 auto;
    padding:0;
}
#photos .view {
    width:320px;
    height:300px;
    padding:0;
}
#photos .view:nth-child(even) {
    float:right; margin-right:-8px;
}
#photos .view img {width:312px;
    height:235px;
}
#photos .view:nth-child(odd) {
    padding:0;
        float:left;
}

/* Video List */
.videoThumb {
	display:block;
	position:relative;
	width:312px;
	height:235px;
	margin-bottom:1em;
}
.videoThumb .videoBt {
	position:absolute;
	z-index:2;
	width:100%;
	height:100%;
	background:url(../images/bt-play.png) no-repeat 50% 50%;
	opacity: 0.5;
}
 .videoThumb:hover .videoBt {
	opacity:1;
}
.videoThumb img {
	position:absolute;
	z-index:1;
}