.subpages {
	text-decoration: none;
}.MenuBarItemIE 
{
	position: static;
}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background-color: #FFF;
	}
}/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

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

 VERTICAL LAYOUT INFORMATION: describes box model, positioning, z-order

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

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	width: 250px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	width: 250px;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	width: 250px;
	left: -1000em;
	top: 0;
	margin: 0 0 0 100%;

}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 250px;
}


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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-indent: 22px;
	text-decoration: none;
        text-transform: uppercase;
	background-color: #240B02;
        background-image: url(../../../site/1/template/AFM_navArrow_white.png);
        background-position: 8px 8px;
	background-repeat: no-repeat;
        height: 25px;
}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #5DA7A1;
        color: #FFFFFF;
        background-image: url(../../../site/1/template/AFM_navArrow_brown.png);
        text-shadow: none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	color: #FFFFFF;
        background-image: url(../../../site/1/template/AFM_navArrow_blue.png);
}

/* First list class */

ul.MenuBarVertical li.first a {
	background-image: url(../../../site/1/template/AFM_icon_home_up.png);
	background-repeat: no-repeat;
        background-position: 4px 8px;
}
ul.MenuBarVertical li.first a:hover, ul.MenuBarVertical li.first a:active {
	background-image: url(../../../site/1/template/AFM_icon_home_down.png);
	background-repeat: no-repeat;
}

/* Submenus with no child pages - background */

ul.MenuBarVertical ul a {
	background-image: url(../../../site/1/template/AFM_navArrow_white.png);
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}


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

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

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

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(../../../site/1/template/AFM_navArrow_blue.png);
        background-position: 8px 8px;
	background-repeat: no-repeat;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(../../../site/1/template/AFM_navArrow_brown.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical ul a.MenuBarItemSubmenu
{
	background-image: url(../../../site/1/template/AFM_navArrow_blue.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical ul a.MenuBarItemSubmenuHover
{
	background-image: url(../../../site/1/template/AFM_navArrow_brown.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}


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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background-color: #C8BDE9;
		position: static;
	}
}


/*
	Name: Adventist Family Ministries
	Date: May 2011
	Description: Official web site of Adventist Family Ministries
	Version: 1.0
	Author: Ryan Kerbs
	Author URL: http://www.ryans-design.com
*/

/* ################################################################################################# */
/* #																					Imports	   # */
/* ################################################################################################# */ 

@import url("../../../site/1/docs/reset.css");
/*@import url("../../../global-forms.css");*/

/* ################################################################################################# */
/* #																					Global	   # */
/* ################################################################################################# */

/* #################################################################################### Body ####### */
body {
	background-repeat: repeat;
	color: #333333;
	font-size: 80%; /* Base font size: 14px */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(../../../site/1/template/AFM_background.jpg);
}
#BackgroundImage {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 800px;
	width: 100%;
	background-image: url(../../../site/1/template/AFM_background2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: -100;
}

/* #################################################################################### Headings ### */
h1 {
	font-size: 2em;
	color: #240B02;
}
h2 {
	font-size: 1.571em; /* 22px */
	color: #240B02;
}	
h3 {
	font-size: 1.429em; /* 20px */
	color: #5DA7A1;
}	
h4 {
	font-size: 1.286em; /* 18px */
	color: #5DA7A1;
}	
h5 {
	font-size: 1.143em; /* 16px */
	color: #666;
}	
h6 {
	font-size: 1em;/* 14px */
	color: #666;
}		
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: 0.8em;
	font-family: 'EB Garamond', arial, serif;
	text-align: left;
}
.bodytext12px {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
}
.bodytext12px {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}
.bodytext14px {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
}
.bodytext16px {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 16px;
}
	
/* #################################################################################### Anchors #### */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #5DA7A1;
	padding: 0 1px;
	text-decoration: underline;
}
a:hover, a:active {
	background-color: #5DA7A1;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}
	
/* #################################################################################### Paragraphs # */
p {
	margin-bottom: 1.143em;
	text-align: justify;
}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #5DA7A1; color: #fff;}
::selection {background: #5DA7A1; color: #fff;}

/* #################################################################################### Lists ###### */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* #################################################################################### Quotes ###### */
blockquote {font-style: italic;}
cite {}

q {}

/* #################################################################################### Tables ###### */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* ######################################################################### Thead #### */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* ######################################################################### Tbody #### */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* ######################################################################### Tfoot #### */
	tfoot th {}
	tfoot td {}
	
/* #################################################################################### HTML5 Tags ## */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/* ######################################################################################### Clear ## */
.clear {
	clear: both;
}

/* ################################################################################################# */
/* #																					Layout	   # */
/* ################################################################################################# */
.body {
	clear: both;
	margin: 0 auto;
	width: 950px;
}
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}
header {
	margin: 0px;
	padding: 0px;
	width: 950px;
	z-index: 1;
}

/* #################################################################################### Header ## */
div.sitename {
	height: 112px;
	width: 628px;
	text-indent: -1000px;
	background-image: url(../../../site/1/template/AFM_LogoHeader.png);
	margin: 0px;
	line-height: 112px;
	background-repeat: no-repeat;
	padding: 0px;
	font-size: 0px;
}
header a:hover, header a:active {
	background-color: none;
}

/* #################################################################### megaContainer # */
	
#megaContainer {
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 10px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #fff;
	position: relative;
	z-index: 1;
	background-image: url(../../../site/1/template/extrasBackground.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#topDivider {
	height: 4px;
	width: 100%;
    position: absolute;
	left: 0px;
	top: 40px;
	right: 0px;
	background-color: #240B02;
}

/* ###################################################################### breadcrumbs # */
ul.breadcrumbs {
	font-size: 14px;
	color: #8B8B8B;
	list-style: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
} 
	
ul.breadcrumbs li {
	list-style: none;
	color: #8B8B8B;
	margin: 0px;
	border: 0px;
	float: left;
	display: inline;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}     
ul.breadcrumbs  li  a {
	color: #5DA7A1;
	list-style: none;
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-decoration: none;
} 
	
ul.breadcrumbs li a:hover {
	color: #240B02;
	text-decoration: none;
	background: none;
	text-shadow: none !important;
} 
	
ul.breadcrumbs li.breadcrumbs_separator {
	color: #240B02;
} 
	
ul.breadcrumbs li.breadcrumbs_current {
	color: #240B02;
}

/* ###################################################################### Main Content # */
#mainContent {
	margin: 0px;
	padding: 0px;
	width: 930px;
}
#mainContent td {
	vertical-align: top;
}

