/*
Theme Name: St Michaels Church
Theme URI: http://www.nybbletech.com/
Author: Nybble Tech
Tags: customised theme, CSC, Nybbletech, Total Marketing Australia
*/



body {
	margin:0px;
	padding:0px;
	background:#e7e4d3;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}/* ######################### SOME IMPORTANT CLEARIFICATION ######################### */
img {
	border:none;
}
.clear {
	clear:both;
}
p {
	margin:0px;
	padding:4px 0px;
}
.container {
	position:relative;
	width:900px;
	height:auto;
	margin:0px auto;
}
h1, h1 a {
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:15px;
	font-weight:bold;
	color:#0e89b7;

}
h2, h2 a {
	margin:0px;
	padding:0px 0px;
	font-size:15px;
	font-weight:bold;
	color:#0e89b7 !important;
	background:url(images/blue_icon.png) no-repeat 0px 2px;
	padding-left:18px;
}

h2 a {background:none; padding:0px;}
h3 {
	margin:0px;
	padding:10px 0px;
}
h4 {
	margin:0px;
	padding:10px 0px;
}
h5 {
	margin:0px;
	padding:10px 0px;
}
h6 {
	margin:0px;
	padding:10px 0px;
}
h7 {
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size:15px;
	font-weight:bold;
	color:#0e89b7;
}

/* ######################### SOME IMPORTANT CLARIFICATION END HERE ############################## *//* ######################### TOP BG CSS HERE ######################### */

#top_bg {
	position:relative;
	background:url(images/top_bg.png) no-repeat;
	width:900px;
	height:220px;
}
#logo {
	position:relative;
	float:left;
	width:212px;
	height:200px;
	margin-left:20px;
}
#top_header {
	position:relative;
	width:641px;
	height:200px;
	float:right;
	background:url(images/top_header.png) no-repeat;
	margin-top:10px;
	margin-right:10px;
	overflow:hidden;
}/* ######################### TOP BG CSS END HERE ######################### */
/* ############################################### CONTENT AREA CSS HERE ############################################### */
#main_content_area {
	position:relative;
	width:900px;
	height:auto;
	margin-top:14px;
}
#cont_top {
	position:relative;
	background:url(images/contentbg_top.png) no-repeat;
	width:900px;
	height:10px;
}
#cont_mid {
	position:relative;
	background:url(images/contentbg_mid.png) repeat-y;
	width:900px;
	height:auto;
}
#cont_bot {
	position:relative;
	background:url(images/contentbg_bottom.png) no-repeat;
	width:900px;
	height:10px;
}/* ######################### LEFT BROWN BG CSS HERE ######################### */
#left_brown_bg {
	position:relative;
	width:240px;
	height:auto;
	float:left;
	margin-left:10px;
}
#top_brown {
	position:relative;
	background:url(images/contentbg_left_top.png) no-repeat;
	width:240px;
	height:10px;
}
#mid_brown {
	position:relative;
	background:url(images/contentbg_left_mid.png) repeat-y;
	width:240px;
	height:auto;
}
#bot_brown {
	position:relative;
	background:url(images/contentbg_left_bottom.png) no-repeat;
	width:240px;
	height:11px;
}
#mid_brown ul.brown_left_menu {
	list-style:none;
	margin:0px;
	padding:0px;
}
#mid_brown ul.brown_left_menu li {
	width:240px;
	font-size:12px;
	height:12px;
	line-height:10px;
	vertical-align:middle;
	padding-top:6px;
	padding-bottom:6px;
	border-top:solid 1px #FFF;
	font-weight:bold;
	padding-left:40px;
	background:url(images/nav_bullet.png) no-repeat 20px;
}
.brown_left_menu li a {
	color:#787878;
	text-decoration:none;
}
.brown_left_menu li a:hover {
	color:#0e89b7;
}/*  ####################### left navigation  ############################ */
ul#left-nav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	list-style:none;
	width:220px;
	outline:none;
	font-weight:bold;
}
ul#left-nav li {
	border-bottom:1px solid #fff;
	list-style-image:url(images/nav_bullet.png);
	margin-left:30px;
	outline:none;
	padding-left:10px;
}
ul#left-nav li a {
	display:block;
	padding:6px 0 4px 0px;
	color:#787878;
	text-decoration:none;
	outline:none;
}
ul#left-nav li a:hover, ul#left-nav li.current_page_item a {
	outline:none;
	color:#0e89b7;
}
ul#left-nav li.current_page_item a {
	color:#787878;
}
ul#left-nav li ul {
	padding:0;
	margin:0 -1px 0 0;
	list-style:none;
	font-size:11px;
	font-weight:normal;
	width:181px;
	display:none;
	outline:none;
}
ul#left-nav li ul li {
	list-style:none;
	padding:0px;
	margin:0px;
	outline:none;
	border:none;
	border-top:1px solid #fff;
}
ul#left-nav li.current_page_item ul {
	display:block;
}
ul#left-nav li.current_page_parent ul {
	display:block !important;
}
ul#left-nav li ul li a {
	color:#787878 !important;
	font-weight:normal;
}
ul#left-nav li ul li a:hover {
	color:#0e89b7;
}
ul#left-nav li.selected a {
	color:#0e89b7;
	font-weight:bold;
}
.current_page_item a {
	color:#0e89b7!important;
	font-weight:bold;
}
ul#left-nav li ul li.current_page_item a {
	color:#0e89b7!important;
	font-weight:bold;
}/*  ####################### left navigation  ############################ */
.left_sep1 {
	position:relative;
	width:220px;
	height:auto;
	border-bottom:solid 1px #CCC;
	padding-bottom:15px;
	border-top:solid 1px #CCC;
	padding-left:20px;
	padding-top:10px;
	margin-top:15px;
	font-size:12px;
}
.left_sep1 a{
	color:#636363
	font-size:12px;
	text-decoration:none;
}
.left_sep1 a:hover{
	color:#636363
	text-decoration:underline;
}

