/* @override http://www.malachi.org/malachi2/malachi_frontstyle.css */



/*
-----------------------------------------------
Malachi Youth Master Screen Style
-----------------------------------------------
Malachi Youth Ministries... the youth division of Cadence International
file:	malachistyle.css	
author:	megan e evans
date:		Jan 2007
----------------------------------------------- */


/* SITE COLORS
DarkBlue: #282f39
Red: #f93102
Gray: #dadbdb
BrightBlue: #0e4b91
DarkGray: #464f5b
MedGray: #6e7886
----------------------------------------------- */

/* body
----------------------------------------------- */
body {
				background: #fff url(http://www.malachi.org/malachi2/images/patternwhite.gif) top left repeat;
				text-decoration: none;
				color: #282f39;
				margin:0;
				padding:0;
				text-align: left; 	
				}
p {	
				font: normal 12px Arial, Helvetica, Geneva, sans-serif;

				color: #282f39;
				line-height: 16.5px;
				}

li {	
				font: normal 11px Arial, Helvetica, Geneva, sans-serif;

				color: #282f39;
				}

.listyle {
				list-style: none;
				background: url(http://www.malachi.org/malachi2/images/arrowright.gif) top left no-repeat;
				height: 20px;
				margin-left: -20px;
				padding: 0px 0px 0px 29px;
				}


.lc			{
				text-transform: lowercase;
				}

a { 
				color: #f93102;
				font: normal 12px Arial, Helvetica, Geneva, sans-serif;
				text-decoration: underline;
				}

p.tab {
				margin-left: 30px;
				margin-bottom: -3px;
				}

.blue { 
				color: #0e4b91;
				}

a:hover {
				color: #6e7886;
				}

a.title   {
				color: #fff;
				}

.hide		{
				text-indent: -9999px;
				}

#top {
				background: #282f39 url(http://www.malachi.org/malachi2/images/pattern_topbar.gif) top left repeat-y;
				height: 31px;
				width: 100%; 
				margin: 0;
				padding: 0;
				}

#topnav  {
				width: 787px;
				height: 31px;
				text-align: right;
				margin: 0;
				}

#topnav span, #navbottom span {
				color: #fff;
				}

#topnav a, #navbottom a {
				font: normal 9pt/1em Arial, Helvetica, Geneva, sans-serif;
				color: #fff;
				text-decoration: none;
				line-height: 22pt;
				padding: 8px 10px; 
				}

#topnav a:hover, #navbottom a:hover, #cadence a:hover {
				color: #dadbdb;				
				}

												
#page {
				position: relative;
				margin-top: 0px;
				margin-left: auto;
				margin-right: auto;
				padding: 0px;
				width: 780px;
				height: auto;
				text-align: left;
				}
				

h1 			{
				background: url(http://www.malachi.org/malachi2/images/malachi_logo.gif) bottom left no-repeat;
				float: left;
				margin: 25px 15px 0px 0px;
				padding: 0;
				width: 292px;
				height: 145px;
				visibility: visible;
				
}

h1 a    {
				display: block;
				text-indent: -2000px;
				text-decoration: none;
				width: 292px;
				height: 145px;
				margin: 0; 
				padding: 0; 
				overflow: hidden;
				}
				
h1:hover {
				background: url(http://www.malachi.org/malachi2/images/malachi_logo_hover1.gif) bottom left no-repeat;
				}


#images {
				margin: 25px 5px 5px 307px;
				border-bottom: 6px solid #282f39;
				width: 475px;
				height: 145px;
				}

#nav {  	
				float: left;
				background: url(http://www.malachi.org/malachi2/images/stars_back.gif) left bottom no-repeat;
				position: absolute;
				bottom: 0;
				top: 200px;
 				background-color: #282f39;
 				display: block;
				width: 292px;
				padding: 0 0 100px 0;
				margin: -5px 0 0 0;
				z-index: 300;
				}

#nav ul {
				list-style: none;
				margin:0;	
				width: 252px;
				padding: 28px 0 0 0;
				z-index: 8;
				}
				
#nav ul li {
	position: relative;
					z-index: 7;

	}
			

				
#nav ul li {
				margin: 5px 0 0 19.5px;
				padding: 4px 0 4px 0px;
				text-align: center;
				background-color: #464f5b;
				width: 252px;
				height:	auto;				}

#nav li ul {
	position: absolute;
	left: 233px; /* Set 1px less than menu width */
	top: -33px;
	display: none;
	z-index: 1001;
	}




