/*****************************************************************************************
	Color Pallete

	#f2f2f2 grey color used as background for left & right columns


	#333333 Dark grey used as default font color

	#f4ffe7	Light Green used as background on the page header
	#00674e Dark green used for thick HRs
	#006644 Dark green used for text headers
	*****************************************************************************************/
	
	body
	{
		margin:0px;
		padding:0px;
		background:#FFFFFF;

		font-family:Arial;
		color:#333333;

		font-size:12px;
		line-height:16px;
	}
	body .ghl
	{
		margin-top:0px;
		padding-top:0px;
		/*padding-bottom:28px;*/
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		color:#000000;
	}


	form
	{
		padding:0px; 
		margin:0px;		
	}
	
	/*****************************
	Fixed Area layouts
	*****************************/
	.my_canvas
	{
		/*font-size:12px;*/
		margin-left:auto;
		margin-right:auto;
	}
	
	.rh_canvas,
	.ncs_canvas,
	.dmj_canvas
	{
		width:100%;
		background-image:url(white_1px_bg.gif);
		background-repeat:repeat-y;
		background-position:center;
		
	}
	
	
	
	.border
	{
		margin-left:auto;
		margin-right:auto;
	}
	
	.test
	{
		border:solid 1px red;
	}
	
	/*fix for jaggedness issue in flow layout. ls-cmp-wrap probably stands for livesite component wrapper, seems it has some space in it by default.*/
	.ls-canvas .ls-cmp-wrap,
	.ls-canvas .iw_component,		
	.ls-canvas .ls-cmp-wrap	
	{
		margin:0px;
		padding:0px;
	}

	.my_canvas .area_flow_layout .ls-cmp-wrap
	{ 
		margin:0px;
		padding:0px;
		background:white;
	}
	
	.my_canvas .area_flow_layout .my_component
	{
		float:left;
		
	}
	
	.my_canvas .palm_property_left_nav
	{
		margin-top:7px;
	}
	
	.rh_canvas .rose_hills_header_row
	{
		width:100%;
		background-image:url(themed/rh/bg_main_site.gif);
		background-repeat:repeat-x;
	}
	
	.ncs_canvas .ncs_header_row
	{
		width:100%;
		background-image:url(themed/ncs/bg_main_site.gif);
		background-repeat:repeat-x;
	}
	
	.ghl_canvas .ghl_header_row
	{
		width:100%;
		background-image:url(themed/ghl/bg_main_site.jpg);
	}
	
	.dmj_canvas .dmj_header_row
	{
		width:100%;
		background-image:url(themed/ncs/bg_main_site.gif);
		background-repeat:repeat-x;
	}
	
	.ghl_3_column_row
	{
		width:100%;	
		background-color:#ffffff;
		background-image:url(themed/ghl/bg_3_column.jpg);
		background-repeat:repeat-x;
		background-position: 50% 0px;
		padding-bottom:28px;		
	}
	
	.ghl_legal_3_column_row
	{
		width:100%;	
		background-color:#ffffff;
		padding-bottom:28px;		
	}
	
	
	.rh_canvas .rose_hills_area_992,
	.ncs_canvas .ncs_area_992,
	.ghl_canvas .ghl_area_992,
	.ghl_3_column_row .ghl_area_992,
	.ghl_legal_3_column_row .ghl_area_992,
	.dmj_canvas .dmj_area_992
	{
		margin-left:auto;
		margin-right:auto;
		width:992px;
	}
	
	.rh_canvas .rose_hills_row,
	.ncs_canvas .ncs_row,
	.ghl_canvas .ghl_row,
	.dmj_canvas .dmj_row
	{
		margin-left:auto;
		margin-right:auto;
		width:992px;

	}
	
	
	
	
	.ghl_bottom_promos
	{
		width:100%;	
	}
	
	.ghl_bottom_promo_container
	{
		width:992px;
		margin-left:auto;
		margin-right:auto;				
	}
	
	.rh_canvas .rose_hills_area,
	.ncs_canvas .ncs_area,
	.ghl_canvas .ghl_area
	{
		margin-left:auto;
		margin-right:auto;
		width:992px;	
	}
	
	.rh_canvas .rose_hills_left,
	.ncs_canvas .ncs_left
	{
		width:656px;
		width:648px;
		overflow:hidden;
	}
	
	.rh_canvas .rose_hills_right,
	.ncs_canvas .ncs_right
	{
		width:304px;
	}
	

	#rh_html_3_column,
	#ghl_html_1_column,
	#ghl_html_3_column,
	#ncs_html_3_column
	{
		width:100%;
	}
	
	#rh_canvas_home,
	.rh_canvas_home
	{
		margin-left:auto;
		margin-right:auto;
		width:992px;		
	}	

	/*
	Alleys are a common part of out FALs. I'm not sure if it's a bug in FF or what, but the
	alley div has to have a height and it cannot be zero or percentage. Otherwise, the alley does not 
	show up. 
	*/
	.alley_8
	{

		width:8px;
		height:1px;
	}
	
	.alley_12
	{

		width:12px;
		height:1px;
	}
	
	.alley_16
	{

		width:16px;
		height:1px;
	}
	
	.alley_18
	{
		width:18px;
		height:1px;
	}
	
	.alley_24
	{

		width:24px;
		height:1px;	
		
	}
	
	.alley_34
	{

		width:34px;
		height:1px;
	}
	
	
	
	/*The first area on a page should have a little padding on it:*/
	.first_area_on_page 
	{
		padding-top:5px;
	}

	/*
	Our menu rollovers in the header poke out of the component's area a bit. However, the 
	classes ls-area and ls-area-body, defined in the FAL stylesheet, have overflow:hidden on them.
	To turn on overflow visible on a component, the following class "row_allow_overflow" must be 
	applied to the row that contains the area that your component lives in.
	*/
	
	.row_allow_overflow .ls-area,
	.row_allow_overflow .ls-area-body
	{
	  overflow:visible;
	}

	.rose_hills_header .ls-area,
	.rose_hills_header .ls-area-body
	{
		width:100%;	
	  background-image:url(themed/rh/bg_main_site.gif);
	}
	.ncs_header .ls-area,
	.ncs_header .ls-area-body
	{
		width:100%;	
	  	background-image:url(themed/ncs/bg_main_site.gif);
	}
	
	.ghl_header .ls-area,
	.ghl_header .ls-area-body
	{
		width:100%;	
		height:121px;
		background-image:url(themed/ghl/bg_header_main_site.jpg);
	}
	
	.ghl_bottom_promos .ls-area,
	.ghl_bottom_promos .ls-area-body
	{
		width:100%;	
		height:142px;
		background-image:url(themed/ghl/bg_bottom_promos.jpg);
	}

	/*This applies a grey background to the area*/
	.area_f2f2f2
	{
		background:#f2f2f2;
	}
	
	
	.area_ffffff
	{
		background:#ffffff;	
	}
	
	
	.left_pad_8
	{
		padding-left:8px;
	}
	
	.left_pad_16
	{
		padding-left:16px;
	}
	
	.bottom_pad_8
	{
		padding-bottom:8px;
	}

	.bottom_pad_16
	{
		padding-bottom:16px;
	}
	
	
	
	
	
	/*******************************
	Iframes, should we ever use them
	*******************************/	
	iframe
	{
		padding:0px;
		margin:0px;
	}
	

	/******************************************************************************************
	There are three known header types:

	main_site		Like evrything else, can be dm, mp, and fda themed.
	location_specific	served up in an iframe by the location. 
	jump_page		no art for this yet. 		
	******************************************************************************************/		

