/* base css */
@import url(base.css);

/* general page elements */
a { text-decoration: underline; }
a:link { color: #003366; }
a:visited { color: #003366; }
a:hover { color: #003366; }
a:active { color: #003366; }

/* layout */
body { 
	margin: 0;
	color: #000000;
	background: F3F2E1;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	line-height: 150%;
}

#container { position: static; }

#container-inner {
	position: static;
	/*border: 1px dotted #FFFFFF;*/
	background: #FFFFFF;
}

/* start HEADER CODE */
#header {
	border-bottom: 1px dotted #6699CC;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #000000;
	background: #ffffff;
	text-align: left;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#header a {
	color: #D31145;
	text-decoration: none;
	font-size:12px;
}

#header a:hover {
	color: #990000;
	text-decoration: underline;
}

#header-header {
	margin: 0.25em 0;
	font-size: xx-large;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#header-header a
{
	display: block;
	left: 0;
	top: 0;
	height: 160px;
	text-indent: -1000em;
}

#header-description {
	margin: 0.25em 0;
	font-size: small;
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
}
/* end HEADER */

#banner {
	border-bottom: 1px dotted #6699CC;
	border-left: 5px; bor
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #FFFFFF;
	background: #99CC66;
	text-align: left;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#banner a {
	color: #FFFFFF;
	text-decoration: none;
}

#banner-header {
	margin: 0.25em 0;
	font-size: xx-large;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#banner-header a
{
	display: block;
	left: 0;
	top: 0;
	height: 160px;
	text-indent: -1000em;
}

#banner-description {
	margin: 0.25em 0;
	font-size: small;
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
}

#container { width: 792px; }

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { 
	width: 100px; 
	margin: 15px 0; 
}
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */
.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333333;
	padding: 3px;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
}

.entry-header
{
	margin: 10px 0 10px 0;
	border: 0;
	
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-align: left;
	font-weight: bold;
}

.entry-header a
{
	text-decoration: none;
	font-weight: bold;
}

.entry-header a:link { color: #FFAF64; }
.entry-header a:visited { color: #FFAF64; }
.entry-header a:hover { color: #FFAF64; }
.entry-header a:active { color: #FFAF64; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
	margin: 10px 0;
}

.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer,
.comment-footer {
	margin: 0 0 10px 0;
	border-top: 1px dotted #999999;
	padding: 3px;
	color: #999999;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: left;
	font-weight: bold;
}

#comment-author, #comment-email, #comment-url, #comment-text {
	width: 80%;
}

/* fixes bug in ie win */
img.image-full {
	width: 100%;;
}


/* modules */

.module a {
	text-decoration: none;
	font-weight: inherit;
}

.module a:link { color: #; }
.module a:visited { color: #; }
.module a:hover { color: #; }
.module a:active { color: #; }

.module-header{
	margin: 0px;
	/*border-bottom: 1px solid #BCCCA8; */
	padding: 0px;
	color: #FFAF64;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: normal;
	font-weight: bold;
	
	text-transform: uppercase;
	letter-spacing: .3em;
	text-align: left;
}

/*
.module-content{
	margin: 5px 0 20px 0;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
}
*/

.module-list { margin: 0; }
.module-list-item { margin: 0px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img {
	border: 5px solid #EEEEEE;
}

.module-photo .module-content
{
	text-align: left;
}

.module-powered { text-align: left; }

/* three-column tweaks */

	.layout-three-column #container
	{
		width: 912px;
	}

	.layout-three-column #alpha-inner
	{
		/*
		border: 1px solid #FFFFFF;
		background: #FFFFFF;
		*/
		padding: 14px 14px 14px 14px;
	}

	.layout-three-column #beta, .layout-three-column #delta
	{
					/*width: 345px;*/
					width: 394px;
	}

	.layout-three-column #beta-inner, .layout-three-column #delta-inner
	{
		/*
		border: 1px solid #FFFFFF;
		background: #FFFFFF;
		*/
		padding: 14px 14px 14px 14px;
	}

	.layout-three-column #gamma
	{
		width: 112px;
	}

	.layout-three-column #gamma-inner
	{
		/*
		border: 0;
		background: #FFFFFF;
		padding: 15px 15px 15px 15px;
		*/
	}


/* user css */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 8pt;
	line-height:13pt;
	background-color: #958c61;
	background-image: url(../images/bg_main.gif);
	background-position: top center;
	background-repeat: repeat;
	margin: 0px;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0px;
}
.layout-three-column #container {
	width: 778px;
	background-image: url(../images/shadow_sides.gif);
	background-repeat:repeat-y;
}
.layout-three-column #alpha {
	/*width: 284px;*/
	width: 235px;
} 
.layout-three-column #beta {
	/* width: 550px; */
	/*width: 348px;*/
	width: 397px;
} 
.layout-three-column #beta-inner {          
	padding-left: 15px;
	/*background-color: #ffffff;*/
	border: 0px;
}
.layout-three-column #gama {
	/* width: 550px; */
	width: 112px;
} 
.layout-three-column #gamma-inner {	    
	/*
	padding-left: 10px;
	padding-right:8px;
	border: 0px;
	background-color: #ffffff;*/
	padding-top:15px;
	padding-left:5px;
}
.module img
{
	border: 0px;
}