#nav ul li a {
				font: 13pt Arial, Helvetica, Geneva, sans-serif;
				padding: 6px 0px;
				letter-spacing: .5px;
				color: #fff;
				text-decoration: none;
				font-weight: bold;
				width: 252px;
				height: auto;
				}

#nav li.drop, #nav li.droptop {
	background: url(http://www.malachi.org/malachi2/images/pattern_blue.gif) top left repeat;
	margin-bottom: -5px;
	border-bottom: 1.5px dotted #6e7886;
	border-left: 1.5px solid #6e7886;
	border-right: 1.5px solid #6e7886;
	width: 140px;
}

#nav li.drop a, #nav li.droptop a {
	font-size: 12px;
}


#nav li.droptop {
	border-top: 1.5px dotted #6e7886;
	
}

#nav li:hover {
				background: #185fa1 url(http://www.malachi.org/malachi2/images/pattern_blue.gif) top left repeat;
				}

#nav li:hover a {
				color: #dadbdb;
				}

#nav li:hover ul { 
				display: block; }


/*
#nav li.clicker {
				background: #fff url(http://www.malachi.org/malachi2/images/clickhere.gif) 0 0 no-repeat;
				margin: 30px 0 0 20px;
				width: 251px;
				height: 146px;
				padding: 0;
				}

#nav ul li.clicker a {
				display: block;
				text-indent: -2000px;
				text-decoration: none;
				width: 251px;
				height: 146px;
				}
				
#nav li.clicker:hover {
				background-position: -251px 0;
				}
				
#nav li.clicker a:hover {
				background-position: -251px 0;
				}
*/

#nav li.clicker {
				background: url(http://www.malachi.org/malachi2/images/clickhere.gif) no-repeat;
				margin: 30px 0 0 20px;
				width: 251px;
				height: 146px;
				padding: 0;
				overflow: hidden;
				}

#nav ul li.clicker a {
				display: block;
				text-indent: -2000px;
				text-decoration: none;
				width: 251px;
				height: 146px;
				}

#nav ul li.clicker:hover a:hover {
				background: url(http://www.malachi.org/malachi2/images/clickhere_hover.gif) no-repeat;
				margin: 0 0 0 0px;
				width: 251px;
				height: 146px;
				}

#nav ul li.clicker:hover {
	background: none;
}





#firstcontent {
				width: 451px;
				height: auto;
				margin: -12px 0 0 307px;
				padding: 12px;
				background: #282f39 url(http://www.malachi.org/malachi2/images/star_background.gif) bottom right no-repeat;
				}

#firstcontent p {
				padding: 0px;
				margin: 12px 5px 5px 5px;
				line-height: 15px;
				color: #fff;
				font-size: 12px;
				}
				
#firstcontent p.large			{
				font-size: 24px;
				line-height: 25px;
				font-weight: bold;
}

#nav2 {
				width: 451px;
				height: auto;
				margin: -12px 0 0 307px;
				padding: 12px;
				background: #282f39;
				}

#nav2 h2 {
				font: 13pt Arial, Helvetica, Geneva, sans-serif;
				text-indent: -2000px;
				color: #fff;
				text-decoration: none;
				padding: 0px;
				margin: -20px 5px 5px 14px;
				}

#nav2 ul {
				list-style: none;
				margin: 0 0 0px 14px;	
				padding:0;
				width: 451px;
				}

#nav ul li {
				margin: 5px 0 0 19.5px;
				padding: 4px 0 4px 0px;
				text-align: center;
				background-color: #464f5b;
				width: 252px;
				height:	auto;				}

#nav li ul {
	position: absolute;
	left: 233px; /* Set 1px less than menu width */
	top: -33px;
	display: none;
	z-index: 1002 !important
	}


#nav ul li a {
				font: 13pt Arial, Helvetica, Geneva, sans-serif;
				padding: 6px 0px;
				letter-spacing: .5px;
				color: #fff;
				text-decoration: none;
				font-weight: bold;
				width: 252px;
				height: auto;
				}
				
#nav li.drop, #nav li.droptop {
	background: url(http://www.malachi.org/malachi2/images/pattern_blue.gif) top left repeat;
	margin-bottom: -5px;
	border-bottom: 1.5px dotted #6e7886;
	border-left: 1.5px solid #6e7886;
	border-right: 1.5px solid #6e7886;
	width: 140px;
}

#nav li.drop a, #nav li.droptop a {
	font-size: 12px;
}


#nav li.droptop {
	border-top: 1.5px dotted #6e7886;
	
}

#nav li:hover {
				background: url(http://www.malachi.org/malachi2/images/pattern_blue.gif) top left repeat;
				background-color: #185fa1;
				}