.left_sep2 {
	position:relative;
	width:220px;
	height:auto;
	padding-bottom:15px;
	padding-left:20px;
	padding-top:10px;
	margin-top:15px;
	color:#494949;
	font-size:11px;
}
.left_sep2 p {
	padding-top:10px;
}
.november {
	position:relative;
	float:left;
	width:60px;
	height:auto;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:3px;
}
.yr {
	position:relative;
	width:40px;
	height:auto;
	float:right;
	padding-right:14px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:3px;
}/* ######################### LEFT BROWN BG CSS END HERE ######################### */
/* ######################### MID CONT DIV CSS HERE ######################### */
.mid_cont_div {
	position:relative;
	width:310px;
	height:auto;
	float:left;
	color:#494949;
	font-size:11px;
	padding-bottom:10px;
	padding-right:5px;
}
.inner_mid_cont_div {
	position:relative;
	width:auto;
	height:auto;
	padding-left:15px;
	padding-top:5px;
}
.ol_menu {
	margin:0px;
	padding:0px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.verse_cont {
	position:relative;
	width:315px;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	border-top:solid 1px #CCC;
}
.verse_img {
	position:relative;
	width:108px;
	height:98px;
	float:left;
	margin-top:12px;
}
.verse_txt {
	position:relative;
	width:181px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-top:5px;
}
.verse_txt p {
	color:#494949;
	font-size:11px;
}
.headline_div {
	position:relative;
	width:315px;
	padding-top:5px;
	height:auto;
	font-size:12px;
	color:#494949;/*border-top:solid 1px #CCC;*/
}/* ######################### MID CONT DIV CSS END HERE ######################### */
/* ######################### RITE CONT DIV CSS HERE ######################### */
#rite_cont_div {
	position:relative;
	width:327px;
	height:auto;
	float:left;
	border-left:solid 1px #ccc;
}
.inner_rite_cont_div {
	position:relative;
	width:270px;
	padding-left:28px;
	padding-top:5px;
	border-top:1px solid #ccc;
	margin:0px auto;
}
ul.rite_menu {
	list-style:none;
	margin:0px;
	padding:0px;
	padding-top:10px;
}
ul.rite_menu li {
	font-size:12px;
	height:15px;
	line-height:15px;
	font-weight:bold;
	background:url(images/bullet2.png) no-repeat 3px 4px;
	text-transform:uppercase;
	padding-left:20px;
}
ul.rite_menu li a {
	color:#636363;
	text-decoration:none;
}
ul.rite_menu li a:hover {
	text-decoration:underline;
}
p.more_announcement {
	padding-left:20px;
	padding-top:10px;
	font-size:12px;
	font-weight:bold;
}
p.more_announcement a {
	color:#636363;
	text-decoration:underline;
}
#regular_service_div {
	border-top:1px solid #CCCCCC;
	position:relative;
	width:276px;
	height:auto;
	padding:20px 20px;
	color:#494949;
	font-size:11px;
}
#regular_service_div p {
	padding:0px;
}
.service_left_time {
	position:relative;
	width:70px;
	font-size:11px;
	color:#494949;
	float:left;
}
.service_rite_txt {
	position:relative;
	width:180px;
	height:auto;
	float:left;
}
.image_galery_div {
	position:relative;
	width:327px;
	border-top:solid 1px #CCC;
	height:auto;
	margin-top:10px;
	padding-top:5px;
}
#regular_service_div2 {
	position:relative;
	width:291px;
	height:auto;
	padding-bottom:4px;
	border:solid 1px #CCC;
	margin-left:20px;
	margin-top:10px;
	padding-top:8px;
	padding-left:5px;
	color:#494949;
	font-size:11px;
}
.more_div {
	position:relative;
	float:right;
	width:80px;
	height:auto;
	font-size:11px;
	text-align:right;
	font-weight:bold;
	padding-right:10px;
}
.more_div a {
	color:#000;
	text-decoration:none;
}
.inner_mid_cont_div2 {
	position:relative;
	width:230px;
	height:auto;
	padding-left:30px;
	padding-top:5px;
	font-size:11px;
	margin-left:5px;
}
.inner_mid_cont_div2 a {
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

/* ######################### RITE CONT DIV CSS END HERE ######################### */

/* ############################################### CONTENT AREA CSS END HERE ############################################### */
/* ############################################### FOOTER AREA CSS HERE ############################################### */
#footer {
	position:relative;
	width:900px;
	height:auto;
	margin:0px auto;
	font-size:11px;
	color:#747474;
	padding-top:12px;
	margin-bottom:12px;
	text-align:center;
}
#footer a {
	color:#747474;
	text-decoration:none
}
#footer a:hover {
	text-decoration:underline;
}
ul.f_menu {
	list-style:none;
	margin:0px;
	padding:0px;
	height:12px;
}
ul.f_menu li {
	float:left;
	width:auto;
	border-left:solid 1px #747474;
	height:12px;
	line-height:10px;
	padding:0px 3px;
}
ul.f_menu li a {
	color:#747474;
	text-decoration:none;
}
ul.f_menu li a:hover {
	text-decoration:underline;
}
.cpy {
	position:relative;
	width:500px;
	height:auto;
	margin:0px auto;
	padding-top:7px;
}
.sub_rite {
	position:relative;
	width:605px;
	padding-left:10px;
	padding-right:10px;
	height:auto;
	padding-top:10px;
	float:right;
	font-size:12px;
	color:#747474;
}
#rite_content {
	position:relative;
	width:327px;
	height:auto;
	float:right;
	font-size:12px;
	color:#747474;
}
#left_content {
	position:relative;
	width:300px;
	font-size:12px;
	color:#747474;
	height:auto;
	float:left;
	padding-left:10px;
}/* ############################################### FOOTER AREA END CSS HERE ############################################### */
/* ############################################### FOOTER AREA END CSS HERE ############################################### */


