/*
truth_project_global.css
Copyright: 2008, Focus on the Family
Version 1.3
Created: 5/20/08
Last modified: 2/16/2009

Modification history:
12/20/08: Made numerous changes to the PrimaryNav and TourNav classes
12/22/08: Added overflow:hidden; declaration to #page, #innerContainer, #header, #leftPanel, #contentPanel, #contentFooter, #footer, #leftContentPanel, #leftNav, and #innerContentPanel 
2/16/09:  Removed the overflow:hidden on #leftPanel and #leftNav - was causing problems with the left-hand navigation in Firefox 2.0
8/24/09: Added .skipNav styles
*/



body 
{
    font: 12px Helvetica, Arial, sans-serif;
    margin: 13px 0px 0px 0px;
    padding: 0;
    background-color: Black;      
}

.skipNav { overflow:hidden; float:left; height:1px; font-size:1px; text-indent:-9999px; }

a
{
	color: #c57640; 
}

a:hover
{
	color: Black; 
}

img
{
	border-width: 0px;
}

#page
{
	width: 100%;
    background:url(Images/background_planet.jpg) center top no-repeat;
	overflow:hidden; 
}

.hideAlways 
{ 
    float: left; 
    font-size: 1px; 
    text-indent: -9999px; 
}

.clearBoth 
{ 
    clear: both; 
}

.clearRight
{ 
    clear: right;
}

.clear { height: 1px; font-size: 1px; text-indent: -9999px; clear: both; }

.left
{
    float: left;
}

.right
{
    float: right;
}

.marginLeft { margin-left: 12px; }
.marginTop { margin-top: 12px; }
.marginRight { margin-right: 12px; }
.marginBottom { margin-bottom: 12px; }

#container
{
    width: 963px;
    margin: 0 auto; 
    position: relative;  
}

#innerContainer
{
    background-color: White;
    padding-bottom: 20px;
    padding-top: 0px;
    margin-top: 0px;
    min-height: 1200px;
    height: 100%;
	overflow:hidden;
}

#headerTop
{
	background-color: White;
    background-image: url(Images/headerTop.gif);
    background-repeat: no-repeat;
    height: 13px;
    margin: 0px;
    padding: 0px;
}

#header
{
    height: 161px;
    background-color: White;
    margin: 0px 13px 13px 13px;
	overflow:hidden;
}

#header #logo
{
    width: 317px;
    float: left;
}

#header #loggedIn
{
	float: right;
    vertical-align: bottom;
    padding: 0px;
    height: 161px;
    display: table-cell;
    width: 619px;
    background-image: url(Images/truth_observed.jpg);
}

#header #loggedInText
{
    font-size: 12px;
    padding: 6px 6px 9px 18px;
    color: White;  
    margin-top: 131px;  
}

#header #loggedInText .loggedInTextLinks
{
    font-size: 11px;
    padding-left: 8px;
    color: #e0bc6e;  
    display: inline;
}

#header #loggedInText a
{
    color: #e0bc6e; 
    padding: 0px 4px 0px 4px;
}

#header #loggedInText a:hover
{
    color: White; 
}

#search
{
    padding: 2px 0px 10px 0px;
    margin-left: 18px;
    text-align: left;
}

#search .button
{
    margin-bottom: -3px;
}

.searchBox
{
    width: 160px;
    color: Gray;
    font-weight: bold;
    padding-left: 4px;
}

#leftPanel
{
    float: left;
    width: 230px;
    margin: 0px 10px 10px 0px;
    padding-left: 0px;
    height: auto !important;
    height: 1100px;
    /* This is commented out so the fly-out menus will work with Firefox 2.0
	overflow:hidden;
	*/
}

#leftPanel hr
{
	padding: 0;
	margin: 8px 20px 8px 20px;
	height: 1px;
	color: #ccc;
	border: 0;
	background-color: #ccc;
}

#leftPanel .marketliveSection
{
    margin: 8px 0px 8px 18px;
    width: 170px;
    height: auto;
}


/* This is commented out so the fly-out menus will work with Firefox 2.0
#leftNav { overflow:hidden; }
*/

#contentPanel 
{
    width: auto;   
	overflow:hidden; 
}

#contentFooter
{
	overflow:hidden; 
}

