/* CSS Document */

.ae_open img
{
	visibility: hidden
}

body, h1, h2, h3, h4, h5, ul, li, ul li, div, img, form {
	margin: 0px;
	padding: 0px;
}

body {
	font-family:   Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #E4E4E4;
}

.gobtn {vertical-align: text-bottom;}

#FormField label {
	visibility: hidden;
}

/* *************************** */
/* *******MISC CLASSES******** */
/* *************************** */

hr, .hide {
	display: none;
}
a img {
	border: none;
}
.clear {
	clear:both; 
	height:0px; 
	font-size:0px; 
	margin: 0;
	padding: 0;
	margin-top:-1px;
}
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding:0;
      border:none;
      visibility: hidden;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearnav {
	clear:both; 
	height:0px; 
	font-size:0px; 
	margin: 0;
	padding: 0;
	margin-top:-2px;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* *************************************** */
/* *******MAIN PAGE LAYOUT CLASSES******** */
/* *************************************** */

#outerWrapper {
	margin: 0 auto;
	width: 1004px;
	padding: 0;

}
#innerWrapper {
	width: 980px;
	padding: 0 12px 12px 12px;
	background-color: #fff;
}

#footerWrapper{margin: 0 auto;width: 1004px;padding: 0;}
#footerContent {font-size: 0.8em; text-align: right; padding: 1px 12px 12px 0;}

.skiplink {
	visibility: hidden;
}

#topbarWrapper {width: 980px; background: #01337C url(http://v41demo4.activdemo.com/web/MultimediaFiles/topbar_bckd.jpg) no-repeat;}
#topbartext {float: left; width: 732px; padding: 5px 0 0 13px; color: #fff; font-size: 0.8em; }
#logo {float: left; width: 223px; height: 114px;}
#searchWrapper {float: right; padding: 0 12px 0 0;}
.gobtn {vertical-align: middle;}
.search {border: 1px solid #ccc;}

#contentWrapper {
	width: 968px;
	background-color: #E4E4E4;
	padding: 14px 0 14px 12px;
}

#tmp1-2col-contentLeft {float: left; width: 763px; }
#tmp1-2col-contentRight {float: left; width: 181px; margin-left: 10px;}

#tmp2-2col-contentLeft {float: left; width: 761px; background: #fff; border: 1px solid #ccc; }
#tmp2-2col-contentRight {float: left; width: 181px; margin-left: 12px;}

#tmp3-3col-contentLeft {float: left; width: 181px;}
#tmp3-3col-contentMiddle {float: left; width: 374px; border: 1px solid #ccc; background: #fff; margin-left: 12px; }
#tmp3-3col-contentRight {float: left; width: 371px; margin-left: 12px;border: 1px solid #ccc;  background: #fff}

#tmp4-3col-contentLeft {float: left; width: 181px; background: #fff;}
#tmp4-3col-contentMiddle {float: left; width: 568px; border: 1px solid #ccc;  background: #fff; margin-left: 12px; }
#tmp4-3col-contentRight {float: left; width: 181px; margin-left: 10px;}

#tmp5-2col-contentRight {float: left; width: 761px; background: #fff; border: 1px solid #ccc; margin-left: 12px;}
#tmp5-2col-contentLeft {float: left; width: 181px;}

#tmp6-1col-content {float: left; width: 956px; margin-left: 12px;  border: 1px solid #ccc;  background: #fff;}


/* **************************************** */
/* *******GENERAL LAYOUT CLASSES******** */
/* **************************************** */


#hme-nugs-Wrapper {float: left; width: 757px;  background: #fff; border: 1px solid #ccc; padding: 6px 0 6px 4px;margin-top: 12px;}
.hme-nugs-img {float: left; padding: 5px;}
#hme-intro-left {float: left; background: #fff; border: 1px solid #ccc; width: 567px;}
#hme-intro-right {float: left; margin-left: 12px;}
.btnleft {padding-left: 12px;}
.hme-stories-img {float: left;width: 77px; padding: 8px; display: block;}
.hme-stories-txt {float: left; display: block; width: 77px; font-size: 0.8em; text-align: center;}


