/* * * * * * General elements * * * * * * * */

* {

	margin: 0px;

	padding: 0px;

}



body {

	font-family: tahoma, verdana, sans-serif;

	font-size: 11px;

	line-height: 16px;

	/*	line-height: 13px;	*/

	margin:0px;

	padding:0px;

	/*background:url(/images/national_green_background.gif) top left repeat-y;*/

}



#page_wrap {

	position: relative;

	float: left;

	clear: both;

	width: 779px;

}

select {
	padding-left: 5px;
}

input {

	padding-left: 5px;
}

a {

	color: #426F9B;

	text-decoration: underline;

}



a:hover {

	text-decoration: underline;

	color: #000;

}



a img {

	border: 0;

}



ul {

	list-style: inside;

	padding-left: 15px;

	}



p {

	padding-bottom: 15px;

	}

	

p a {

	text-decoration: underline;

}



caption a {

	font-family: georgia, bookman, times, serif;

	font-weight: normal;

	/*
	font-size: 28px;

	line-height: 30px;
	*/
	font-size: 14px;

}



h1 {

	font-family: georgia, bookman, times, serif;

	font-weight: normal;

	font-size: 28px;

	line-height: 30px;

	margin: 0 0 10px 0;

}



h2  {

	font-family: georgia, bookman, times, serif;

	font-weight: bold;
	
	/*font-size: 28px;*/
	
	font-size: 14px;

/*	padding: 10px;*/

	color: #006699;

	padding: 10px 0 10px 0;

	}



h3 {

	font-family: georgia, bookman, times, serif;

	font-weight: bold;

	font-size: 16px;

	color: #006699;

	padding: 10px 0 5px 0;

	}

	

h4 {

	font-family: georgia, bookman, times, serif;

	font-weight: bold;

	font-size: 14px;

	color: #003366;

	padding: 10px 0 5px 0;

}



h5 {

	font-family: georgia, bookman, times, serif;

/*	font-weight: bold;

	*/

	font-size: 11px;

}



dt {

	margin-top: 15px;

	font-weight: bold;

}

/* * * * * * Structure * * * * * */



#header {

	background: #002249;

	position:absolute;

	top: 0px;

	left: 0px;

	width: 779px;

	height: 66px;

	z-index: 4;

}

/*

#header.public {

    top: 0px;

	}

#header.member {

    top: 20px;

	}

*/	



#shadow {

	position:absolute;

	top:  66px;

	left: 0;

	width: 779px;

	height: 15px;

	z-index: 5;

}

/*

#shadow.public {

    top: 66px;

	}

#shadow.member {

    top: 86px;

	}

*/

		

#container {

	position:absolute;

	top: 66px;

	left: 124px;

	width: 655px;

	border: 0;

	padding: 0;

	margin: 0;

}

/*

#container.public {

    top: 66px;

	}

#container.member {

    top: 86px;

	}

*/



#navigation {

	background: #8db790;

	position: absolute;

	top: 0px;

	width: 124px;

	float:left;

	height: 100%;

}

/*

#navigation.public {

    top: 0px;

	}

#navigation.member {

    top: 20px;

	}

*/

#second-content {

	width: 200px;

	float: right;

	clear: right;

	padding-top: 20px;

}

#main-content {

	padding-top: 10px;

	padding-left: 10px;

}

#main-content tr {
	vertical-align: top;
	margin-right: 10px;
	
}
#main-content input {

	margin-left: 10px;
}

#main-content select {

	margin-left: 10px;
}




/* * * * *



 * Navigation

 */



#navigation {

/*	font-family: georgia, times, sans-serif;

	font-weight: bold;

*/

	}

#navigation a {

	color: #000;

	text-decoration: none;

}

#navigation #logo {

	display: block;

	text-align: center;

	margin-top: 80px;

	margin-bottom: 13px;

}

/*

.links-list {

	width: 124px;

	margin:0;

	padding:0;

	}

.links-list a {

	display:block;

	width: 120px;

	padding: 2px 0 2px 4px;

	}

.links-list .level-1:hover {

	background: #afcdb1;

	}

.links-list .level-2 {

	background: #afcdb1;

	border-left: 4px solid #002249;

	padding-left: 4px;

	width: 116px;

	}

	.links-list .level-2:hover {

		background: #d1e2d3;

		}

.links-list .level-3 {

	background: #d1e2d3;

	border-left: 4px solid #002249;

	padding-left: 8px;

	width: 112px;

	}

	.links-list .level-3:hover {

		background: #e1f2e3;

		}

.links-list .level-4{

	background: #e1f2e3;

	border-left: 4px solid #002249;

	padding-left: 12px;

	width: 108px;

	}

	.links-list .level-4:hover {

		background: #f1f2f3;

		}

.links-list .level-5 {

	background: #f1f2f3;

	border-left: 4px solid #002249;

	padding-left: 16px;

	width: 120px;

	}

	.links-list .level-5:hover {

		background: #fff;

		}

.links-list .yah {

	background: #fff;

	border-left: 4px solid #002249;

	width: 116px;

	}

*/





