﻿/* KIDS 4 TRUTH STYLESHEET
----------------------------------------------- */	
body { 
    margin:0; 
    padding:0 0 25px 0; 
    background-color:#FFF; 
    color:#666666; 
    font:85% Arial, Helvetica, sans-serif;}	

img { 
    border:none; }

hr { 
    display:none; }

.clear { 
    clear:both;
    font-size:0; 
    line-height:0.0; 
    height:0;}
    
/* TEXT
----------------------------------------------- */	
h1, h2, h3 {
    color:#000;}
        
h1 { 
    font-size:1.6em; }	
    
h2 { 
    font-size:1.4em; }
    
h3 { 
    font-size:1.2em; }	
    
/* LINKS
----------------------------------------------- */	
a:link, a:visited { 
    color:#000; 
    text-decoration:none; }	
    
a:hover, a:active { 
    color:#000; 
    text-decoration:underline; }	


/* FORM 
----------------------------------------------- */	
form, fieldset {
    margin:0; padding:0;}
    
fieldset {
    border:none;}
        
input.field {
    margin-bottom:6px;}		
    

/* IMAGE REPLACED HEADINGS
----------------------------------------------- */
#header h1 { 
    position:relative; 
    margin:0; padding:0; 
    font-size:1.4em;
    color:#000; }

#header h1, #header h1 em {
    width:634px; height:132px; }
    
#header h1 em { 
    position:absolute; 
    left:0; top:0; 
    display:block;
    background:transparent url(/media/images/devos/header.gif) no-repeat left top; 
    cursor:pointer; }
    
/* Hides from IE5-mac \*/
#header h1 {
    overflow:hidden; } 
/* End hide from IE5-mac */

.replace {
    display:block;
    position:relative;
    top:0; left:0; 
    margin:0 auto; padding:0;
    color:#000;
    font-size:1.1em;
    text-align:center; }
    

.replace em { 
    position:absolute; 
    left:0; top:0; 
    display:block; }
        
/* Hides from IE5-mac \*/
.replace {
    overflow:hidden; } 
/* End hide from IE5-mac */	

.select_date, .select_date em { width:104px; height:39px; }
.select_date em { background:transparent url(/media/images/devos/select_date.gif) no-repeat left top; }	

.daily_devotional, .daily_devotional em { width:210px; height:71px; }
.daily_devotional em { background:transparent url(images/devos/dailyicon.jpg) no-repeat left top; }

.description_god, .description_god em { width:136px; height:33px; }
.description_god em { background:transparent url(/media/images/devos/description_god.gif) no-repeat left top; }
    
.question_answer, .question_answer em { width:202px; height:33px; }
.question_answer em { background:transparent url(/media/images/devos/question_answer.gif) no-repeat left top; }

.big_word, .big_word em { width:202px; height:33px; font-size: 0.9em;}
.big_word em {	background:transparent url(/media/images/devos/big_word.gif) no-repeat left top; }

.biography, .biography em { width:152px; height:62px; }
.biography em { background:transparent url(/media/images/devos/TIRLLOGO.gif) no-repeat left top; }


#headerAudioLinks { /* background image block */
display: block;
margin-left: auto;
margin-right: auto;
width: 523px;
height: 91px;
background: url(images/devos/audio.jpg) no-repeat;
margin-top: 0px;
}
#headerAudioLinks a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#devoAudioLink { /* Daily Audio Link */
float: left;
position:absolute;
width : 200px;
height: 60px;
margin-left: 50px;
margin-top: 10px;
}
#tirlmAudioLink { /* TIRLM Audio Link */
float: left;
position:absolute;
width : 160px;
height: 60px;
margin-left: 310px;
margin-top: 10px;
}



/* PAGE LAYOUT
----------------------------------------------- */	
#accessibility { 
    display:none;}

#wrap {
    background-color:#A9BACC;}
    
#main { 
    width:90%; 
    background-color:#FFF;
    border-right:2px solid #000;
    text-align:left;
    font-size:1em;
    color:#666666;  }
    
#header {
    background:url(/media/images/devos/bg_header.gif) repeat-x left top;}	

#column_wrap {
    width:100%;
    float:left;
    margin-right:-365px;}
    
#left_wrap {
    margin-right:365px;}
    
#content
{
    min-width: 225px;
    padding:6px 10px 25px 13px;
    margin-left:175px;
    
    }
    
#left_column {
    width:175px;
    w\idth:158px;
    float:left;
    padding:8px 16px 0 1px;
    text-align:center; }
    
#right_column {
    width:340px;
    w\idth:325px;
    float:right;
    margin-right:25px;
    display:inline;
    padding:5px 0 27px 15px;}
    
#footer {
    padding:12px 0 40px 0;
    background-color:#FFF;
    border-top:1px solid #CCC;}	

/* CONTENT
----------------------------------------------- */
#content {
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;}

/* LEFT COLUMN
----------------------------------------------- */	
#left_column input {
    margin-top:10px; }
    
#calendar {
    margin:15px 0 55px 0;}	
    

/* RIGHT COLUMN
----------------------------------------------- */	
#right_column h2, right_column h3 {
    text-align:center;}
    
.centered_quote {
    font-size:1.2em; 
    text-align:center;}
    
.centered_quote strong {
    color:#000;}		
    
.hr {
    margin:5px 0 15px 0;
    font-size:1px;
    line-height:0.0;
    height:1px;
    background:url(/media/images/devos/hr_right-column.gif) no-repeat center center;}
    
/* NAVIGATION
----------------------------------------------- */	
#navigation { 
    margin:0 10px 0 0; padding:0; 
    list-style:none; }
        