/* Side Bar & Tools Classes & ID's */
.sml-img-nug {width: 181px;}
.sml-txt-blue-nug {width: 166px; background-color: #00409A; padding: 7px 5px 7px 10px; color: #fff; font-size: 0.9em; text-transform:uppercase; font-weight: bold;}
.sml-txt-blue-nug-marg {margin-top: 12px;width: 166px; background-color: #00409A; padding: 7px 5px 7px 10px; color: #fff; font-size: 0.9em; text-transform:uppercase; font-weight: bold;}
.img-icon {padding-right: 5px; vertical-align: middle;}
.meet-nug-spacer {padding: 0 10px 10px 10px;}
.blue-top-box {margin-top: 12px; border: 1px solid #ccc; width: 179px; background-color: #fff;}
.blue-top-box-nomarg {border: 1px solid #ccc; width: 179px; background-color: #fff;}
.blue-top-box-header {background-color: #00409A; padding: 7px 5px 7px 10px; color: #fff; font-size: 0.9em; text-transform:uppercase; font-weight: bold; margin-bottom: 5px;}
.blue-top-box-content {padding: 10px; color: #666; font-size: 0.8em;}
.blue-top-box-content ul li {list-style: url(http://v41demo4.activdemo.com/web/templates/church-army-home_files/content_arrow.gif); margin-left: 18px;}
.blue-top-box-content ul li a {color: #00409A; text-decoration: none;}
.blue-top-box-content ul li a:hover {color: #000; text-decoration: underline;}
/* Side Bar & Tools Classes & ID's */

/* About Template Classes & ID's */
.about-cont-left {float: left; width: 541px;}
.about-cont-right {float: left; width: 179px; border: 1px solid #ccc; margin-left: 12px;}
/* About Template Classes & ID's */

/* Stories Template Classes & ID's */
.storiesWrapper {margin: 12px 0 12px 0; border-bottom: 1px solid #ccc; padding-bottom: 14px;}
.stories-img {float: left;width: 83px; padding-right: 12px; display: block;}
.stories-txt {float: left;width: 240px; display: block; font-size: 0.8em;}
/* Stories Template Classes & ID's */

/* Faith Template Classes & ID's */
#faithintroWrapper, .faith-4-colWrapper {width: 100%; margin: 14px 0 14px 0; border-bottom: 1px solid #ccc; padding-bottom: 14px; }
#faith-intro-img {float: left; width: 25%;}
#faith-intro-txt {float: left; width: 70%;}
.faith-col-Wrapper-left{float: left; width:164px; padding-right: 13px; border-right: 1px solid #ccc; font-size: 0.8em; }
.faith-col-Wrapper-middle{float: left; width:164px; padding-left: 13px; padding-right: 13px; border-right: 1px solid #ccc; font-size: 0.8em; }
.faith-col-Wrapper-right {float: left; width:164px; font-size: 0.8em;  padding-left: 13px;}
/* Faith Template Classes & ID's */

/* ********************************* */
/* *******NAVIGATION CLASSES******** */
/* ********************************* */

#header-links {
	width: 980px;
}

#header-links ul {
	list-style: none;		/* removes list marker */
	text-align: left;
	margin: 0px;
}

#header-links ul li {
	display: inline;			/* sets list items to display in a row */
	margin: 0px;
	display: block;
	float: left;
	font-size: 1.0em;
	font-weight: bold;
	padding-top: 0;
	color: #fff;
}


#header-links ul li a {

	color: #ffffff;
}


.linkfaith a {display: block; text-decoration: none; color: #fff; padding: 5px 21px 5px 20px;}
.linkwords a, .linkactions a, .linkaboutus a, .linkcontactus a, .linksupportus a {display: block; text-decoration: none; color: #fff; padding: 5px 20px 5px 20px;}
.linkfaith a:hover {display: block; background: url(http://v41demo4.activdemo.com/web/templates/church-army-home_files/faith_nav_ovr.gif);}
.linkwords a:hover {display: block; background: url(http://v41demo4.activdemo.com/web/templates/church-army-home_files/words_nav_ovr.gif);}
.linkactions a:hover {display: block; background: url(http://v41demo4.activdemo.com/web/templates/church-army-home_files/actions_nav_ovr.gif);}
.linkaboutus a:hover {display: block; background: url(http://v41demo4.activdemo.com/web/templates/church-army-home_files/about_nav_ovr.gif);}
.linkcontactus a:hover {display: block; background: url(http://v41demo4.activdemo.com/web/templates/church-army-home_files/contact_nav_ovr.gif);}
.linksupportus a:hover {display: block; background: url(http://v41demo4.activdemo.com/web/templates/church-army-home_files/support_nav_ovr.gif);}


#aemenuWrapper {width: 980px; height: 30px; margin-top: 0;}

#ae-menu {
	float: left;
	padding-left: 10px;
}

#ae-menu li {list-style-type: none;}

#ae-menu ul {
	margin: 0;
	display: inline;
}

/* LEVEL 1 and set white font for all non-menu links from LEVEL 2 downwards */
#ae-menu ul li {
	color: #fff;
	font-weight: bold;
	float: left;
	font-size: 0.9em;
margin: 8px 0 5px 0;
border-right: 1px solid #fff;
	padding-right: 10px;
}

#ae-menu ul li a {
	color: #fff;
	text-decoration: none;
padding-left: 10px;
}

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

/* *************************** */
/* *******TEXT CLASSES******** */
/* *************************** */

.content {padding: 10px; color: #666; font-size: 0.9em;}
.content a {color: #00409A;}
.content a:hover {color: #000;}

.meet-nug-spacer a {font-size: 0.8em; color: #00409A;}
.meet-nug-spacer a:hover {font-size: 0.8em; color: #000;}

.stories-txt a {color: #00409A;}
.stories-txt a:hover {color: #000;}

#topbartext a {color: #fff; text-decoration: none;}
#topbartext a:hover {color: #fff; text-decoration: underline;}
#footerContent a {color: #000; text-decoration: none;}
#footerContent a:hover {color: #000; text-decoration: underline;}

.sml-txt-blue-nug a {text-decoration: none; color: #fff; font-weight: bold;}


h1 {font-size: xx-large; color: #053D8A; font-weight: lighter;}
h2 {font-size: x-large; color: #053D8A; font-weight: lighter;}
h3 {font-size: medium; color: #053D8A;}
h4 {font-size: small; color: #053D8A;}
h5 {font-size: x-small; color: #053D8A;}
h6 {font-size: xx-small; color: #053D8A;}

.smalltextbutton {font-size: 1.0em;}
.mediumtextbutton {font-size: 1.4em;}
.largetextbutton {font-size: 1.8em;}

.header {font-size: small; color: #053D8A;}