.blog_leftside {
	position:relative;
	float:left;
	width: 450px;
	height:auto;
	font-size:12px;
	padding:10px;
}
.blog_riteside {
	position:relative;
	float:left;
	width:150px;
	height:auto;
	padding:10px 0px;
	font-size:12px;
}

.blog_riteside a , .blog_leftside a{color:#787878; text-decoration:none;}



.insider {
	position:relative;
	width:auto;
	height:auto;
	padding:0px 5px;
}



/* Copy it*/


#sidelist {list-style:none; margin:0px; padding:0px; font-size:12px;}
#sidelist  a{color:#5e5e5e;}
#sidelist li{padding:5px 0px;}
#sidelist ul{padding:0; margin:0; padding:5px 0px 5px 10px; }
#sidelist h2{color:#000;}
#sidebar-wrap2 ul {list-style:none;font-size:12px;}
.coment_tracback{	list-style:none; padding:0; margin:0;}
.coment_tracback li{float:left; padding-right:10px;}
.coment_tracback li a{ font-size:12px;color:#000;}

#tab-1 ol{list-style:none;}
.details {font-size:12px;}
.details span{font-size:12px;}
#submitbox a{font-size:16px;color:#000; padding:5px 0px;}
.small{font-size:12px;}

/* Copy it*/