/*  these are the outermost page definitions  */
body
{
    text-align:center;
    background-color: #000055;
    margin: 3px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

p
{
    text-indent: 0px;
    margin:50px;
}

.nop
{
    text-indent: 7px;
    margin:0px;
}

.indent_p
{
	padding-left:50px;
	padding-right:50px;
}

.l_nks
		{
		    text-decoration: none;            
		    color: #aaa;
		}
.l_nks:hover
		{
		    text-decoration: underline;            
		    color: #fff;
		}

#blkborderdiv
{
    margin: 3px auto;
    width:950px;
    padding:10px;
    min-width: 800px;
}

/*  this is the outer most relative container  */
#containerdiv
{
    position:relative;
    min-height:600px;
}

/*  this is the page-background circles with see-through(Opacity) property set */
#inner_container
{
    height: 800px;
    width:  100%;
    background: url(../pics/c5.gif) top right no-repeat;
     /* Opacity for IE */
    filter:alpha(opacity=40);
     /* Opacity CSS3 standard */
    opacity:0.4;
     /*  */
    position: absolute;
		top: 0px;
		left: 0px;
    z-index: 0;
}

/*///////////////////////////////////////////////////////////////
/*  this is the start of the top div positioned inside the containerdiv  */
/*///////////////////////////////////////////////////////////////
/*  this contains the logo and navigation menus  */

#headerdiv
{
    height: 140px;
    background: url(../pics/tai3.1.gif) left bottom no-repeat;
    position: relative;
    z-index: 110;
}

	/*  this contains the page title inside the headerdiv  */
	#page_title
	{
	    height: 80px;
			/*  this next vertically centers the text in the div; should match line above.  */
			line-height: 80px;
		width:  750px;
	    background: transparent;
	    position: absolute;
			top: 60px;
			right:0px;
		text-align: center;
		color: #cccccc;
		font-style: normal;
		font-size: 40px;
		font-weight: bold;
	}
/*///////////////////////////////////////////////////////////////
/*  this is the end of the top div positioned inside the containerdiv  */
/*///////////////////////////////////////////////////////////////
//
////////////////////////////////////////////////////////////////
/*  this is the start of the middle div positioned inside the containerdiv, containing main content  */
/*//////////////////////////////////////////////////////////////*/

#content_body
{
	position: relative;
		top: 0px;
		left: 0px;
    text-align: left;
}

	#pop_pic
	{
	    width: 300px;
	    height: 360px;
	    background: url(../pics/singer3.gif) no-repeat;
	    position: absolute;
	     top:  0px;
	     left: 0px;
	    z-index:12;
	}

	#outer_mid_div
	{
	    width:100%;
	}

		#mid_div
		{
		    width:600px;
			height: 280px;
		    background: transparent;
			float: right;
		}

			#mid_div p
			{  
			    margin-top:10px;
				font-size: 18px;
				line-height:25px;
				font-weight: bold;
				color: #ccc;
				text-align: center;
			}

	#main_content
	{
		position: relative;
	}
		#mc_back
		{
			width:  100%;
		    background: #ccc;
		     /* Opacity for IE */
		    filter:alpha(opacity=30);
		     /* Opacity CSS3 standard */
		    opacity:0.3;
		     /*  */
		    position: absolute;
		     top:  0px;
		     left: 0px;
			 z-index: 10;
		}
		#mc_front
		{
		    position: relative;
		     top:  0px;
		     left: 0px;
		    z-index:11;
			padding: 10px;
			color: #fff;
			font-size:16px; 
			line-height:25px; 
			font-weight:bold;
		}
		
			.over_mc_front
			{
				position: absolute;
				 top:  0px;
				 left: -20px;
				z-index: 12;
				display: none;
				cursor:hand; 
				color: #000;
				text-align:center;
			}
			
			
/*///////////////////////////////////////////////////////////////
/*  this is the end of the middle div positioned inside the containerdiv  */
/*///////////////////////////////////////////////////////////////
//
////////////////////////////////////////////////////////////////
/*  this is the start of the bottom div positioned inside the containerdiv  */
/*//////////////////////////////////////////////////////////////*/

#bottom_content
{
	position: relative;
		top: 0px;
		left: 0px;
	height: 360px;
}

	#low_hold
	{
		position: relative;
			bottom: 0px;
			left:   0px;
		width: 100%;
		text-align:center;
		height:300px;
	}

		#low_pic
		{
		    width: 300px;
		    height: 350px;
		    background: url(../pics/tripics/tripic_1.gif) top;
			background-repeat: no-repeat;
		    position: absolute;
		     top:  0px;
		     left: 0px;
		    z-index:10;
		}

		#low
		{
		    width:100%;
		    height:20px;
		    background: green;
		    position: absolute;
		     top:  140px;
		     left: 0px;
		    z-index:9;
		}

	/* ABSC, Inc. Logo */
	#designer
	{
	    height:60px;
	    width:100%;
	    position: absolute;
	    bottom:0px;
	    left:0px;
	    text-align:center;
	}

		#designer a
		{
		    text-decoration: none;            
		    color: #ccc;
		}
/*///////////////////////////////////////////////////////////////
/*  this is the end of the bottom div positioned inside the containerdiv  */
/*///////////////////////////////////////////////////////////////
//
//
//
//
/*======================== TAIG Main Menu  ========================*/
/*/
/*/
#menucontainer
{
    text-align: center;
    width:803px;
    height:29px;
}

#menu 
{
    width:802px; height:25px; font-size: 11px; position:relative; z-index:100; margin:auto auto;
}

/* hack to correct IE5.5 faulty box model */
* html #menu 
{
    width:803px; w\idth:802px;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul 
{
    padding:0;
    margin:0;
    list-style-type:none;
}



/* this width should match '#menu li' width below */
#menu ul ul 
{
    width:114px;
}

/* float the list to make it horizontal, and relative positon so that you can control the dropdown menu positon */
/* change this width to equal '#menu a' width below + padding + 1px */
#menu li 
{
    float:left;
    width:114px;
    position:relative;
}

/* style the links for the top level */
#menu a
{
    display:block;
    font-size:11px;
    text-decoration:none;
    color:#fff;
    width:110px;
    height:25px;
    border:1px solid #fff;
    border-width:0px 0px 0px 1px;
    padding-left:3px;
    line-height:25px;
}


/*                                                                                                                                                      */
/*  CHANGE BACKGROUND COLOR OF MENU TABS BASED ON CURRENT OPEN PAGE  */
/*                                                                                                                                                       */
#home_page #home_tab,
#about_presmess_page #about_tab, #about_presmess_page #about_tab_presmess, #about_presmess_page #presmessage_sub,
 #about_mission_page #about_tab, #about_mission_page #about_tab_mission,   #about_mission_page #mission_sub,
 #about_tway_page #about_tab,    #about_tway_page #about_tab_tway,         #about_tway_page #t_way_sub,
#about_events_page #about_tab_events, 
#rl_comhom_page #serv_tab,  #rl_comhom_page #serv_tab_resliv, #rl_comhom_page #resliv_commhomes,      
  #rl_comhom_page #resliv_subtab, #rl_comhom_page #rl_comhom_subtab,
 #rl_famliv_page #serv_tab, #rl_famliv_page #serv_tab_resliv, #rl_famliv_page #resliv_famliv,
  #rl_famliv_page #resliv_subtab, #rl_famliv_page #rl_famliv_subtab,
 #rl_indliv_page #serv_tab, #rl_indliv_page #serv_tab_resliv, #rl_indliv_page #resliv_indliv,
  #rl_indliv_page #resliv_subtab, #rl_indliv_page #rl_indliv_subtab,
 #rl_fin_page #serv_tab, #rl_fin_page #serv_tab_resliv, #rl_fin_page #resliv_finmngmnt,
  #rl_fin_page #resliv_subtab, #rl_fin_page #rl_fin_subtab,
#ds_1_page #serv_tab, #ds_1_page #serv_tab_dayserv, #ds_1_page #dayserv_1,
  #ds_1_page #dayserv_subtab, #ds_1_page #ds_p1_subtab, #ds_1_page #dayserv_sub,
#ms_1_page #serv_tab, #ms_1_page #serv_tab_medserv, #ms_1_page #medserv_1,
  #ms_1_page #medserv_subtab, #ms_1_page #ms_p1_subtab,
#jobs_1_page #serv_tab, #jobs_1_page #serv_tab_jobs, #jobs_1_page #jobs_1,
  #jobs_1_page #jobs_subtab, #jobs_1_page #jobs_p1_subtab,
#cg_faq_page #caregvr_tab,     #cg_faq_page #caregvr_tab_faq, #cg_faq_page #faq_sub,
 #cg_famsay_page #caregvr_tab, #cg_famsay_page #caregvr_tab_famsay, #cg_famsay_page #talk-about_sub,
 #cg_terms_page #caregvr_tab,  #cg_terms_page #caregvr_tab_terms, #cg_terms_page #terms_sub,
 #cg_links_page #caregvr_tab,  #cg_links_page #caregvr_tab_links,#cg_links_page #cg_links_sub,
#contact_page #contact_tab,
#search_page #search_tab,
#car_overview_page  #career_tab_overview, #car_overview_page  #career_sub_overview,
 #car_benefits_page #career_tab_benefits, #car_benefits_page #career_sub_benefits,
 #car_opps_page     #career_tab_opps, #car_opps_page     #career_sub_opps,
 #car_resume_page   #career_tab_resume
{
    background: #666688;
    color: #fff;
    cursor:default;
}
/*                                                                                                    */
/*             End Change Based on Current Page Section              */
/*                                                                                                    */


/* this width should match '#menu li' width above */
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a
{
    width:114px; w\idth:110px;
}

/* remove border from left of top tab */
#menu a.top_left_tab
{
    border-width:0px;
}



/* this is for narrower top level items */
#menu li.top_midnarrow
{
    width:99px;
}
#menu a.top_midnarrow
{
    width:95px;
}



/* this is for narrowest top level items */
#menu li.top_narrow
{
    width:69px;
}
#menu a.top_narrow
{
    width:65px;
}


.default_cursor
{
    cursor:default;
}

/* style the top level hover */
#menu a:hover
{
    color:#000055; background:#d4d8bd; 
}
#menu :hover > a 
{
    color:#000055;background:#d4d8bd;
}


/* style second level hover */
#menu ul ul a:hover
{
    color:#000055; background:#bbb; cursor:pointer;
}
#menu ul ul :hover > a 
{
    color:#000055;background:#bbb; cursor:pointer;
}



/* style the second level background for those with another sub-menu */
#menu ul ul a.ref_sub_menu, #menu ul ul a.ref_sub_menu:visited 
{
    background: #d4d8bd url(../pics/3arrows.gif) center right no-repeat;
}


/* style the second level hover for those with another sub-menu */
#menu ul ul a.ref_sub_menu:hover
{
    background:#bbb url(../pics/3arrows.gif) center right no-repeat;
    color: #000055;
}
#menu ul ul :hover > a.ref_sub_menu 
{
    background:#bbb url(../pics/3arrows.gif) center right no-repeat;
    color: #000055;
}


/* style the third level background */
#menu ul ul ul a
{
    background:#d4d8bd;
}

/* style the third level hover */
#menu ul ul ul a:hover 
{
    background:#bbb;color:#000055;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul 
{
    visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;border-top:1px solid #fff;
}

/* another hack for IE5.5 */
* html #menu ul ul 
{
    top:24px;t\op:25px;
}

/* position the third level flyout menu */
#menu ul ul ul
{
    left:149px; top:-1px; width:149px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#menu table 
{
    position:absolute; top:0; left:0; border-collapse:collapse;
}

/* style the second level links */
#menu ul ul a
{
    background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;
}

/* yet another hack for IE5.5 */
* html #menu ul ul a
{
    width:150px;w\idth:128px;
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul
{
    visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul
{
    visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul
{
     visibility:visible;
}
/*
/
/
/*======================== END of TAIG Main Menu  ========================*/
/*
/
/
/
/
/*======================== Sub Menu  ========================*/
/*/*/
#submenucontainer  /*  change this width to move menu position to the left  */
{
    text-align: center;
    width:60%;
    position: relative;
	margin:auto auto;
}


#submenu 
{
    float:right;
    padding:0px;
    border:0px;
    color: #fff;
    width:550px;
    height: 20px;
}

#submenu ul
{
    margin:  0px;
    padding: 0px;
    border:0px;
    color: #000;
    font-size: 11px;
}

#submenu ul li
{
    display: inline;
}

#submenu ul li a  /*  sub-menu defaults  */
{
    padding: 0 3px;
    height:20px;
     line-height:20px;
    color: #fff;
    text-decoration: none;
    float: right;
    border-bottom: 0px solid #fff;
    border-left: 1px solid #fff;
}

#submenu ul li a.subleft  /*  sub-menu left-most tab  */
{
    border-left: 0px;
}

#submenu ul li a.rightsubmenu
{
    float: right;
}

#submenu ul li a:hover  /*  sub-menu on-hover  */
{
    background: #d4d8bd;
    color: #000055;
}

/*
/
/
/*======================== END of Sub Menu  ========================*/
/*
/
/
/
/
/
/
/*============ Services Sub Menu with drop line submenu =============*/
/*
/*/
#resliv_submenucontainer  /*  change this width to move menu position to the left  */
{
    text-align: center;
    position: relative;
}

.resliv_submenu {
    float:right;
    margin-right:10px;
    height:30px;
    position:relative; 
    width:525px; 
    font-size: 11px;
    z-index:99;
}



.resliv_submenu .select
{
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}


/*  float all menu items (top and bottom) to the right  */
.resliv_submenu li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}


/*  style top level links  */
.resliv_submenu .select a {
display:block; 
height:30px; 
float:left;  
padding:0 10px 0 10px; 
    text-decoration: underline; 
line-height:30px; 
white-space:nowrap; 
color:#fff;
}


#comm_homes_page #resliv_tab, #comm_homes_page #comhom_page
{
    background: #666688;
    color: #fff;
}


/*  style top level on_hover  */
.resliv_submenu .select a:hover, 
.resliv_submenu .select li:hover a {
background: #d4d8bd; 
cursor:pointer; 
color:#000;
}



.resliv_submenu .select a:hover b, 
.resliv_submenu .select li:hover a b {
display:block; 
float:left;
cursor:default;
}

.resliv_submenu .select_sub {
display:none;
}

/* IE6 only */
.resliv_submenu table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.resliv_submenu .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}


.resliv_submenu .select :hover .select_sub
{
display:block; 
position:absolute;
width:525px;
top:30px;  
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}
.resliv_submenu .select :hover .move_rgt
{
left:200px; 
}

.select_sub .sub
{float:left;width:100%;}


/*  sub level defaults  */
.resliv_submenu .select :hover .sub li a
{
display:block; 
float:left; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0;
background: #d4d8bd;
text-decoration:none; 
color:#000;
}


/*  sub level on hover  */
.resliv_submenu .select :hover .sub li a:hover
{
visibility:visible; 
color:#000055; 
background:#bbb;
}
/*
/
/
/*============ END of Services Sub Menu with drop line submenu =============*/
/*/*/