/*
	body
	{
		background:url(bg_dm_location_specific.gif) repeat-x;
	}

	body.body_dm_main_site
	{
		background:url(bg_dm_main_site.gif) repeat-x;
	}

	body.body_dm_location_specific
	{
		background:url(bg_dm_location_specific.gif) repeat-x;
	}

	body.body_dm_jump_page
	{
		background:url(bg_dm_jump_page.gif) repeat-x;
	}


	body.body_fda_main_site
	{
		background:url(bg_fda_main_site.gif) repeat-x;
	}

	body.body_fda_location_specific
	{
		background:url(bg_fda_location_specific.gif) repeat-x;
	}
	
	body.body_fda_jump_page
	{
		background:url(bg_fda_jump_page.gif) repeat-x;
	}
	
	
	body.body_mp_main_site
	{
		background:url(bg_mp_main_site.gif) repeat-x;
	}

	body.body_mp_location_specific
	{
		background:url(bg_mp_location_specific.gif) repeat-x;
	}	

	body.body_mp_jump_page
	{
		background:url(bg_mp_jump_page.gif) repeat-x;
	}



	body.body_jump_page
	{
		background:url(bg_dm_location_specific.gif) repeat-x;
	}		


*/


	/*General stuff*/
	a
	{
		font-weight:bold;
		color:#660033;
		text-decoration:none;
		outline:0px;
	}
	
	.dmj a
	{
		font-weight:bold;
		color: #c5921a;
		text-decoration:none;
		outline:0px;
	}

	a:hover
	{
		text-decoration:underline;
	}

	a img
	{
		border:0px;
	}


	p, div, iframe
	{
		margin:0px;
		padding:0px;
		border:0px;
	}



	/******************************************************************************************
	This defines the width of the content on the page and centers it horizontally.
	******************************************************************************************/
	.content
	{
		width: 992px;
		margin-left:auto;
		margin-right:auto;

	}










	/*****************************************************************************************
	HR's
	Since it's somewhat awkward to style up an HR, these classes make divs with backgrounds.
	*****************************************************************************************/
	.hr_single
	{
		width:100%;
		height:8px;

		margin-top:2px;
		margin-bottom:10px;

		background:url(hr_single_a9c9c1.gif) repeat-x;
	}
	
	.dmj .hr_single
	{
		width:100%;
		height:8px;

		margin-top:2px;
		margin-bottom:10px;

		background:url(hr_single_abd2ff.gif) repeat-x;
	}



	.hr_double, .hr_double_red, .hr_double_efefef
	{
		width:100%;
		height:8px;

		margin-top:2px;
		margin-bottom:10px;

		background:url(hr_double_a9c9c1.gif) repeat-x;
	}
	
	.hr_double_ccbbcc
	{
		background:url(hr_double_ccbbcc.gif) repeat-x;	
	}
	
	
	.hr_double_efefef
	{
		background:url(hr_double_efefef.gif) repeat-x;
	}

	.hr_thick
	{
		width:100%;
		height:4px;

		margin-top:4px;
		margin-bottom:5px;

		background:#00674e;
		overflow:hidden;
	}
	
	.dmj .hr_thick
	{
		width:100%;
		height:4px;

		margin-top:4px;
		margin-bottom:5px;

		background:#0038b8;
	}


	/*hr_grey and hr_grey_small are the same, save for their margin-bottoms.*/
	.hr_grey, .hr_grey_big
	{
		height:1px;
		margin-top:7px;
		margin-bottom:8px;

		width:100%;
		background:#e5e5e5;
	}

	.hr_grey_big
	{
		margin-bottom:16px;
	}

	/*****************************************************************************************
	Text Styles
	*****************************************************************************************/


	/*
	The basic text_header class creates a bold green header to be used as the label for a given
	text box. This is intended to be used with span tags. The paragraph version establishes
	a margin on the bottom.
	*/

	.text_header
	{
		color:#006644;
		font-weight:bold;
		font-size:14px;
		line-height:16px;
	}