#nav li a:hover {
				color: #dadbdb;
				}	
				
#nav li:hover ul { 
display: block; }			


#nav2 {
				width: 451px;
				height: auto;
				margin: -12px 0 0 307px;
				padding: 12px;
				background: #282f39;
				}

#nav2 h2 {
				font: 13pt Arial, Helvetica, Geneva, sans-serif;
				text-indent: -2000px;
				color: #fff;
				text-decoration: none;
				padding: 0px;
				margin: -20px 5px 5px 14px;
				}

#nav2 ul {
				list-style: none;
				margin: 0 0 0px 14px;	
				padding:0;
				width: 451px;
				}

#nav2 ul li {
				display: inline;
				margin:5px 15px 5px 0px;
				padding-bottom: 1px;
				}

#nav2 ul li a {
				font: lighter 8.5pt Arial, Helvetica, Geneva, sans-serif;
				text-transform: uppercase;
				line-height: 20px;
				letter-spacing: .5px;
				color: #fff;
				text-decoration: none;
				padding: 0 0 3px 0;
				}

#nav2 ul li:hover {
				border-bottom: 3px solid #f93102;
				}
				
#nav2 a:hover {
				color: #f93102;
				height: 20px;
				}

#nav2 a:active {
				color: #f93102;
				}

#contentcontain {
				width: 439px;
				min-height: 225px;
				margin: 15px 0 0 307px;
				padding: 12px;
				background: #dadbdb;
				border: #282f39 6px solid;
				}
				
#contentheading {
				background: #0e4b91 url(http://www.malachi.org/malachi2/images/pattern_headings.gif) top right repeat;
				margin-left: -12px;
				margin-top: -12px;
				width: 464px;
				height: 46px;
				}

#contentheading h2 {
				background: transparent url(http://www.malachi.org/malachi2/images/arrow-replace-star.gif) top left no-repeat;
				font: 25px Arial, Helvetica, Geneva, sans-serif;				    font-weight: bold;
				line-height: 33px;
				text-transform: uppercase;
				color: #fff;
				margin: 0 0 0 20px;
				padding: 6px 5px 0px 28px;				
				letter-spacing: 1px;
				float: left;
				}

#contentheading h4 {
				font: 12px Arial, Helvetica, Geneva, sans-serif;
				color: #fff;
				margin: 0px;
				padding-top: 20px;
				}
				
h4 {
	font: bold 15px Arial, Helvetica, Geneva, sans-serif;
	padding-top: 10px;
	margin-bottom: 0px;
}

#content {
				margin: 0 8px 0 8px;
				position: relative;
				z-index: 50;
				}

#content h3 {
				font: 22px Arial, Helvetica, Geneva, sans-serif;
				color: #0e4b91;
				padding: 0px;
				padding-top: 22px;
				margin-bottom: 15px;	
				margin-top: 5px;		
				}
				
#content h2 {
				font: bold 12px Tahoma, Arial, san-serif;
				line-height: 15px;				
				}

#content p, #content a {
				z-index: 601;
}

#content p.center {
				text-align: center;
				font-weight: bold;				
				}

#content p.gotop {
				background: url(http://www.malachi.org/malachi2/images/arrowup.gif) top left no-repeat;
				text-align: left;
				height: 27px;
				padding: 9px 0px 0px 20px;
				font-weight: bolder;
				clear: left;
				z-index: 600;
}

#content p.goback {
				background: url(http://www.malachi.org/malachi2/images/arrowback.gif) top left no-repeat;
				text-align: left;
				height: 27px;
				padding: 4px 0px 0px 28px;
				font-weight: bolder;
}
				
/*
#box  {
				background: transparent url(http://www.malachi.org/malachi2/images/back_box2.gif) top left no-repeat;
				position: relative;
				z-index: 1;
				width: 475px;
				height: 200px;
				margin: -10px 0 0 307px;
				}

#sils {
				background: transparent url(http://www.malachi.org/malachi2/images/pattern_redbottom.gif) top left repeat-x;
				position: relative;
				z-index: 2;
				width: auto;
				height: 74px;
				border-top: 6px solid;
	bottom: 0;
}
*/

#box  {
				background: transparent url(http://www.malachi.org/malachi2/images/back_box1.gif) top left no-repeat;
				position: relative;
				z-index: 1;
				width: 475px;
				height: 370px;
				margin: -10px 0 0 307px;
				}

