@charset "utf-8";

/* * one value such as 10px to specify an equal margin on every side
    * two values, such as 10px 5px, to specify the top/bottom (first value) and right/left (second value) margin
    * three values, such as 10px 5px 2px, to specify the top (first value), right/left (second value) and bottom (third value) margin
    * four values, such as 10px 5px 2px 1px to specify the top, right, bottom and left margins respectively */
	
/* ********** ********** ********** BACKGROUND ********** ********** ********** */

body	{
				background-color: #1e1e1e;
				margin: 0 auto;
}

.break	{
				clear: both;
}

/* ********** ********** ********** END OF BACKGROUND ********** ********** ********** */


/* ********** ********** ********** HEADER TAGS ********** ********** ********** */

h1		{ /* WELCOME */
			font: 1.875em/1.5 Tahoma, Arial, san-serif;
			font-weight: bold;
			font-style: italic;
			text-align: center;
			color: #ffffff;	 
			background-color: transparent;
			margin: 0px 0px 15px;
}

h2		{ /* TITLE OF PAGE */
			font: 1em/1.5 Tahoma, Arial, san serif;
			font-weight: bold;
			font-style: italic;
			text-align: center;
			color: #ffffff;
			margin: 0px 0px 15px;
}

/* ********** ********** ********** END OF HEADER TAGS ********** ********** ********** */	


/* ********** ********** ********** FONT STYLES ********** ********** ********** */

.fontbl	{ /* makes font blue */
				color: #0066FF;
}

.fontbr	{ /* makes font brown */
				color: #a95903;
}

.fontg	{ /* makes font green */
				color: #71FE06;
}
			
.fontp	{ /* makes font purple */
				color: #a552e4;
}

.fontr		{ /* makes font red */
				color: #FF0000;
}	

.fonty	{ /* makes font yellow */
				color: #ffa604;
}

/* ********** ********** ********** END OF FONT STYLES ********** ********** ********** */


/* ********** ********** ********** IMAGE ORIENTATION ********** ********** ********** */

.fl		{/*float images to left margin*/
			float: left;
			margin: 0px 10px 0px 0px;
}

.fr		{/*float images to right margin*/
			float: right;
			margin: 0px 0px 0px 10px;
}
		
.fra	{/**/
			float: right;
			margin: 0 10px 0 10px;
}

/* ********** ********** ********** END OF IMAGE ORIENTATION ********** ********** ********** */

/* * one value such as 10px to specify an equal margin on every side
    * two values, such as 10px 5px, to specify the top/bottom (first value) and right/left (second value) margin
    * three values, such as 10px 5px 2px, to specify the top (first value), right/left (second value) and bottom (third value) margin
    * four values, such as 10px 5px 2px 1px to specify the top, right, bottom and left margins respectively */
	

/* ********** ********** ********** HEADERS AND LINKS DIVS ********** ********** ********** */

#header		{	/*bible verse header div*/
					width: 1000px;
					height: 25px;
					background: transparent url(../_images/_pngs/_header/headerbg.png) repeat-x top left;
					margin: 0px auto 12px;
					padding: 0px;
}

#header p	{	/*bible verse header font div*/
					font: .625em/2 Tahoma, Arial, san-serif;
					text-align: center;
					color: #afafaf;
					background-color: transparent;
					margin: 0;
					padding: 0;
}

#banner		{	/*banner header div*/
					width: 1000px;
					/*height: 150px; xmas banner height*/
					/*height: 215px; tet banner height*/
					height: 100px; /*original banner height*/
					background: transparent url(../_images/_pngs/_header/banner.png) no-repeat center left;
					margin: 0px auto 12px;
}

#menu	{	/*menu header div*/
				width: 1000px;
				height: 30px;
				background: transparent url(../_images/_pngs/_menu/menubar.png) no-repeat;
				margin: 0px auto 12px;
}

#menu ul	{	/**/
					width: 992px;
					height: 30px;
					list-style: none outside;
					margin: 0;
					padding: 0 0 0 53px;
					outline: none;
					-moz-outline: none;
}

#menu li	{	/**/
					display: block;
					float: left;
					margin: 0 2px 0 0;
					padding: 0;
					outline: none;
					-moz-outline: none;
}

#menu li a		{	/**/
						font: 0 Tahoma, Arial, san-serif;
						text-align: left;
						color: #767676;
						height: 30px;
						display: block;
						outline: none;
						-moz-outline: none;
}

#menu li.homelink a {width: 81px}
#menu li.aunhilink a {width: 84px}
#menu li.thieunhilink a {width: 98px}
#menu li.nghiasilink a {width: 94px}
#menu li.hiepsilink a {width: 87px}
#menu li.huynhtruonglink a {width: 126px}
#menu li.resourceslink a {width: 105px}
#menu li.gallerieslink a {width: 97px}
#menu li.contactuslink a {width: 107px}