.layout-three-column #container-inner{
	border: 0px;
	margin-left:8px; margin-right:8px;
}

.layout-three-column #pagebody-inner{
	background-image: url(../images/bg_content.gif);
	background-position: left center;
	background-repeat: repeat-y;
	margin-top:7px;
	margin-bottom: 10px;
	min-height:255px;
}

.layout-three-column #pagebody-inner2{
	margin: 10px;
	margin-top:7px;
	/*min-height:200px;*/
}

.ad-left{
	float:left;
	margin:0px;
}
.ad-left1{
	/*need this block centered*/
	float:left;
	margin-left:252px;
}
.ad-left2{
	/*need this block centered as a block with the 'ad-center' content*/
	float:left;
	margin-left:126px;
}
.ad-center{
	margin:0px;
	margin-left:17px; 
	margin-right:18px;
}
.ad-right{
	float:right;
	margin:0px;
}

.layout-three-column #alpha-inner {
	border: 0px;
	padding: 0px;
	margin:10px;
	margin-top:0px;
	background-color: #EAE6E2;
	/*background-color: #f7f8f2;
	background-image: url(http://northlandchurch.typepad.com/occ/mainwindowBG.jpg);
	background-position: top center;
	background-repeat: repeat;*/
}
#header2 {
	border: 0px;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #D31145;
	background: #ffffff;
	text-align: left;
	font-family: Arial, sans-serif;
}
#header {
	border: 0px;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #D31145;
	background: #ffffff;
	text-align: left;
	font-family: Arial, sans-serif;

	/*height: 30px;
	background-image: url("../images/header.jpg");
	background-position: 5px 5px;
	background-repeat: no-repeat;*/
}
#header-inner { 
}
#header-inner-menu { 
	color: #D31145;
	font-weight:bold;
	padding: 5px; padding-left:60px;
}
#pagefooter-inner { 
	color: #D31145;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
}

