/*
    Dark Blue:          #0362AB;
    Light Blue      	#a6b9dd;
    Red:                #e1373f;
*/

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : .9em;
    line-height:1.5;
	color : Black;
	/*background-color: #8FAFBE;*/
	/*background-color:#F3f3f3;*/
	/*background-color: #8F8176;*/
	/*background-color: #231B06;*/
	/*background-color: #55402B;*/
	/*background-color:Black;*/
}
textarea 
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
}
.errmsg
{
	font-family: Arial,Sans-Serif;
	font-weight: normal;
	color: red;
	font-size: .8em;
}


a:link, a:visited {
	color: Gray;
	text-decoration:underline;
	}
a:hover {
	color: Black;
	text-decoration:underline;
	}
.ML25 
{
    margin-left:25px;
}	



h1, p.heading {
   text-align: left;
   FONT-SIZE: 1.5em;
   FONT-WEIGHT: 600;
   color: #7E9DCE;
   }
   
h2, .subheading {
   text-align: left;
   FONT-SIZE: 1.25em;
   FONT-WEIGHT: 600;
   color: #0362ab;
   }
   
.bodyimgright	{
		margin-left: 5px;
		margin-right: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left:10px;
		float: right;
		}
.imgmissionaries
{
    width:100%;
    max-width:500px;
    height:auto;
}
.imgmissionary
{
    float:right;
    margin: 0px 0px 10px 10px;
    width:40%;
    max-width:500px;
    height:auto;
}

.photogallery 
{
    width:100%;
    max-width:500px;
    height:auto;
}

.myvideo {
	margin: 10px 0px 10px 00px;
	width: 500px;
	height:281px;
	}

	@media all and (max-width: 600px) {
		.myvideo {
			float: none;
            width:100%;
			height:auto;
			min-width:200px;
			text-align:center;
			margin:0px;
		}
	}


/* Styles for Factor Grids */
table.factorgrid
{
   	margin-left: auto;
	margin-right: auto;
	border-style: none;
	color:Black;
}
table.factorgrid tr.factorgridHeader
{
	background: White;
	color: Black;
	font-weight: 600;
	border: solid 1px white;
	border-bottom: solid 1px gray;
	vertical-align:top;
}
table.factorgrid tr.factorgridRow
{
    background: white;
	border: solid 1px white;
	/*border-bottom: solid 1px gray;*/
	vertical-align:top;
}
table.factorgrid tr.factorgridAltRow
{
    background: #EEEEEE;
	border: solid 1px white;
	/*border-bottom: solid 1px gray;*/
	vertical-align:top;
}
table.factorgrid td
{
    padding: 5px; 
}


/*Styles for DataGrids & Tables */
table.grid
{
   	margin-left: auto;
	margin-right: auto;
	border-style: none;
	color:Black;
}
table.grid tr.gridHeader
{
	background: #415632;
	color: White;
	font-weight: 600;
	border: solid 1px gray;
	vertical-align:top;
}
table.grid tr.gridHeader a:link {
	color:	White;
	text-decoration:underline;
	}
table.grid tr.gridHeader a:hover {
	color: #999999;
	text-decoration:underline;
	}
table.grid tr.gridFooter
{
	background: White;
	color: Black;
	font-weight: Bold;
	border: solid 1px gray;
	vertical-align:top;
}
table.grid tr.gridRow
{
    background: white;
	border: solid 1px gray;
	vertical-align:top;
}
table.grid tr.gridAltRow
{
    background: #EEEEEE;
	border: solid 1px gray;
	vertical-align:top;
}
table.grid td
{
    padding: 3px; 
}
table.grid tr.gridRow a, table.grid tr.gridAltRow a
{
	text-decoration: underline;
}
table.grid tr.gridRow a:link, table.grid tr.gridRow a:visited {
	color:	#415632;
	}
table.grid tr.gridAltRow a:link, table.grid tr.gridAltRow a:visited {
	color:	#415632;
	}
table.grid tr.gridRow a:hover, table.grid tr.gridAltRow a:hover {
	color: Black;
	text-decoration:underline;
	}

table.input 
{
	margin-left: auto;
    margin-right: auto;
    font-size: 9pt;
	border-collapse:collapse;
}
table.input td 
{
	text-align:left;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
	color:Black;
}



.adminHeader {
    background-color:Black;
    padding:5px;
    margin:0px;
    text-align:right;
}
.adminHeader a:link, .adminHeader a:visited {
	color:	White;
	text-decoration:none;
	}
.adminHeader a:hover {
	color: White;
	text-decoration:underline;
	}
	