#menu li.homelink a:hover, #menu li.homelink a.active {background: transparent url(../_images/_pngs/_menu/menuhome.png) no-repeat top center;}
#menu li.aunhilink a:hover, #menu li.aunhilink a.active {background: transparent url(../_images/_pngs/_menu/menuaunhi.png) no-repeat top center;}
#menu li.thieunhilink a:hover, #menu li.thieunhilink a.active {background: transparent url(../_images/_pngs/_menu/menuthieunhi.png) no-repeat top center;}
#menu li.nghiasilink a:hover, #menu li.nghiasilink a.active {background: transparent url(../_images/_pngs/_menu/menunghiasi.png) no-repeat top center;}
#menu li.hiepsilink a:hover, #menu li.hiepsilink a.active {background: transparent url(../_images/_pngs/_menu/menuhiepsi.png) no-repeat top center;}
#menu li.huynhtruonglink a:hover, #menu li.huynhtruonglink a.active {background: transparent url(../_images/_pngs/_menu/menuhuynhtruong.png) no-repeat top center;}
#menu li.resourceslink a:hover, #menu li.resourceslink a.active {background: transparent url(../_images/_pngs/_menu/menuresources.png) no-repeat top center;}
#menu li.gallerieslink a:hover, #menu li.gallerieslink a.active {background: transparent url(../_images/_pngs/_menu/menugalleries.png) no-repeat top center;}
#menu li.contactuslink a:hover, #menu li.contactuslink a.active {background: transparent url(../_images/_pngs/_menu/menucontactus.png) no-repeat top center;}

#contentheader	{	/*content header image for left center and right columns*/
							width: 1000px;
							height: 25px;
							background: transparent url(../_images/_pngs/_header/contenttop.png) no-repeat top center;
							margin: 12px auto 0;
}

#contentwrapper		{	/*bin to hold all content in left center and right columns*/
								width: 1000px;
								background-color: #0f0f0f;
								margin: 0px auto 12px;
}

/* ********** ********** ********** HEADERS AND LINKS DIVS ********** ********** ********** */	


/****************************************** FOOTER DIVs ******************************************/

#footer	{
				width: 950px;
				background: transparent url(../_images/_pngs/_footer/footerbg.png) repeat-x top left;
				margin: 0px auto 12px;
				padding: 12px 25px;				
}		   
			   			   
#footer p	{
					font: 10px/1.3 Tahoma, Arial, san-serif;
					text-align: center;
					color: #afafaf;
					background-color: transparent;
					margin: 0;
					padding: 0;
}
				
/****************************************** FOOTER DIVs ******************************************/

	
/****************************************** CONTENT LEFT DIVs ******************************************/

#contentl	{
					float: left;
					width: 130px;
					height: auto;
					background-color: #0f0f0f;
					margin: 0;
					padding: 10px;
}
				
#contentl a		{
						color: #afafaf;
						text-decoration: none;
						outline: none;
						-moz-outline: none;
}

#contentl p		{
						font: .6875em/1.5 Tahoma, Arial, san-serif;
						text-decoration: none;
						text-align: center;
						color: #ffffff;
						background-color: transparent;
}

#contentl	 p.nganhan	{
							font: .75em/1.5 Tahoma, Arial, san-serif;
							font-weight: bold;
							color: #71FE06;
							margin: 0px 0px 7px;
}

#contentl	 p.nganhtn	{
							font: .75em/1.5 Tahoma, Arial, san-serif;
							font-weight: bold;
							color: #0066FF;
							margin: 0px 0px 7px;
}

#contentl	 p.nganhns	{
							font: .75em/1.5 Tahoma, Arial, san-serif;
							font-weight: bold;
							color: #ffa604;
							margin: 0px 0px 7px;
}

#contentl	 p.nganhhs	{
							font: .75em/1.5 Tahoma, Arial, san-serif;
							font-weight: bold;
							color: #a95903;
							margin: 0px 0px 7px;
}

#contentl ul	{
						width: 125px;
						list-style: none outside;
						margin: 0px;
						padding: 0px;
}

#contentl li		{
						float: left;
						display: block;
						padding: 0px;
}

#contentl li a	{
						width: 110px;
						height: 15px;
						color: #afafaf;
						background: transparent url(../_images/_pngs/_contentl/menuarrows.png) no-repeat right bottom;
						font: 11px/15px Tahoma, Arial, sans-serif;
						text-align: right;
						display: block;
						margin: 0px 0px 5px;
						padding: 0px 20px 0px 0px;
}
			  
#contentl li a:hover, #contentl li a.active	{
																color: #ffffff;
																background-position: right top;
}

/****************************************** END OF CONTENT LEFT DIVs ******************************************/

	
/****************************************** CONTENT RIGHT DIVs ******************************************/