.headerLink
{
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

#footer
{
    margin: 16px;
    color: White;
	overflow:hidden; 
}

#footer a
{
    color: White;
}

#footer a:hover
{
    color: #e0bc6e;
}

#footer .navList
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .navList li
{
    display: inline;
    padding: 0;
    margin: 0px 8px 0px 0px;
}

#footer #copyright
{
    float: right;
    color: White;
    font-size: 11px;
}

#footerBottom
{
	background-color: Black;
    background-image: url(Images/footerBottom.gif);
    background-repeat: no-repeat;
    height: 13px;
    margin: 0px;
    padding: 0px;
}

#leftPanel .section
{
    margin: 8px 0px 8px 18px;
    width: 170px;
}

#leftPanel .section h1
{
    padding: 0px 0px 12px 0px;
    margin:0px;
    font-size: 15px;
    color: #69261d;
    font-weight: bold;
}

#leftPanel .highlightedSection
{
    background-image: url('Images/leftPanel_highlightedSection_widerer.jpg');
    background-repeat: no-repeat;
    width: 212px;
    height: 172px;
    padding: 15px 5px 15px 15px;
    margin: 20px 0px 0px 1px;
}

#leftPanel .highlightedSection h1
{
    padding: 0px 0px 12px 0px;
    margin:0px;
    font-size: 18px;
    color: White;
    font-weight: bold;
}

#leftPanel .highlightedSection h1 img
{
	margin-top: -10px;
	padding: 0px 0px 0px 20px;
	vertical-align: top;
}

#leftPanel .highlightedSection .subheading
{
	margin-top: -28px;
	width: 100px;
}

#leftPanel .highlightedSection .list
{
	margin: 5px 0px 5px 10px;
}

#leftPanel .highlightedSection .link
{
	float: right;
	margin: 0px 35px 0px 0px;
}

#leftPanel .highlightedSection a.link
{
	color: White;
}

#leftPanel .highlightedSection a.link:hover
{
	color: #69261d;
}

#leftPanel .highlightedSection .highlighted
{
	float: left;
    color: White;
    text-align: right;
    width: 70px;
    display: inline;
    padding-right: 4px;
}

#leftContentPanel
{
    float: left;
    width: 370px;
	overflow:hidden; 
}

#pageHeader
{
	background-image: url(Images/tour_item_header.gif);
	background-repeat: no-repeat;
	padding: 0px 12px 12px 12px;
	margin: 0;
	height: 40px;
}

#pageHeader h1
{
	padding-top: 6px;
	font-size: 21px;
	color: #69261d;	
	font-weight: bold;	
}

#pageHeader h2
{
	padding: 6px 32px 0px 0px;
	font-size: 21px;
	font-weight: bold;
	float: right;
	display: inline;
	margin: 0;
}


#pageHeader img
{
	margin-top: 5px;
}


/* ------------------------------------------------------------------------------------------------------------- */
/* primaryNav
/* ------------------------------------------------------------------------------------------------------------- */
ul.primaryNav
{ 
    list-style: none; 
    margin: 18px 0px 18px 18px; 
    padding: 0; 
    width: 175px;
}

.primaryNav li
{
    width: 100%;
    display: inline;
    margin: 0;
    padding: 0;
}

.primaryNav li a
{ 
    font-size: 16px; 
    padding: 5px 0px 5px 5px;
    color: Black;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    display: block;
}

.primaryNav li a:hover
{
	color: White;
	background-color: Black; 
}
.primaryNav li a.selected { color: #69261d; }
.primaryNav li a:hover.selected { color: white; } 


.primaryNav li ul
{
	left: -999em;
	background: #280000;
	list-style: none;
	padding: 0px 0px 0px 0px;
	width: 197px;
	position: absolute;
	z-index: 400;
	margin: 0;
	border-right: solid 1px White;
}
.primaryNav li:hover ul,
.primaryNav li.sfhover ul { left: 0; left:170px; width:190px; margin:-22px 0 0 0;   }

.primaryNav li ul li a
{
	font-size: 13px;
	font-weight: normal;
	width: 170px;
	padding-bottom: 5px;
	background: #69261d; /* #280000; */
	color: White;
	border-top: solid 1px White;
	border-right: solid 1px White;
	border-left: solid 1px White;
	padding: 3px 4px 3px 18px;
}
.primaryNav li ul li a:hover { background: #280000; /* #280000; */ color: White; list-style: inside url(Images/nav_arrow.gif) circle; }

.primaryNav li ul li a.selected{
	font-size: 13px;
	font-weight: normal;
	width: 170px;
	padding-bottom: 5px;
	background: #69261d; 
	color: White;
	border-right: solid 1px White;
	border-left: solid 1px White;
	padding: 3px 4px 3px 18px;
}
.primaryNav li ul li a:hover.selected { background: #090000; color: White; background-image: url(Images/nav_arrow.gif); background-repeat: no-repeat; border-right: solid 1px White;}



.primaryNav li ul li a:hover { background-image: url(Images/nav_arrow.gif); background-repeat: no-repeat; }

.primaryNav li ul ul { width:190px; padding: 0px 0px 0px 0px; }

.primaryNav li:hover ul ul,
.primaryNav li.sfhover ul ul { left:-9999px; }
.primaryNav li li:hover ul,
.primaryNav li li.sfhover ul { margin:-16px 0 0 0px; left:190px; }

.primaryNav li ul ul ul,
.primaryNav li ul ul ul li { display: none; }

.primaryNav li ul li a.first 
{
	border-top: solid 1px White;
	border-right: solid 1px White;
	border-left: solid 1px White;
}
.primaryNav li ul li a.last
{
	border-right: solid 1px White;
	border-bottom: solid 1px White;
	border-left: solid 1px White;
}

.primaryNav iframe 
{
	border: 0px;
	position: absolute;
}


/* ------------------------------------------------------------------------------------------------------------- */
/* tourNav
/* ------------------------------------------------------------------------------------------------------------- */
.tourNav li
{
    width: 100%;
    display: inline;
    margin: 0;
    padding: 0;
}
.tourNav li a
{ 
    font-size: 12px; 
    padding: 0px 0px 5px 0px;
    color: Black;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    display: block;
}
ul.tourNav
{ 
    list-style: none; 
    margin: 18px 0px 18px 18px; 
    padding: 0; 
    width: 175px;
}

.tourNav li
{
    width: 100%;
    display: inline;
    margin: 0;
    padding: 0;
}

.tourNav li a
{ 
    font-size: 12px; 
    padding: 2px 0px 2px 5px;
    color: Black;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    display: block;
}
.tourNav li a:hover
{
	color: White;
	background-color: #69261d;
}
.tourNav li a.selected { color: #69261d; }
.tourNav li a:hover.selected { color: white; } 

/* ------------------------------------------------------------------------------------------------------------- */






.returnLink 
{
	float: right;
}

.above
{
	text-align: left;
	display: block;
	padding: 5px 0px 2px 0px;
	font-weight: bold;
}

#innerContentPanel
{
	float: right;
	margin-left: 14px;
	width: 705px;
	height: 100%;
	overflow:hidden;
}

.indent
{
	margin: 12px 30px 12px 12px;	
}

#innerContentPanel h3
{
	color: #c57640;
	font-weight: bold;
	font-size: 1.0em;
	margin: 12px 30px 12px 12px;
}

#gsaResults h2 { color: #000; font-size: 12px; }

#gsaResults .pageNumber h2 { background: transparent; width: 100px; padding: 0; }
.pageNumber { overflow: hidden; }
.pageNumber ul { list-style: none; float: right; padding: 0; }
.pageNumber li { display: inline; float: left; margin: 0 0 0 4px; }
.pageNumber li.first,
.pageNumber li.selected,
.pageNumber a.selected { font-weight: bold; text-decoration: none; }

.message
{
	color: #c57640;
	font-weight: bold;
	margin: 4px 0px;
}

.delsBlog
{
	float: right;
	height: 128px;
	width: 200px;
}

.delsBlogLink
{
	height: 128px;
	width: 200px;
	display: block;
	text-decoration: none;
}

#loginblock
{
	background-color: #e4e4e4;
	font-weight: bold;
	font-size: 1.0em;
	padding-left: 12px;
	padding-bottom: 12px;
	padding-top: 12px;
	border: solid 1px black;
}

#loginHeader
{
	background-image: url(Images/login_header.gif);
	background-repeat: no-repeat;
	padding: 0px 12px 12px 12px;
	margin: 0;
	height: 40px;
}

#registerHeader
{
	background-image: url(Images/registration_header.gif);
	background-repeat: no-repeat;
	padding: 0px 12px 12px 12px;
	margin: 0;
	height: 40px;
}
#createLoginHeader
{
	background-image: url(Images/create_login_header.gif);
	background-repeat: no-repeat;
	padding: 0px 12px 12px 12px;
	margin: 0;
	height: 40px;
}


/* family store styles */
.TTPStoreBottom .resource { overflow:hidden; float:left; height:210px; width:215px; margin:5px 5px 5px 0; padding:0 5px 0 0; border-right:1px solid #999;  }
.TTPStoreBottom .resource h4 a { color:#49352c; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
.TTPStoreBottom .resource h4 a:hover { text-decoration:underline; }
.TTPStoreBottom .resource img { float:left; margin:0 5px 0 0; }
.TTPStoreBottom .resource .itemDesc { line-height:13px; margin:0; }
.TTPStoreBottom .resource a.moreLink { color:#006782; float:right; }
.TTPStoreBottom .contentDot img { width: 16px; height: 16px; }
.TTPStoreBottom .resourceAuthor { font-weight: bold; margin: 2px 0 0 10px; line-height: 12px; }
.TTPStoreBottom .resourceBox .content { margin: 10px; }


.TTPStoreVerticle .resource { overflow:hidden; float:left; width:195px; margin:5px 5px 5px 5px; padding:5px 0px 0 0; border-top:1px solid #999;}
.TTPStoreVerticle .resource h4 a { color:#49352c; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
.TTPStoreVerticle .resource h4 a:hover { text-decoration:underline; }
.TTPStoreVerticle .resource img { float:right; margin:0 0 0 5px; }
.TTPStoreVerticle .resource .itemDesc { line-height:13px; margin:0;}
.TTPStoreVerticle .resource a.moreLink { color:#006782; float:right; }
.TTPStoreVerticle .contentDot img { width: 16px; height: 16px; }
.TTPStoreVerticle .resourceAuthor { font-weight: bold; margin: 2px 0 0 10px; line-height: 12px; }
.TTPStoreVerticle .resourceBox .content { margin: 10px; }

	
ul.storeLinks { list-style: none; margin: 0; padding: 5px 0 0 0; height: 14px; /* background:url(../images/backgrounds/sprites.gif) -249px -85px no-repeat; can be uncommented when Add to Cart functionality is fixed */ }
.storeLinks li { display: inline; margin: 0 0 0 5px; }
.storeLinks li a { color: #fff; }
.storeLinks li a:hover { text-decoration: none; }
.storeLinks li.first { margin: 0; }

.mediaboxLeft,
.TTPStoreBottom,
.storiesboxLeft { float:left; width:680px; overflow:hidden; height:400px; }



#TTPStoreBottom
{
	background-image: url(Images/tour_item_header.gif);
	background-repeat: no-repeat;
	padding: 0px 12px 12px 12px;
	margin: 0;
	height: 40px;
}

#TTPStoreBottom h1
{
	padding-top: 6px;
	font-size: 21px;
	color: #69261d;	
	font-weight: bold;	
}

#TTPStoreBottom h2
{
	padding: 6px 32px 0px 0px;
	font-size: 21px;
	font-weight: bold;
	float: right;
	display: inline;
	margin: 0;
}

#TTPStoreBottom img
{
	margin-top: 5px;
}




#mediaPager,
#storePager,
#storiesPager { height:31px; padding:5px 0 0 0; overflow:hidden; border-top:1px solid #000; }

#mediaPager li.first,
#storePager li.first,
#storiesPager li.first { text-transform:uppercase; color:#aaa29e; font-weight:bold; }
#mediaPager ul,
#storePager ul,
#storiesPager ul { list-style:none; float:right; padding:0; margin:0; }
#mediaPager li,
#storePager li,
#storiesPager li { display:inline; margin:0 3px; }

#mediaPager ul li a,
#storePager ul li a,
#storiesPager ul li a { color:#aaa29e; font-size:15px; font-weight:bold; text-decoration:underline;  }
#mediaPager ul li a:hover,
#storePager ul li a:hover,
#storiesPager ul li a:hover { text-decoration:none; }
#mediaPager ul li a.selected,
#storePager ul li a.selected,
#storiesPager ul li a.selected { color:#49352c; text-decoration:none; }