.PopupCalendar .ajax__calendar_container { border:1px solid #0099cc; background-color: White; color: black; width:180px; }
.PopupCalendar .ajax__calendar_header { background-color: #415632; color:White; }
.PopupCalendar .ajax__calendar_active { background-color: #415632; color: White; }
.PopupCalendar .ajax__calendar_days table tr td, .PopupCalendar .ajax__calendar_months table tr td, .PopupCalendar .ajax__calendar_years table tr td { padding:0; margin:0; height:10px;} 


    .AgendaWrapper {
    border : none;
    overflow:hidden;
    margin:0px;
    }
    .AgendaWrapper div {
    /*min-height: 200px;*/
    padding: 0px;
    }
    #AgendaLeft {
    float:left;
    margin:0px 20px 0px 0px;
    max-width:300px;
    min-width:200px;
    width:30%;
    border : none;
    }
    #AgendaRight {
    overflow:hidden;
    margin:0px 20px 0px 20px;
    border: none;
    }
    @media screen and (max-width: 400px) {
    #AgendaLeft {
    float: none;
    padding-left:70px;
    margin-right:0;
    margin-bottom:15px;
    width:auto;
    border:0;
    }
    
    .imgmissionary
    {
        float:none;
        margin: 0px 0px 10px 0px;
        width:100%;
        height:auto;
    }
    
    }

        .AgendaCalendar {
            background-color: White;
            width: 200px;
        }
        /*
            Common style declaration for hyper linked text
        */
        .AgendaCalendar a {
            text-decoration: none;
        }
        /*
            Styles declaration for top title
            [TitleStyle] [CssClass] = AgendaCalendarTitle
        */
        .AgendaCalendar .AgendaCalendarTitle {
            font-weight: bold;
            background-color: #94AB83;
	        color:White;
        }
        /*
            Styles declaration for date cells
            [DayStyle] [CssClass] = AgendaCalendarDay
        */
        .AgendaCalendar td.AgendaCalendarDay {
            border: solid 2px #efefef;
            border-left: 0;
            border-top: 0;
        }
        /*
            Styles declaration for next/previous month links
            [NextPrevStyle] [CssClass] = AgendaCalendarNextPrev
        */
        .AgendaCalendar .AgendaCalendarNextPrev {
            text-align: center;
        }
        /*
            Styles declaration for Week/Month selector links cells
            [SelectorStyle] [CssClass] = AgendaCalendarSelector
        */
        .AgendaCalendar td.AgendaCalendarSelector {
            background-color: #dddddd;
        }
        .AgendaCalendar .AgendaCalendarDay a, 
        .AgendaCalendar .AgendaCalendarSelector a,
        .AgendaCalendar .AgendaCalendarNextPrev a {
            display: block;
            line-height: 18px;
        }
        .AgendaCalendar .AgendaCalendarDay a:hover, 
        .AgendaCalendar .AgendaCalendarSelector a:hover {
            background-color: #D2B48C;
        }
        .AgendaCalendar .AgendaCalendarNextPrev a:hover {
            background-color: #94AB83;
        }   
.MR5
{
	margin-right:5px;
	margin-bottom:0px;
	padding:0px;
}
.MR10
{
	margin-right:10px;
	margin-bottom:0px;
	padding:0px;
	height: 20px;
}
.horizRBL
{
	margin-right:15px;
}
.horizRBL input
{
	margin-left:15px;
}
.space50
{
	margin-left:50px;
}

.btn {
  background: #a6badd;
  background-image: -webkit-linear-gradient(top, #a6badd, #0362ab);
  background-image: -moz-linear-gradient(top, #a6badd, #0362ab);
  background-image: -ms-linear-gradient(top, #a6badd, #0362ab);
  background-image: -o-linear-gradient(top, #a6badd, #0362ab);
  background-image: linear-gradient(to bottom, #a6badd, #0362ab);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 20px 5px 20px;
  width:200px;
  text-decoration: none;
}

.btn:hover {
  background: #0362ab;
  background-image: -webkit-linear-gradient(top, #0362ab, #a6badd);
  background-image: -moz-linear-gradient(top, #0362ab, #a6badd);
  background-image: -ms-linear-gradient(top, #0362ab, #a6badd);
  background-image: -o-linear-gradient(top, #0362ab, #a6badd);
  background-image: linear-gradient(to bottom, #0362ab, #a6badd);
  text-decoration: none;
}

@media print 
{
    table.grid
    {
        font-size:80%;
    }
    
    table.grid tr.gridHeader
    {
	background: White;
	color: Black;
	font-weight: bold;
	border: solid 1px gray;
	vertical-align:top;
	text-align:center;
    }
}