#contentr	{
					float: left;
					width: 135px;
					height: auto;
					background-color: #0f0f0f;
					margin: 0;
					padding: 20px 20px 5px 20px;
}
				
#contentr a	{
						color: #afafaf;
						text-decoration: none;
						outline: none;
						-moz-outline: none;
}
					
#contentr p	{
						font: .6875em/1.5 Tahoma, Arial, san-serif;
						color: #ffffff;
						background-color: transparent;
}

#contentr p.center	{
								text-align: center;
}

/****************************************** END OF CONTENT RIGHT DIVs ******************************************/
	

/****************************************** MAIN CONTENT DIVs ******************************************/

#maincontent		{
							float: left;
							width: 571px;
							height: auto;
							min-height: 650px;
							border-right: 12px solid #1e1e1e;
							border-left: 12px solid #1e1e1e;
							background-color: #0f0f0f;
							margin: 0px;
							padding: 7px 40px;
}

#maincontent a	{
							color: #afafaf;
							text-decoration: none;
							outline: none;
							-moz-outline: none;
}

#maincontent p	{
							font: .6875em/1.5 Tahoma, Arial, san-serif;
							text-align: justify;
							color: #ffffff;
							background-color: transparent;
							margin: 0px 0px 10px;
}

#maincontent	 p.center	{
										text-align: center;
}

#maincontent	 p.ljustify		{
											text-align: left;
}

#maincontent	 p.nganhan	{
											font: 1em/1.5 Tahoma, Arial, san serif;
											font-weight: bold;
											font-style: italic;
											text-align: center;
											color: #71FE06;
											margin: 0px 0px 7px;
}

#maincontent	 p.nganhtn		{
											font: 1em/1.5 Tahoma, Arial, san serif;
											font-weight: bold;
											font-style: italic;
											text-align: center;
											color: #0066FF;
											margin: 0px 0px 7px;
}

#maincontent	 p.nganhns		{
											font: 1em/1.5 Tahoma, Arial, san serif;
											font-weight: bold;
											font-style: italic;
											text-align: center;
											color: #ffa604;
											margin: 0px 0px 7px;
}

#maincontent	 p.nganhhs		{
											font: 1em/1.5 Tahoma, Arial, san serif;
											font-weight: bold;
											font-style: italic;
											text-align: center;
											color: #a95903;
											margin: 0px 0px 7px;
}

#maincontent	 p.nganhht		{
											font: 1em/1.5 Tahoma, Arial, san serif;
											font-weight: bold;
											font-style: italic;
											text-align: center;
											color: #FF0000;
											margin: 0px 0px 7px;
}

#maincontent	 p.resources	{
											font: .8125em/1.5 Tahoma, Arial, san serif;
											font-weight: bold;
											text-align: left;
											margin: 0px 0px 7px;
}

#maincontent	 p.links	{
									font: .5625em/1.5 Tahoma, Arial, san serif;	
									color: #ffffff;
									text-align: center;
									font-weight: normal;
									margin: 0px 0px 7px;
									outline: none;
									-moz-outline: none;
}

object 	{
				outline: none;
				-moz-outline: none;
}

#maincontent ol, ul	, dl	{
										font: 11px/1.5 Tahoma, Arial, san-serif;
										text-decoration: none;
										text-align: justify;
										color: #ffffff;
										background-color: transparent;
										margin: 0px 0px 7px 5px;
										padding-left: 20px;
}

#maincontent ol ol, ol ul, ol dl, ul ol, ul ul, ul dl, dl ol, dl ul, dl dl	{
																								font: 11px/1.5 Tahoma, Arial, san-serif;
																								text-decoration: none;
																								text-align: justify;
																								color: #ffffff;
																								background-color: transparent;
																								padding-left: 35px;
}

#maincontent li	{
							font: 11px/1.5 Tahoma, Arial, san-serif;
							text-decoration: none;
							text-align: justify;
							color: #ffffff;
							background-color: transparent;
}

td	{
		font: .6875em/1.5 Tahoma, Arial, san-serif;
		color: #ffffff;
		text-align: center;
}	
	
#under_construction	{
									align: center;
									width: 550px;
									height: 475px;
									background: transparent url(../_images/_pngs/_maincontent/underconstruction.png) no-repeat center center;
}

#updateboxnganh	{
								align: center;
								width: 520px;
								height: auto;
								border: 2px solid #afafaf;
								margin: 0px 0px 10px;
								padding: 10px 25px 0px;
							}

#updateboxnganh p	{
									font: .6875em/1.5 Tahoma, Arial, san-serif;
									text-align: justify;
									color: #ffffff;
									background-color: transparent;
									margin: 0px 0px 10px;
}
								
/****************************************** END OF MAIN CONTENT DIVs ******************************************/