﻿body {
	background-color: #FFFFFF;
	margin: 0 auto;
}

#container {
	width: 928px;
}

#header {
	width: 928px;
	height: 155px;
	background-image: url("../images/template_pic/top.jpg");
	background-repeat: repeat-x;
}

#toplink {
	width: 928px;
	height: 30px;
	font-family: Tahoma;
	background-image: url("../images/template_pic/church-layout_04.jpg");
	background-repeat:repeat-x;
}


#top1{
	width: 930px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

#top1_left{
	width: 210px;
	float: left;
}

#top1_right{
	width: 720px;
	float: left;
	padding-top: 5px;
	font-size:14px;
	font-weight:bold;

}

#top2{
	width: 908px;
	height: 23px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	background:#6b6b6b;
}


#middle {
	width: 908px;
	margin: auto 0;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#footer {
	width: 917px;
	clear: both;
	font-family: Tahoma;
	font-size: small;
	background-color: #818181;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	float: left;
}

/***************************************************************
/* This use for padding inside a div
/**************************************************************/
.inside {
	padding:5px;
}


/***************************************************************
/* This use for drawing line around the main div and set padding
/**************************************************************/
.insidemain {
	border: 1px solid #e3e3e3;
}

.insidemain_easyread {
	font-size: 17px;
	padding: 10px;
}


.spacer
{
	padding-bottom: 15px;
}

.spacer_both
{
        padding-top: 15px;
	padding-bottom: 15px;
}

.tborder
{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #d4d4d4;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
}


.tborder_red
{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #FF0000;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
}


.cata_quangcao
{
	padding: 2px;
	background-color: #c2925f;
	color: #FFFFFF;
	text-align: center;
	font: bold;
}

.cata_blue
{
	padding: 2px;
	background-color: #3f6aae;/*#86a0f3;*/
	color: #FFFFFF;
	font: bold;
	text-align: center;
}

.element
{
	padding-top: 5px;
	padding-left: 3px;
}

a{color:#0000FF; text-decoration: none;}
a:hover{color:#FF0000; text-decoration: underline;}

.headerlink {
         font-family:Tahoma;
         font-size: 15px;
         color:#FFFFFF;
}

.headerlink a {
	text-decoration: none;
	color:#FFFFFF; 
}

.headerlink a:hover{
	text-decoration: underline;
	color:#FF0000
}





/***************************************************************
/* This section is style for the left side link button
/**************************************************************/
li {
	margin: 0;
	padding: 0px;
	list-style-type:none;
}


ul {
	margin: 0;
	padding: 0px;
	list-style-type:none;
}


dd {
	margin: 0;
	padding: 0px;
	list-style-type:none;
}


dt {
	margin: 0;
	padding: 0px;
	list-style-type:none;
}


dl {
	margin: 0;
	padding: 0px;
	list-style-type:none;
}


dl#menu {
	width: 160px;
}


dl#menu dt {
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
        margin-bottom: 4px;
        height: 25px;
	line-height:25px;
	text-align: left;
	vertical-align:middle;
	font-size:14px;
	background:url(../images/3.gif) repeat-y;
        /*background-color:#5daae5;*/
}


dl#menu dt a:hover{


	background:url(../images/3.gif) repeat-y;
	background-color:#feffe7;
	color:#ff4141;
}


dl#menu dd {
	border: 1px #2073b7;
}


dl#menu li {
	text-align: left;
	background: #FFFFFF;
}


dl#menu dt a{
	color:#1c51ff;/*1c51ff;*/
	padding:0 0 0 15px;
	text-decoration: none;
	display: block;
        /*border-top-color: #1c51ff;*/
	border-top-width:1px;
	border-top-style: solid;
        /*border-bottom-color: #1c51ff;*/
        border-bottom-width:1px;
	border-bottom-style: solid;
        height: 100%;
}


dl#menu li a{
	color: #2b2b2b;
	text-decoration: none;
	font-size:12px;
	display: block;
        border-bottom-color:#6c6c6c;
        border-bottom-width:1px;
	border-bottom-style: dotted;
        border-left-color:#6c6c6c;
	border-left-width:1px;
	border-left-style: dotted;
	margin-left:20px;
	margin-right:1px;
	padding-top:2px;
	padding-bottom:2px;
	height: 10px;




	text-indent:0px;
	padding:5px;
}


dl#menu li a:hover{
	background:url(../images/arrow.gif) no-repeat;
	background-position:right;
	background-color:#feffe7;
	color:#ff3939;
}








/***************************/
/* module control elements */
/***************************/
/* This is for the border around the module */
div.module_menu {
	border: 1px solid #e3e3e3;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
        margin-bottom: 15px;
}

/* This is the Title of the module */
div.module_menu h3 {
        padding: 2px;
	background-color: #3f6aae;
	color: #FFFFFF;
	font: bold;
	text-align: center;
}

/* Spacing within link inside the border */
div.module_menu ul {
	padding-left: 2px;
}


/**************************/
/* PicLen predfine style **/
/**************************/
#pl_main { width: 500px; margin: 20px auto; font-family: Arial; font-size: 14px; line-height: 18px; color: #333; }
table.gallery { padding: 5px; width: 100%;	}
table.gallery td { text-align: center;	}
table.gallery img { padding: 5px; margin: 2px; border: 1px solid #ccc; max-width: 92px; max-height: 92px; }
.mbf-item { display: none; }