/* * * * * * This is Todd's nasty code for the main page



 */



.rollover a {

	display:block;

	width:216px;

	font-family: georgia, times, sans-serif;

	font-size: 16px;

	color: #FFFFFF;

	display:block;

	width:100px;

}

.rollover a:hover {

	filter: alpha(opacity=80);

	-moz-opacity: .80;

}

.leftbar {

	border-left: 4px solid #99A7B6;

	padding-left:4px;
	margin-bottom: 15px;

	margin-top:15px;

}

.homepage {

	font-family: georgia, bookman, times, serif;

	font-size: 30px;

	font-weight: normal;

	margin-top: 0px;

	margin-bottom: 5px;

}

.small-label {

	font-size: 12px;

	font-weight: bold;

	margin-top: 5px;

	margin-bottom: 2px;

}

/* * * * *



 * Login/out



 */



#login-box {

	position:absolute;

	/*	top: 78px;  */

	left: 670px;

	width: 140px;

	color: #fff;

	z-index: 7;

}

#login-box a {

	border-left: 4px solid #afcdb1;

	color: #fff;

	padding: 0 5px;

}

#login-block {

	position:absolute;

	/*	top: 66px;  */

	left: 644px;

	z-index: 6;

}

/* * * * * * Miscellaneous * * * * * */



.news-teaser-list div {

	padding: 10px 0;

}

div.news-teaser-title {

	padding: 0 0 0 6px;

	border-left: 5px solid #999;

	font-weight: bold;

}

.warning {

	color: #f00;

}

.success {

	color: #090;

	font-weight: bold;

}

.component {

	border-left: 4px solid #99a7b6;

}

#search {

	position:absolute;

	top:28px;

	right: 15px;

}

.top-title {

	margin: 0px;

	padding: 0 0 10px 0;

}

/* * * * *



 * Module-specific styles



 * Should these get their own css files later?



 */



/* news module */



.summary {

	font-weight: normal;
	font-size: 10px;
	color: #666;
	padding: 0 0 5px 0;

}

/* calendar module */



.highlight {

	background: #d1e2d3;

}

.calendar {

	border-left: 4px solid #99a7b6;

	padding-left: 10px;

	margin-top: 16px;

}

.calendar td a {

	text-decoration: none;

}

.calendar .group {

	margin: 3px 0;

}

/* image module */



.image-thumbnails a {

	padding: 10px;

	display: block;

	float: left;

	border: 1px solid #fff;

}

.image-thumbnails a:hover {

	border: 1px solid #adcdb1;

}

/* form module */



.contact legend {

	font-weight: bold;

	font-size: 13px;

	color: #000;

	padding: 10px;



}

.contact ol {

	margin: 0;

	padding: 0;

}

.contact li {

	font-size: 1em;

	list-style-type: none;

	clear: left;

	margin: 5px 0;

}

.contact td label {

	text-size: 1em;

	
}	

.contact li label, .contact td label {

	text-align: right;
	
	padding-top: 0px;

	display: block;

	float: left;

	vertical-align: middle;

	margin-right: 2px;

	width: 150px;
	
	line-height: 20px;

}

.contact input, .contact textarea, .contact select {

	margin: 2px 5px 2px 10px;
	
}

.contact li fieldset {

	border: 0;

}

.contact td select {
	margin: 2px 10px 5px 10px;

	}
.contact td input {
	margin-left: 10px;
	}

.contact li fieldset label {

	display: block;

	width: auto;

	margin-left: 125px;

}
.contact li input{
	width: auto;
	}

.contact li fieldset legend {

	display: block;

	width: 130px;

	font-weight: normal;

	margin-right: 10px;

	text-align: right;

}

.contact td {

	font-size: 1em;

	vertical-align: top;

}

.contact td label {

	display: block;

	text-align: right;

}

/* user directory module */



.brother-list {

	margin:0;

	padding:0;

}