#sils {
				background: transparent url(/malachi2/images/sils8.png) repeat-x 0 0;
				position: relative;
				z-index: 400;
				width: auto;
				height: 460px;
				margin: -375px 0 0 -105px;
				bottom: 0;
				}


/*
#cadence {
				background: transparent url(http://www.malachi.org/malachi2/images/cadence_logo.gif) left top no-repeat;
				position: relative;
				margin-top: -57px;
				margin-left: auto;
				margin-right: auto;
				padding: 0 0 0 5px;
				width: 700px;
				height: 50px;
				text-align: left;
				z-index: 3;
				}
*/


#cadence {
				background: transparent url(http://www.malachi.org/malachi2/images/cadence_logo.gif) left top no-repeat;
				position: relative;
				margin-top: -57px;
				margin-left: auto;
				margin-right: auto;
				padding: 0 0 0 5px;
				width: 700px;
				height: 50px;
				text-align: left;
				z-index: 500;
				}

				
#cadence p {
				font: normal 9pt/1em Arial, Helvetica, Geneva, sans-serif;
				color: #fff;
				width: 190px;
				margin-top: -3px;
				margin-left: 45px;
				margin-bottom: 4px;
				}

#cadence a { 
				font: normal 9pt/1em Arial, Helvetica, Geneva, sans-serif;
				color: #fff;
				text-decoration: none;
				margin-left: 45px;	
				}


#navbottom {
				position: relative;
				margin-top: -60px;
				margin-left: auto;
				margin-right: auto;
				padding: 0px;
				width: 787px;
				height: auto;
				text-align: right;
				z-index: 500;
				}


#archives {
				background: #6e7886;
				margin: 33px 0 0 21px;
				height: auto;
				width: 208px;
				border: solid 6px #464f5b;
				padding: 15px 15px 25px 15px;
				text-align: right;
				}

#archives h2 {
				font-family: Arial, Helvetica, Geneva, sans-serif;
				font-size: 20px;
				margin-top: -2px;
				color: #fff;
				line-height: 22px;
				}

#archives a {
				color: #dadbdb;
				text-transform: uppercase;
				font-size: 14px;
				line-height: 22px;
				text-decoration: none;
				text-align: right;
				}

#archives a:hover {
				color: #f93102;
				text-decoration: underline;
				}

  /* for nicer looking links on sitemap
----------------------------------------------- */



#content li {
	list-style: none;
}

li.main {
	list-style: none;
	margin-bottom: 10px;
}

#content ul li a {
	line-height: 18px;
	list-style: none;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 0px;
}

#content ul li a:hover {
	text-decoration: underline;
}

#content ul {
	margin-bottom: 30px;
}

.mainlink {
	color: #282f39;
	font-size: 16px;
	line-height: 30px;
	text-decoration: underline;
}

a.mainlink:hover {
	color: #6e7886;
}



/* IMAGE OPTIONS
----------------------------------------------- */

img.articleimage {
				float: left;
				border: #282f39 6px solid;
				margin-right: 6px;
				margin-top: 3px;
				}

img.otherimage {
				float: right;
				border: none;
				margin-left: 8px;
				margin-top: 12px;
				margin-bottom: 8px;
				}

img.floatleft {
				float: left;
				margin-top: -3px;
				margin-left: -3px;
				}

img.fill {
				float: left;
				margin-top: 6px;
				}

img.imageleft {
				float: left;
				border: #282f39 6px solid;
				margin-right: 6px;
				margin-top: 0px;
				margin-bottom: 10px;
				}
				
a.seepics:hover  {
				background: url(http://www.malachi.org/malachi2/images/see_pics_hov.gif) no-repeat right top;
				width: 154px;
				height: 136px;
				overflow: hidden;
				}
				
a.seepics { 	
				background: url(http://www.malachi.org/malachi2/images/see_pics.gif) no-repeat right top;
				float: right;
				border:none;
				width: 154px;
				height: 136px;
				padding: 0;
				visibility: visible;
				text-indent: -2000px;
}


img.media {
				float: left;
				margin-top: 8px;
				}
				
a.media {
	color: transparent;
}
	
a.media:hover {
	color: transparent;
}			



.feedlink
	{
	float: right;
	margin-top: -38px;
}

.feedlink img
{
	border: none;
}

a.none
{
	text-decoration: none;
}
				
/* video OPTIONS
----------------------------------------------- */

#vid {
	margin: 30px 18px 0 18px;
	border: #6e7886 3px solid;
	padding-right: 20px;
}

#vid p {
	color: #fff;
	margin: 5px;
	font-style: italic;
}

#vid a {
	margin: 5px;
	padding-bottom: 5px;
	}