#banner {
	position: relative;
	border: 0px;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #9d6f1e;
	background: #ffffff;
	text-align: left;
	font-family: Arial, sans-serif;

	height: 255px;
	background-position: 10px 5px;
	background-repeat: no-repeat;
	text-align: left;

	padding-bottom:12px;
	border-top: 1px solid #E3DFD9;
	border-bottom: 1px solid #E3DFD9;
}
#banner-inner { 
	padding: 0px;
	height:265px;
	width:760px;
}
img
{
	border-style: none;
	float: left;
	margin: 0px 10px 10px 0;
}
a {
	text-decoration: none;
	font-weight: regular;
}
a:link { color: #D31145; }
a:visited { color: #D31145; }
a:active { color: #D31145; }
a:hover { 
	color: #990000; 
	text-decoration: underline;
}
.module-header a{
	color: #FFAF64;
}
.module-header a:hover{
	/*text-decoration: none;*/
}
.entry-header{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 14px;
	color: #FFAF64;
	letter-spacing: 0em;
	text-transform: none;
	padding-left: 0px;
}
.module-header{
	/*font-family: Verdana, Arial, sans-serif;*/
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 0em;
	text-transform: uppercase;
	color: #FFAF64;
	padding-left: 0px;
	margin: 0px;
}
.entry-header{
	/*font-size: 18px;*/
}
.module-content, .typelist-note
{
	margin: 0px 0 20px 0;
	/*
	color: #333333;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 120%;
	*/
	text-align: left;
}

form span.label,form span.spacer, form span.multiple form span {width: 120px; float: left;} 
form span.multiple {float: left;} 
form .button {float: right; margin: 3px 0 3px 0;} 
div.clear {clear: both;padding-top: 5px;} 


a.buttonlinkBold:link {
	color: #ffffff;
	text-decoration: none;
	background-color: #3B301C;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}
a.buttonlinkBold:visited {
	color: #ffffff;
	text-decoration: none;
	background-color: #3B301C;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}
a.buttonlinkBold:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #955F10;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}

a.buttonlinkOrange:link {
	color: #ffffff;
	text-decoration: none;
	background-color: #FFAF64;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0.5pt #CC0000 solid;
}
a.buttonlinkOrange:visited {
	color: #ffffff;
	text-decoration: none;
	background-color: #FFAF64;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0.5pt #CC0000 solid;
}
a.buttonlinkOrange:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #CC0000;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0.5pt #CC0000 solid;
}

a.buttonlinkRed:link {
	color: #ffffff;
	text-decoration: none;
	background-color: #CC0000;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0.5pt #CC0000 solid;
}
a.buttonlinkRed:visited {
	color: #ffffff;
	text-decoration: none;
	background-color: #CC0000;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0.5pt #CC0000 solid;
}
a.buttonlinkRed:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #FFAF64;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0.5pt #CC0000 solid;
}

/********** MENU SYSTEM STYLES **********/
.menuOut, a.menuOut {cursor:pointer; padding:5px; padding-left:10px; margin-top:2px; margin-bottom:2px; background-color:#DDD7D1; color:#9A8C7E; width:200px; border:0px; text-align:left; font-family:arial; font-weight:bold; font-size:14px;}
a.menuOut {padding:0px; margin:0px; text-decoration:none;}
/*
.menuOver {cursor:pointer; padding:5px; padding-left:10px; margin-top:2px; margin-bottom:2px; background-color:#E1DCD7; color:#AB9F94; width:200px; border:0px; text-align:left; font-family:arial; font-weight:bold; font-size:14px;}
*/
.menuOver {cursor:pointer; padding:5px; padding-left:10px; margin-top:2px; margin-bottom:2px; background-color:#BAB0A6; color:#FFFFFF; width:200px; border:0px; text-align:left; font-family:arial; font-weight:bold; font-size:14px;}
.submenu {width:205px; font-family:arial; font-size:11px; padding:2px; padding-left:10px; padding-bottom:4px;}
.submenu a {width:205px; color:#9A8C7E; text-decoration:none; font-weight:bold; padding:3px; padding-left:10px; padding-right:10px;}
.submenu a:hover {width:205px; color:#726455; background-color:#F1EEEB; text-decoration:none; font-weight:bold; padding:3px; padding-left:10px; padding-right:10px;}
#menu-first {margin-top:0px;}
#menu-last {margin-bottom:0px;}

	/*width: 284px;*/
	width: 235px;

/****************************************/

/*********** CSS FORM STYLES ************/
.cssform p{
	width: 350px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 100px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}
.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -100px; /*width of left column*/
	margin-left: 0px;
	width: 95px; /*width of labels. Should be smaller than left column (100px) to create some right margin*/
}
.cssform label.label-details{
	font-weight: normal;
	margin-left: 0px;
	width: 100%;
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.cssform input[type="text"].text-wide{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.cssform select{
	width: 220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.cssform textarea{
	width: 200px;
	height: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.cssform textarea.textarea-medium {
	width: 330px;
	height: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.cssform textarea.textarea-large {
	width: 330px;
	height: 300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
/****************************************/

.imageWithBorder {
	border: 0.5pt solid #BAB0A6;
}
.contentImage {
	/*background-color:#F1EEEB;*/
	background-color:#BAB0A6;
	float:left;
	margin-right:5px;
	/*border: 0.5pt solid #DDD7D1;*/
	border: 0.5pt solid #BAB0A6;
}
a:hover .pic {
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

/****************************************/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
padding-bottom: 0px;
/*background: #BAB0A6;*/
background: #000000;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px Arial;
letter-spacing: 1px;
line-height: 1.1em;
color: white;
padding: 3px 0px;
text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}
#thumbBox img{
	border-style: none;
	float:none;
	margin:0px;
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* STYLES FOR PIF FORM */
.txt-title-details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #CC0000;
	padding-left: 0px;
	margin-top:7px;
	margin-bottom:4px;
}
.txt-form-search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	/*color: #9E9082;*/
	color: #666666;
	text-align: right;
	margin-top:3px;
}
.form-box {
	border: 1px solid #E7E4B9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	/*color: #9E9082;*/
	color: #666666;
	background-color: #FFFFFF;
	margin-top:3px;
}

/* Email Styles */
.e-hide {
	direction:rtl;
}

#Emailcheck {
	display:none;
}
.Emailcheck {
	display:none;
}
#donate {
	font-size:12px;
}
#donate h1 {
	font-size:32px;
	font-family: Roman, serif;
	padding: 10px 0px 5px 0px
	color:#9A8C7E;
}
#donate h2 {
	font-size:20px;
	padding:5px 0px 5px 0px;
	color:#FDA049;
}
#donate h3 {
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	color:#d31145;
}
#donate h4 {
	font-size:16px;
	padding:5px 0px 5px 0px;
	color:#d31145;
	font-weight:bold;
}