/* ----------- Main Column ------------- */

.leftcolumn {
	width: 480px;
	float: left;
	margin-bottom: 15px;
	}


/* ----------- Right Column ------------- */

.rightcolumn {
	width: 250px;
	height: 265px;
	padding: 4;
	margin-bottom: 4px;
	float: right;
	text-align: left;
	color: #000;
	font:  75% 'lucida grande', tahoma, verdana, arial, sans-serif;
	border: 1px solid #007399;
	color: #000000;

	
}

/* ------------ Middle Column --------------- */

.middle_column {
	width: 210px;
	margin-right: 5px;
	float: right;

border: 1px solid #007399;
	color: #000000;

	}
	
.middle_left_column {
	width: 480px;
	float: right;
}



/* --------- Recent Photos --------------- */

#recentphotos {
	width: 250px;
	margin-bottom: 15px;
	float: right;
	text-align: left;
	color: #000;
	font:  75% 'lucida grande', tahoma, verdana, arial, sans-serif;
	background-color: #99E6FF;
	border: 1px solid #007399;
	padding-bottom: 5px;
	margin: 0 auto;
}

/* --------- Image Thumbnails --------------- */


.recentphotos_imagethumb_wrapper {
	width: 64px;
	height: 54px;
	background-color: #CCF2FF;
	padding: 5px;
	margin-right: 5px;
	margin-top: 5px;
	border: 1px solid #007399;
	float: right;
	overflow: hidden;	
}

.recentphotos_imagethumb_wrapper:hover {
	border: 1px solid #007399;
	background: #E5F9FF;
}

.recentphotos_imagethumb {
	float: left;
	width: 64px;
	height: auto;
	max-height: 54px;
	text-align: center;	
		overflow: hidden;


}

.recentphotos_imagethumb img {
	width: auto;
	height: auto;
	max-height: 54px;
	max-width: 64px;
	overflow: hidden;
}





/* ----------- Column Headers (New Recipes, LutherPoints Leaderboard, Oldest Lutheran, Recent Photos) ------------- */
.column_header {
	color: #ffffff;
	background-color: #007399;
	padding: 5px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #007399;	
	border-bottom: 2px solid #007399;
}

.flood_header {
	color: #ffffff;
	background-color: #cb2417;
	padding: 5px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #cb2417;	
	border-bottom: 2px solid #cb2417;
}

/* ------------ LutherPoints LeaderBoard on Main Page ------------ */

#lutherpoints_leaders_main_page {
	padding: 5px;
	height: 223px;
	background-color: #99E6FF;
	border: 1px solid #007399;
	}

.lp_leaderboard_main_page_wrap {
	width: 70px;
	text-align: center;
	font-size: 90%;
	}
	
.lp_leaderboard_point_title_main_page {
	text-transform: uppercase;
	padding-right: 15px;	
}

.lp_leaderboard_point_total_main_page {
	color: #007399;
	font-size: 12px;
	font-weight: bold;
}

.lp_leaderboard_list_content {
	height: 14px;
	border: 1px solid #33CCFF;
	background-color: #CCF2FF;	
	padding: 2px 5px;
	margin-bottom: 2px;
	overflow: hidden;
}

.lp_leaderboard_list_content:hover {
	border: 1px solid #007399;
	background-color: #E5F9FF;
}

.lp_leaderboard_list_content h4 {
	font: 95% 'lucida grande', tahoma, verdana, arial, sans-serif;
	color: #cb2417;
	text-transform: uppercase;
	margin: 0px;
}

/* ------------ Oldest Lutheran Of the Week on Main Page ------------- */

#ol_oftheweek_main_page {
	width: 198px;
	float: right;
	border: 1px solid #007399;
	text-align: center;
	padding: 5px;
	background-color: #99E6FF;
	
}

.oll_oftheday_main_page_thumb img{
	max-width: 188px;
	max-height: 143px;
}

.olotw_details_main_page {
	text-align: center;
	padding: 2px;
	border: 1px solid #33ccff;
	background-color: #CCF2FF;
	margin-top: 5px;
}


/* ------------- Tidbit of the Day CSS on Main Page -------------- */