/* ########################################################################## sidebar # */

#sidebar {
	background-color: #D7E9E8;
	padding: 0px;
	width: 250px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}

/* ########################################################################## toolbar # */

#toolbar {
	height: 30px;
	margin-bottom: 15px;
	width: 100%;
}

/* ####################################################################### search bar # */

#toolbar form {
	height: 24px;
	width: 150px;
	padding: 0px;
	margin: 0px;
	float: right;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color: #240B02;
	overflow: hidden;
}
.search_field {
	height: 100%;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 1px;
	width: 115px;
	border: none;
	/*background-image: url(../../../../site/1/template/AFM_pixel_brown.png);*/
	background-color: #240B02;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	font-size: 14px;
}
#searchbutton {
	float: right;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

/* ################################################################################ Ministry Links ## */
#MinistryMenuBar {
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#MinistryMenuBar li {
	list-style-type: none;
}
#MinistryMenuBar a:link, #MinistryMenuBar a:visited {
	display: block;
	height: 70px;
	background-color: #240B02;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 250px;
	line-height: 70px;
	padding: 0px;
	text-indent: 70px;
	letter-spacing: 0px;
}
#MinistryMenuBar a:hover, #MinistryMenuBar a:active {
	text-shadow: none;
	background-color: #5DA7A1;
	color: #FFFFFF;
}
#MinistryMenuBar a {
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
#MinistryMenuBar li a[href*='adventistsingleadultministries.org'] { background-image: url('../../../../site/1/template/AFM_icon_ASAM.png');}
#MinistryMenuBar li a[href*='emale.org'] { background-image: url('../../../../site/1/template/AFM_icon_mensministries.png');}

/* ################################################################################## Newsletter ## */
#newsletterinfo {
	background-color: #5DA7A1;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 35px;
	padding-left: 10px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
}
#newsletterinfo h1 {
	color: #FFFFFF;
}