.brother-list li {

	list-style-type: none;

}

.pledge-class-list {

	margin-left: 10px;

	padding: 0;

}

.pledge-class-list li {

	list-style-type: none;

	margin: 20px 0 0 0;

	padding: 0;

}

.pledge-class-list li ul li {

	list-style-type: disc;

	font-size: 1.2em;

	margin-top: 0px;

	font-weight: normal;

}

.pledge-class-list li ul {

	margin-left: 14px;

	padding: 0;

}

/* search module */



.search-results p {

	margin: 15px 0 0 15px;

}

/* * * * *



 * CMS



 * Ack! We're mixing again! Bad code! No dessert!



 */



tr.a td,  tr.b td {

	border-top: 1px solid #8db790;
	padding: 5px 20px;

}

td.a {

	background-color: #d1e2d3;

}

.create-new {

	color: #090;
	padding-top: 1em;
	margin-top: 1em;

}

.general-links {

	margin: 0;

	padding: 0;

}

.general-links li {

	list-style-type: none;

}

.main-control-group {

	width: 400px;

	clear: all;

	margin-top: 20px;

}

.main-control-group div {

	margin: 0 20px;

}

.main-control-group h2,  .main-control-group h3 {

	margin: 0;

}

.mcpnav p {

	font-size: 11px;
	
	line-height: 18px;
	
	font-weight: normal;

	margin-bottom: -13px;

	margin-left: 5px;

}

.mcpnav p.title {

	font-weight: bold;

	line-height: 18px;
	
	margin-top: 10px;

	margin-left: 0px;
}
.mcpnav a {
	line-height: 18px;
}

.instructions,  .minor {

	color: #666;

	font-size: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}

div.interest-list a {

	padding: 5px;

	line-height: 1.8em;

}

ul.interest-list {

	padding: 0;

	margin: 0;

}

ul.interest-list li {

	padding: 0;

	margin: 0;

}

.main-control-group h2 {

	border-top: 1px solid #ccc;

	margin: 10px 0 0 0;

	padding: 5px 0 0 0;

}

.dynamic-news-teasers a {

	display: block;

	margin: 5px 0;

}

.dynamic-event-teasers a {

	display: block;

	margin: 5px 0;

}

.dynamic-image-teasers a {

	display: block;

	margin: 5px 0;

}

.dynamic-interview-teasers a {

	margin: 5px 0;

}

#hintbox { /*CSS for pop up hint box */

	position:absolute;

	top: 0;

	background-color: lightyellow;

	width: 150px; /*Default width of hint.*/

	padding: 3px;

	border:1px solid black;

	font:normal 11px Verdana;

	line-height:18px;

	z-index:100;

	border-right: 3px solid black;

	border-bottom: 3px solid black;

	visibility: hidden;

}

.hintanchor { /*CSS for link that shows hint onmouseover*/

	font-weight: bold;

	color: navy;

	margin: 3px 8px;

}

/* ////////////////////////////////FEB 26, 2008 beginning of Claude's code for home page templates ////////////////////////////////////

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



#tabNav {

	width: 779px;

	padding: 0px 0px 0px 0px;

	/*	text-align: left;

*/	background:#fff;

	height: 100%;

	float:left;

	clear: both;

	background-image: url(../images/navBar_bckrd.gif) repeat-y left;

}

#tabNav ul {

	margin: 0;

	padding: 0;

	position: relative;

	/*width: 630px;*/

	list-style: none;

	height: 20px;

	float: left;

}

#tabNav ul li {

	float: left;

}

#tabNav ul a {

	padding: 0 1.3em;

	font-size: 11px;

	line-height: 18px;

	text-decoration: none;

	color: #fff;

	float: left;

	display: block;

	background: url(../images/menu_sep.gif) no-repeat right bottom;

	height: 20px;

	top: 0px;

	left: 0px;

}

#tabNav ul a.darkBlue {

	background-color: #0066CC;

}

#tabNav ul a.blue {

	background-color: #0066FF;

}

#tabNav ul a.darkGreen {

	background-color: #339966;

}

#tabNav ul a.green {

	background-color: #00CC99;

}

#tabNav ul a.control {

	background-color: #999966;

}

#tabNav ul a.contact {

	background-color: #666666;

}

#tabNav ul a:hover {

	color: #fff;

	/*	background: url(../images/menu_bg_over.gif);

*/	height: 20px;

	background: #4e5480;

}