#tidbitoftheday_main_page {
	width: 448px; /* Should be 22px less than width of container (padding & border) */
	float: right;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #99CC00;
	display: block;
	background: #D9FF66 url(/oldlutheran/images/green_stripes.png) repeat-x;	


}

#tidbitoftheday_main_page_left_column {
	width:	128px;
	float: left; 
	margin-right: 5px;
	font-size: 12px; 
	font-weight: bold;
	text-transform: uppercase;
	color: #007399;
	padding: 5px;
	text-align: center;
	border: 1px solid #ffffff;
	background-color: #F2FFCC;

}

#tidbitoftheday_main_page_right_column {
	width:	290px;
	float: right; 
	background-color: #F2FFCC; 
	border: 1px solid #ffffff;
	padding: 5px;
	color: #000;
	font-size: 85%;

}

/* ------------ New Recipes on Main Page --------- */

#new_recipes_main_page {
	background-color: #99E6FF;
	height: 192px;
	padding: 3px 5px 7px;
	border: 1px solid #007399
}

.new_recipes_list_main_page {
	height: 28px;
	width: 190px;
	border: 1px solid #33CCFF;
	background-color: #CCF2FF;	
	padding: 3px;
	margin-bottom: 4px;
	overflow: hidden;
	font-size: 80%;
}

.new_recipes_list_main_page:hover {
	border: 1px solid #007399;
	background-color: #E5F9FF;
}

.new_recipes_list_main_page h4 {
	font: 95% 'lucida grande', tahoma, verdana, arial, sans-serif;
	color: #cb2417;
	text-transform: uppercase;
	margin: 0px;
}



.new_recipes_list_main_page_thumbnail img {
	width:		auto;
	height: 	auto;
	max-width:	80px;
	max-height: 75px;
	border: 1px solid #007399;

}


/* ----------- Product Rotation CSS ------------- */

.product_rotation_content_square {
	width: 136px;
	height: 133px;
	margin-right: 5px;
	border: 1px solid #33ccff;
	text-align: center;
	padding: 5px;
	float: left;
	font-size: 70%;
	background-color: #ffffff;
	}

.product_rotation_content_square img {
	width: auto;
	height: auto;
	max-width: 90px;
	width:expression(document.body.clientWidth > 89? "90px": "auto" ); 
	max-height: 100px;	
	}	

.product_rotation_content_square:hover {
	border: 1px solid #007399;
	}

.product_rotation_header {
	width: 375px;
	height: 19px;
	float: left;
	padding: 2px 4px 2px 4px;
	background-color: #007399;
	border-top: 2px solid #007399;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
}


/* ------------------ CSS for Lists within Gliders on Main Page ONLY --------------- */

.main_page_list_content {
	height: 55px;
	width: 570px;
	border: 1px solid #33CCFF;
	background: #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
	font: 75% 'lucida grande', tahoma, verdana, arial, sans-serif;
	color: #000000;
	overflow: hidden;

}


.main_page_list_content:hover {
	border: 1px solid #007399;
	background-color: #F0FBFF;
}

.main_page_list_content h4 {
	font: 90% 'lucida grande', tahoma, verdana, arial, sans-serif;
	color: #cb2417;
	text-transform: uppercase;
	margin: 0px;
}

.main_page_list_content_thumbnail {
	float: left; 
	width: 55px;
	height: 45px;
	margin-right: 20px;
	text-align: center;
}

.main_page_list_content_thumbnail img {
	width: auto;
	height: auto;
	max-width: 50px;
	max-height: 45px;
	border: 1px solid #007399;

}

/* ------------ Glider Control for Main Page Big Ads ------------ */
.main_page_glider_controls {
	width: 480px;
	height: 19px;
	background: #33ccff;
	color: #000;
	border-top:2px solid #007399;
	border-bottom: 2px solid #00ACE6;
	display:block;
	text-transform:uppercase;
	font-size:10px;
	font-weight: bold;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}

.main_page_glider_controls a {
	height: 18px;
	float: left;
	display: block;
	padding:4px 20px 0px 20px;
	color:#f2f2f2;
	text-decoration: none;

}