#navigation li {
    font-size:1.2em;
    text-align:right;
    padding-right:20px;
    margin:0 0 13px 0;
    background:url(/media/images/devos/arrow.gif) no-repeat 125px 50%;}
    
#navigation li a:link, #navigation li a:visited { 
    color:#666666;	}

#navigation li a:hover, #navigation li a:active { 
    color:#000;
    text-decoration:none;	}		
    
/* FOOTER
----------------------------------------------- */	
#footer p { 
    margin:0; padding:0;
    text-align:center;  }



/*
.MenuLink
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: medium;
}

.MenuLinkContainer
{
    text-align: right;
}
*/

.IAGCalendar
{
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #0000ff;
}

.CalendarText
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.95em;
}

.CalendarTitle
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
}

.EditingFormLabel
{
    color: #666666;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: small;
    text-align: left;
}

.EditingFormLabel
{
    font-weight: bold;
}

.EditingFormLabel
{
    padding-right: 5px;
}
.EditingFormTextBox
{
    text-align: left;
}

.DailyDevoVerse
{
    font-style: italic;
    font-size:1.2em; 
    text-align:center;}


.DailyDevoSubtitle
{
    font-size:1.2em;
    font-weight: bold;
}



/*	
#navigation li {
    font-size:1.2em;
    text-align:right;
    padding-right:20px;
    margin:0 0 13px 0; background:url(/media/images/devos/arrow.gif) no-repeat 130px 50%;}
    
#navigation li a:link, #navigation li a:visited { 
    color:#666666;	}

#navigation li a:hover, #navigation li a:active { 
    color:#000;
    text-decoration:none;	}		


 PADDING-BOTTOM: 5px; WIDTH: 91px;
*/


.CMSMenu { margin:0 10px 0 0; padding:0; list-style:none; background-repeat: repeat-x; }
.CMSMenuItem { font-size:1.2em; text-align:right; padding-right:20px; margin:0 0 13px 0; background:url(/media/images/devos/arrow.gif) no-repeat 130px 50%; background-image:url(/media/images/devos/arrow.gif); color: #666; font-family: Arial, Helvetica, Sans-Serif; cursor: pointer;}
.CMSMenuItemMouseUp { font-size:1.2em; text-align:right; padding-right:20px; margin:0 0 13px 0; background:url(/media/images/devos/arrow.gif) no-repeat 130px 50%; background-image:url(/media/images/devos/arrow.gif); color: #666; font-family: Arial, Helvetica, Sans-Serif; cursor: pointer;}
.CMSMenuItemMouseOver { font-size:1.2em; text-align:right; padding-right:20px; margin:0 0 13px 0; background:url(/media/images/devos/arrow.gif) no-repeat 130px 50%; background-image:url(/media/images/devos/arrow.gif); color: #000; font-family: Arial, Helvetica, Sans-Serif; cursor: pointer;}
.CMSMenuItemMouseDown { font-size:1.2em; text-align:right; padding-right:20px; margin:0 0 13px 0; background:url(/media/images/devos/arrow.gif) no-repeat 130px 50%; background-image:url(/media/images/devos/arrow.gif); color: #666; font-family: Arial, Helvetica, Sans-Serif; cursor: pointer;}
.CMSMenuHighlightedMenuItem { font-size:1.2em; text-align:right; padding-right:20px; margin:0 0 13px 0; background:url(/media/images/devos/arrow.gif) no-repeat 130px 50%; background-image:url(/media/images/devos/arrow.gif); color: #666; font-family: Arial, Helvetica, Sans-Serif; cursor: pointer;}
.CMSMenuHighlightedMenuItemMouseUp { font-size:1.2em; text-align:right; padding-right:20px; margin:0 0 13px 0; background:url(/media/images/devos/arrow.gif) no-repeat 130px 50%; background-image:url(/media/images/devos/arrow.gif); color: #666; font-family: Arial, Helvetica, Sans-Serif; cursor: pointer;}
.CMSMenuHighlightedMenuItemMouseOver { font-size:1.2em; text-align:right; padding-right:20px; margin:0 0 13px 0; background:url(/media/images/devos/arrow.gif) no-repeat 130px 50%; background-image:url(/media/images/devos/arrow.gif); color: #000; font-family: Arial, Helvetica, Sans-Serif; cursor: pointer;}
.CMSMenuHighlightedMenuItemMouseDown { font-size:1.2em; text-align:right; padding-right:20px; margin:0 0 13px 0; background:url(/media/images/devos/arrow.gif) no-repeat 130px 50%; background-image:url(/media/images/devos/arrow.gif); color: #666; font-family: Arial, Helvetica, Sans-Serif; cursor: pointer;}


.CMSEditModeButtons
{
    border: 1px solid black;
    background: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold; 
    display: inline-block;
    color: Black;
}

.CMSPageManager
{
    border: 1px solid #a9a9a9;
    padding: 3px 3px 3px 3px;
    display: block;
    width: 100%;
    background-color: #EEEEEE;
    margin-bottom: 3px;
}

.CMSPageManager A
{
    font-weight: bold;
    text-decoration: underline;
    color: Black;
}
.CMSPageManagerLabel
{
    text-align: right;
}
.CMSPageManagerTDlabel
{
    padding-left: 10px;
}

.CMSEditableRegion
{
    background-color: white;
    border: 1px dotted red;
    text-decoration: none;
    font-weight: normal;
}

.ListenLink
{
    display: block;
    text-align: center;
    font-size: 0.9em;
}


.CopyrightText
{
    margin-left: 10px;
}