#tabNav ul a:active {

	color: #CC0000;

	background-image: url(images/menu_bg_over.gif);

	background-repeat: repeat-x;

	height: 20px;

}

#featureImage {

	width: 200px;
	
	min-height:150px;

	float: left;

	position: relative;

	margin-right: 15px;
	
	

}

#featureContainer {

	margin: 0;

	width: 415px;

	padding: 0px;

	line-height: 15px;

	float: left;

}

#featureContainer h1 {

	font-size: 28px;

	line-height: 30px;

	margin: 0 0 5px 0;

	width: 415px;

	float: left;

}

#featureContainer p.readMore {

	text-align: right;

}

#usMap {

	height: auto;

	width: 210px;

	padding: 0px;

	margin: 10px 0 10px 0;

	float: right;

	text-align: center;

	border-left: solid #99A7B6 4px;

}

#aboutBoxes {

	width: 644px;

	margin: 0px 0px 10px 0px;

	float: right;

	padding-left: 10px;

}

#aboutBoxes h4 {

	font-size: 11px;

	line-height: 12px;

	font-family: Arial, Helvetica, sans-serif;

	float: left;

	margin-bottom: 0px;

}

#aboutBoxes a {

	float: left;

}

/*News Items

*/

#chapterNews, #nationalNews {

	width: 210px;

	float: left;
	
	

}

#nationalNews {

	margin-left: 8px;

}

#nationalNews.right_col{/*used for latest enhancements on help chapter homepage*/
    width:200px;
	}
	
#chapterNews h5, #nationalNews h5 {

	font-size: 13px;

	line-height: 16px;

	color: #000000;

	font-weight: bold;

	padding: 0 0 0 5px;

	margin: 0px;

	border-left: solid #99A7B6 4px;

}

#chapterNews a h6, #nationalNews a h6{

	font-size: 11px;

	font-weight: bold;

	color: #003366;

	text-decoration: underline;

	padding: 0px 0px 3px 0px;

	margin: 0px;

	display:block;

}


#chapterNews a, #nationalNews a{

	color: #000000;

	text-decoration: none;

	padding: 5px 5px 2px 5px;

	display: block;

	border-left: solid #99A7B6 4px;

}

#chapterNews a:hover, #nationalNews a:hover {

	color:#666666;

	text-decoration: none;

	padding: 5px 5px 2px 5px;

	display: block;

	border-left: solid #003366 4px;

}

#chapterNews a:hover h6, #nationalNews a:hover h6 {

	color: #000000;

	text-decoration: none;

}

#chapterNews ul, #nationalNews ul, #chapterNews ul li, #nationalNews ul li {

	list-style: none;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



/*End News Items*/



#dailyverse, #prayerrequest {

	float: left;

	width: 200px;

	position:relative;

	margin: 0 0 10px 8px;

	padding: 0 0 0 5px;

	border-left: solid #99A7B6 4px;

}

#dailyverse h5, #prayerrequest h5 {

	font-size: 13px;

	line-height: 16px;

	font-weight: bold;

	padding: 0px;

	margin: 0px 0 4px 0;
	
	

}

#dailyverse p, #prayerrequest p {

	margin: 0px;

	padding: 0px;

}

#donateNav {

	height:15px;

	float:right;

	position:relative;

	right:0px;

	text-transform:uppercase;

	top: 3px;

	width:300px;

}

#donateNav ul {

	margin: 0;

	padding: 0;

	position: relative;

	list-style: none;

	background-color: #FFFFFF;

	height: 15px;

	bottom: 0px;

}

#donateNav ul li {

	float: right;

}

#donateNav ul a {

	padding: 0px 8px;

	font-size: 9px;

	line-height: 14px;

	text-decoration: none;

	color: #666666;

	float: left;

	display: block;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #CCCCCC;

	border-left-color: #CCCCCC;

	letter-spacing: 1px;

}

#donateNav ul a:hover {

	color:	#006699;

	text-decoration:	underline;

	background-color:#FFFFFF;

}

/* //////////////////////////////////////////////////////END OF CLAUDE CSS//////////////////////////////////////////////////////////////////////////*/

	

.hiddenEdit {
	visibility: hidden;
	display: none;
	float: left;

}

.visibleEdit {

	visibility: visible;
	position: absolute;
	z-index: 10;
	margin: 9px 0px 0px -3px; 

}

#banner_button {

	position: absolute;

	top: 10px;

	left: 0px;

	z-index: 10;

}

#edit_switch {

	position: absolute;

	top: 0px;

	left: 705px;

	height: 20px;

	margin: 0 0 0 0;

}