.main_page_glider_controls a:link {color: #ffffff; height: 16px; }
.main_page_glider_controls a:visited {color: #ffffff; height: 18px;}
.main_page_glider_controls a:active {color: #ffffff; height: 18px;}
.main_page_glider_controls a:hover {
	background: #00ACE6;
	color: #ffffff;
	height: 16px;
	}

div#my-glider div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 478px; 
	height: 240px;
	overflow: hidden;
	border:1px solid #00ACE6;
	background: #ffffff; 
	margin-bottom: 0px;

	}


div#my-glider div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:480px;
		height:240px;
		overflow:hidden;
		float:left;
		}

div#my-glider div.scroller div.content {
		width: 10000px;
		}

div#section1a div#section2a div#section3a  {
		color: #000000;
		}


.active {
	background: #00ACE6;
	color: #ffffff;
	height: 18px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	margin-left: -1px;

	}


/* ------------ Glider Control for Main Page Product Rotation Ads ------------ */
.product_rotation_glider_controls {
	width: 95px;
	height: 23px;
	background-color: #00ACE6;
	color: #000000;
	display: inline;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	float: right;
	border-top: 2px solid #007399;
	border-right: 2px solid #007399;


	
}

.product_rotation_glider_controls a {
	height: auto;
	float: left;
	display: block;
	padding: 4px 8px 0px 8px;
	text-decoration: none;
	text-align: right;

}

.product_rotation_glider_controls a:link {color: #ffffff; height: 19px; }
.product_rotation_glider_controls a:visited {color: #ffffff; height: 19px;}
.product_rotation_glider_controls a:active {color: #ffffff; height: 19px;}
.product_rotation_glider_controls a:hover {
	background: #33ccff;
	color: #ffffff;
	height: 19px;
	}

div#my_glider_product_rotation div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 476px; 
	height: auto;
	overflow: hidden;
	border:2px solid #007399;
	background:#99e6ff url(/oldlutheran/images/blue_stripe.png) repeat; 
	margin-bottom: 20px;
	float: right;
}


div#my_glider_product_rotation div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:478px;
		height:auto;
		overflow:hidden;
		float:left;
		padding:1em;
		}

div#my_glider_product_rotation div.scroller div.content {
		width: 10000px;
		}

div#section1b div#section2b div#section3b div#section4b {
		color:#000;
		}


.active_product_rotation {
	background: #0086B3;
	color: #ffffff;
	height: 19px;

	}

/* ----------- CSS for vertical glider on Main Page ONLY ---------- */

.results_controls_main_page {
	width: 581px;
	height: 24px;
	background: #4ab4d8 url(/oldlutheran/images/bgOFF.gif) repeat-x;
	color: #ffffff;
	padding: 0;
	border-bottom:4px solid #007399;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	font-weight: bold;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	margin-top: 20px;

}

.results_controls_main_page a {
	height: 24px;
	float: left;
	display: block;
	padding:4px 20px 0px 20px;
	color:#f2f2f2;
	text-decoration: none;

}

.results_controls_main_page a:link {color: #ffffff; height: 24px;}
.results_controls_main_page a:visited {color: #ffffff; height: 24px;}
.results_controls_main_page a:hover {
	background:transparent url(/oldlutheran/images/bgHOVER.gif) no-repeat top right;
	color: #ffffff;
	height: 24px;
	}
.results_controls_main_page a:active {color: #ffffff; height: 24px;}

div#my_glider_vertical_main_page div.scrollerv { 
        /* modify width and height of scrolling section if necessary    */              
        width: 590px; 
        height: 375px;
        overflow: hidden;
        }

div#my_glider_vertical_main_page div.scrollerv div.sectionv {
                /* modify width and height of each section as needed (should match the size of the scroller window)     */              
                width:590px;
                height:375px;
                overflow:hidden;
                /*float:left;*/
                }
div#my_glider_vertical_main_page div.scrollerv div.content4 {
                width: 10000px;
                }
        div#my_glider_vertical_main_page div#sectionv {
                background:#666666;
                color:#ffffff;
                }

.activev_main_page {
        background: #007399 url(/oldlutheran/images/bgHOVER.gif) no-repeat top right;
        color: #fff;
        height: 24px;
}