/* ################################################################################## Calendar #### */
table.calendartoken_wrapper {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.has_event today a:link, .has_event today a:visited  {
	background-color: #5DA7A1;
	color: #FFFFFF;
	display: block;
}
.has_event today a:hover, .has_event today a:active  {
	background-color: #240B02;
}

/* ################################################################################# link Button ## */
.linkButton {
	float: right;
	margin-bottom: 10px;
}
.linkButton a:link, .linkButton a:visited {
	display: block;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 20px;
	background-color: #240B02;
	background-image: url(../../../site/1/template/AFM_navArrow_blue.png);
	background-repeat: no-repeat;
	background-position: 74px 6px;
	text-decoration: none;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width: 60px;
	height: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.linkButton a:hover {
	background-color: #5DA7A1;
	background-image: url(../../../site/1/template/AFM_navArrow_brown.png);
	text-shadow: none;
}

/* #################################################################################### Featured ## */
#featureImagesContainer {
	width: 670px;
	height: 400px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#featureImages {
	width: 670px;
	height: 400px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}
#featureImages img {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	z-index: 0;
}
#featureImageOverlay {
	height: 107px;
	width: 670px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-image: url(../../../site/1/template/AFM_featureOverlay.png);
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	z-index: 1000;
}
#featured {
	margin-bottom: 10px;
	overflow: hidden;
	padding: 0px;
	width: 670px;
}
#featured figure {
	border: 2px solid #eee;
	float: right;
	margin: 0.786em 2em 0 5em;
	width: 150px;
}
#featured figure img {display: block; float: right;}

#featured h2 {
	color: #240B02;
	font-size: 1.714em;
	margin-bottom: 0.333em;
}
#featured h3 {font-size: 1.429em; margin-bottom: .5em;}

#featured h3 a:link, #featured h3 a:visited {
	color: #5DA7A1;
	text-decoration: none;
}
#featured h3 a:hover, #featured h3 a:active {color: #fff;}

/* #################################################################################### Body ## */
#content {
	overflow: hidden;
	width: 670px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

/* #################################################################################### Extras ## */
#extras {
	overflow: hidden;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#extras ul {list-style: none; margin: 0;}
#extras li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5DA7A1;
}
#extras h2 {
	color: #5DA7A1;
	font-size: 1.429em;
	margin-bottom: 0.25em;
	padding: 0 3px;
}

#extras a:link, #extras a:visited {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding: .3em .25em;
}

#extras li:last-child,
#extras li:last-child a {border: 0}

#extras .blogroll li:nth-last-child(2), 
#extras .blogroll li:nth-last-child(3),
#extras .blogroll li:nth-last-child(2) a,
#extras .blogroll li:nth-last-child(3) a {border: 0;}

#extras a:hover, #extras a:active {
	color: #fff;
	background-color: #5DA7A1;
}

/* ######################################################################### Blog Roll # */
#extras .blogroll {
	float: left;
	width: 720px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
	
#extras .blogroll li {
	float: left;
	margin: 0 10px 0 0;
	width: 230px;
}
	
/* ######################################################################### Social #### */
#extras .social {
	float: right;
	width: 200px;
	margin-right: 20px;
}
	
#extras div[class='social'] a {
	background-repeat: no-repeat;
	background-position: 3px 4px;
	padding-left: 25px;
}
/* ###################################################################### Icons #### */
.social a[href*='facebook.com'] { background-image: url('../../../../site/1/template/AFM_icon_facebook.png');}
.social a[href*='youtube.com'] { background-image: url('../../../../site/1/template/AFM_icon_youtube.png');}
.social a[href*='vimeo.com'] { background-image: url('../../../../site/1/template/AFM_icon_vimeo.png');}
.social a[href*='/feed/'] { background-image: url('../../../../site/1/template/AFM_icon_RSS.png');}
.social a[href*='twitter.com'] { background-image: url('../../../../site/1/template/AFM_icon_twitter.png');}

/* #################################################################################### Footer ### */

footer {
	width: 910px;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 10px;
	color: #240B02;
}
footer a:link, footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
footer a:hover, footer a:active {
	color: #240B02;
	text-decoration: underline;
	text-shadow: none;
	background-color: none;
}
#adminlinks {
	float: right;
}
.table_footer {
	float: left;
}

/* Store tweaks */

#su_store_categories a {
         background: none;
         text-shadow: none;
}

#su_store_products a {
          background: none;
          text-shadow: none;
}

#su_store_products a:hover {
          color: dark blue;
          text-decoration: underline;
}

#sf_items a {
          background: none;
          text-shadow: none;
}

#sf_items a:hover {
          color: dark blue;
          text-decoration: underline;
}

#su_store_navigation a {
          background: none;
          text-shadow: none;
}

#sf_checkout_stages a {
          background: none;
          text-shadow: none;
}
#su_store_filters a {
          text-shadow: none;
}