#welcome {

	float: left;

	height: 20px;

	margin: 0 2px 0 2px;

}

#modernbricksmenu {

	padding: 0;

	width: 779px;

/*	background: #E8E8E8;*/

	background: #FFF;

	height: 100%;

	float:left;

	clear: both;

}

#modernbricksmenu ul {

	/*font:  11px Arial;*/

font-size:11px;

	margin:0;

	margin-left:0px; /*margin between first menu item and left browser edge*/

	padding: 0;

	list-style: none;

}

#modernbricksmenu li {

	display: inline;

	margin: 0 2px 0 0;

	padding: 0;/*text-transform:uppercase;*/

}

#modernbricksmenu a {

	float: left;

	display: block;

	color: #000000;

	margin: 0 1px 0 0; /*Margin between each menu item*/

	padding: 3px 13px;

	text-decoration: none;

	letter-spacing: 0px;

	/*background-color:  #C4C4C4; */

border-bottom: 1px solid #DCDCDC;

}

/*

#modernbricksmenu a:hover{

background-color: #8C8C8C; 

}

*/

.tab a {

	background-color: #C4C4C4;

}

.national_tab a {

	background-color: #c9d3e8;

}

.chapter_tab a {

	background-color: #bfd4c1;

}

.tab a:hover {

	background-color: #8C8C8C;

}

.national_tab a:hover {

	background-color: #748DC3;

}

.chapter_tab a:hover {

	background-color: #75A37A;

}

#red_box {
   width:385px; 
   height:25px; 
   position:absolute; 
   top:23px; 
   left:365px; 
   z-index:25; 
   background-color:#f60922;
   padding:2px 10px ;
   }
   
 .span1, .span2{/*span1(developers help-box) span2(please read.) span3(don't show me again)*/    
    font-family:Arial, Helvetica, sans-serif;    	
	color:#ffffff;
	position:relative;
	top:5px;
	 font-size:12px;
	}
	
.span1 {
	font-weight:bold;  
}

.span3{
    font-family:Arial, Helvetica, sans-serif;
	position:relative;
	top:0px;
	float:right;
	color:#000000;
	font-size:10px;
	} 



#red_box a, #red_box a:active, #red_box a:visited{
    color:#000000;
}

#red_box a:hover{
   color:#ffffff;
}		
 #red_box input{
 margin-left: 4px;
 }
	   
   
.tri {
    position:absolute;
	top:16px; 
	left:482px; 
    z-index:25;
	}
	
#page_tree{
    margin:0px 2px 0 0;

}	  
/* moved to fluid style sheet

#modernbricksmenu #current a{ 

background-color: #D25A0B; 

color: #ffffff;

}

#modernbricksmenuline{

clear: both;

padding: 0;

width: 779px;

height: 5px;

line-height: 3px;

margin: 0px 0px -3px 0px;

background: #D25A0B;

}

*/

fieldset {
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
	display: block;
	padding: 0 1em 1em 1em;
	background-color: #e9e7c8;
	}
fieldset h2 {
	font-size: 16px;
	font-style: normal:
	}
input {
	width: auto;
	vertical-align: middle;
	margin: .1em .1em .1em .1em;
	}
	
radio {
	margin-left: .5em;
	}
	
/*legend h2{
	font: 16px Arial, Helvetica, sans-serif;
	float: left;
	padding: 0 10px 5px 10px;
	width: auto;
	text-transform:	inherit;
	color: #000;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 2px;
	display: inline;
	}
input {
	width: 150px;
	height: 18px;
	display: inline;
	background-color: #ffffff;
	font-size: 10px;
	vertical-align: middle;
	float: left;
	margin: 5px 0 5px 0;
	}
checkbox {
	width: auto;
	}
select {
	width: auto;
	padding: 0 1em;
	display: inline;
	float: left;
	top: auto;
	}*/
	
/* --- Reset for non-text inputs ----- */
/*input.radio, input.select, input.checkbox {
	width: auto;
	display: inline;
	float: left;
	}
input.submit {
	float: right;
	margin: .5em;
	width: auto;
	height: auto;
	padding: 3px 10px;
	}
' {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	float: left;
	margin-right: .5em;
	}

*/

/* ------  these styles use attribute selectors and the focus pseduo-class selector to style form elements in Dom compliant browsers. Other browsers like IE6, will ignore these styles and render the default ----- */
input:focus, textarea:focus {
	border:	2px solid #660;
	background-color: #fff;
	}