/*****************************************************************************************
 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;
}

h1 {
	
font-family: Times New Roman;
font-size: 25px;
line-height: 20px;
font-weight: normal;
margin: 0px 0px 8px 0px;
padding: 0px;
}

h2 {
color: #333333;
font-family: Arial;
font-size: 14px;
line-height: 16px
}

h1.content-title {
    color: #333333;
    font-family: Arial;
	font-weight: bold;
    font-size: 20px;
    line-height: 24px;	
	
}
h2.content-title {
    color: #333333;
    font-family: Arial;
    font-size: 18px;
    line-height: 20px;
}

h3.content-title {
    color: #333333;
    font-family: Arial;
    font-size: 15px;
    line-height: 20px;
}

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_adv_main_site
 {
 background:url(bg_adv_main_site.gif) repeat-x;
 }

 body.body_adv_location_specific
 {
 background:url(bg_adv_location_specific.gif) repeat-x;
 }

 body.body_adv_jump_page
 {
 background:url(bg_adv_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;
}

.cm a {
	color: #522e91;
}

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;
}

.cm .hr_single {
	background: url(hr_single_d5c296.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;
}

.pm .hr_double
{
	background: url(hr_double_7899be.gif) repeat-x;
}

.cm .hr_double
{
	background: url(hr_double_522e91.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;
}

.dm .hr_thick {
	background: #2D1500;
}

.dmj .hr_thick {
	width: 100%;
	height: 4px;
	margin-top: 4px;
	margin-bottom: 5px;
	background: #0038b8;
}

.cm .hr_thick {
	background: #522e91;
}

/*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;
}



.pm .text_header {
	color: #2C5F8C;
}

.cm .text_header {
	color: #522e91;
}

/*
 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;
}