/*
	body.large .text_header
	{
		font-size:18px;	
		line-height:24px;
	}
*/

	p.text_header
	{
		margin:0px 0px 10px 0px;
	}



	/*
	In the right column the header text often has an icon with it. These classes handle the floats.
	*/
	.text_header_with_icon
	{
		margin:0px;
		padding-left: 39px;
		padding-top: 3px;
		padding-bottom:3px;
	}

	.text_header_with_icon p 
	{
		margin:0px;
		padding:0px;

		line-height:18px;
	}




	body.large .text_header_with_icon p
	{
		line-height:18px;		
	}




	/*
	superscript for the circle R's
	*/
	.superscript
	{
		font-size:9px;
		line-height:10px;
		vertical-align:top;
		margin-top:0px;
	}
	
	.rh .superscript
	{
		font-size:9px;
		line-height:16px;
		vertical-align:top;
	}
	






	/*
	text_header_large is like text_header but with a larger font-size.
	*/

	.text_header_large
	{
		color:#006644;
		font-weight:bold;
		font-size:18px;
		line-height:24px;
	}


	body.large .text_header_large
	{
		font-size:22px;

	}




	/*
	Light green text for the copyright information
	*/
	.copyright
	{
		color:#778f89;
	}



	/***************************
	Generic Pagination
	***************************/
	
	.generic_pagination
	{
		border-top:1px solid #e3e3e3;
		border-bottom:1px solid #e3e3e3;
		height:45px;

		margin-top:5px;
		margin-bottom:0px;
	}
	
	.ghl .generic_pagination
	{
		border-top:0px;
		border-bottom:0px;
		height:45px;
		padding-top:8px;
		margin-top:8px;
		margin-bottom:0px;
	}
	
	
	.rh .generic_pagination
	{
		border-top:0px;	
		border-bottom:1px solid #f2f2f2;
		color:#333333;
		font-size:12px;
		height:45px;
	}
	

	
	.generic_pagination .count
	{
		color:black;
		font-weight:normal;	
	
		font-style:italic;
		float:left;
		margin-right:24px;
		margin-top:2px;
		margin-bottom:10px;

		height:15px;
		
	}	
	
	.ghl .generic_pagination .count
	{
		color:black;
		font-weight:normal;	
	
		font-style:italic;
		float:left;
		margin-right:24px;
		margin-top:0px;
		margin-bottom:10px;

		height:15px;
		
	}	
	
	
	.rh .generic_pagination  .count
	{
		color:black;
		font-weight:normal;
		
		font-style:italic;
		float:left;
		margin-right:24px;
		margin-top:2px;
		margin-bottom:10px;
		font-size:12px;
	}
	
	.generic_pagination .pagination_links
	{
		color: #ccaabb;
		font-weight:bold;
		margin-top:8px;
	}
	
	.dmj .generic_pagination .pagination_links
	{
		color: #c5921a;
		font-weight:bold;
		margin-top:8px;
	}
	
	.ghl .generic_pagination .pagination_links
	{
		color: #c5921a;
		font-weight:normal;
		font-style:italic;
		color:#4d4d4d;
		margin-top:8px;
	}
	
	
	.rh .generic_pagination .pagination_links
	{
		color: #83a0c7;
		font-weight:bold;
		margin-top:20px;
	
		margin-bottom:0px;
	}
	
	
	
	.generic_pagination .pagination_links img
	{
		vertical-align:middle;
		margin-left:4px;
		margin-right:4px;		
	}
	
	.rh .generic_pagination .pagination_links img
	{
		vertical-align:middle;
		margin-left:4px;
		margin-right:4px;	
	}
	
	
	.generic_pagination .pagination_links a, 
	.generic_pagination .pagination_links .selected
	{
		margin-left:4px;
		margin-right:4px;
	}
	

	.dmj .generic_pagination .pagination_links .selected
	{
		margin-left:4px;
		margin-right:4px;
		color:#e8d6aa;
	}
	

	.rh .generic_pagination .pagination_links a, 
	.rh .generic_pagination .pagination_links .selected
	{
		margin-left:4px;
		margin-right:4px;
		font-weight:bold;
		margin-top:10px;

	}
	
	.ghl .generic_pagination .pagination_links a, 
	.ghl .generic_pagination .pagination_links .selected
	{
		margin-left:4px;
		margin-right:4px;
		font-weight:normal;
		margin-top:10px;

	}
	
	.ghl .generic_pagination .pagination_links a
	{
		color:#4d4d4d;
	}
	
	.generic_pagination .pagination_links .next_prev,
	.generic_pagination .pagination_links a.next_prev
	{
		margin-left:0px;
		margin-right:0px;
	}
	
	.dmj .generic_pagination .pagination_links .next_prev,
	.dmj .generic_pagination .pagination_links a.next_prev
	{
		margin-left:0px;
		margin-right:0px;
		color:#e8c268;
	}
	
	.ghl .generic_pagination .pagination_links .next_prev,
	.ghl .generic_pagination .pagination_links a.next_prev
	{
		margin-left:0px;
		margin-right:0px;
		color:#4d4d4d;
	}
	
	
	.rh .generic_pagination .pagination_links .next_prev,
	.rh .generic_pagination .pagination_links a.next_prev
	{
		margin-left:0px;
		margin-right:0px;
		font-weight:bold;
	}