/*
Kaiser Permanente Center for Health Research
Work Family Health Network
Lisa Massinger - KPCHR

color:#33312d; - general text
color:#27266b; - basic headings and links

--------- Notes -----------
* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

/* Basic browser reset  */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, button, fieldset, legend, label, form, img {
    margin: 0; padding: 0; border: 0;
}

body {color:#45443f; font: 80%/140% Arial, Verdana, Arial, Helvetica, sans-serif; text-align:center; height:100%; margin-top:0px; vertical-align:top;} 

h1, h2, h3, h4, h5, h6, p {margin: .5em 0 1em 0;}

h1{font-size: 120%; color:#1279ad; font-weight: 600; margin:0 0 .5em 0;}
h2{font-size: 120%; color:#ffffff; margin:0 0 .5em 0;}
h3{font-size: 120%; color:#45443f; font-weight: 600;}
h4{font-size: 110%; color:#45443f; }
h5{font-size: 100%; font-weight: 600;}
h6{font-size: 100%; color:#27266b; }
.noMargin { Margin: 0.5em 0 0 0;}
.smMargin { Margin: 0.5em 0 0.2em 0;}

a:link,
a:visited,
a:hover,
a:active {color:#27266b; text-decoration:underline;}

a:hover,
a:active {text-decoration:none;}


/* For quicklinks and navigation. For lists of links add the class "links" to the ul - this will remove the bullets.    */
ul.links, ul.links ul, ul.links ul ul, #mainContent ul.links li{ list-style-type: none;}


/* .._/(  Site Structure  )\_.. */
				
body {	background:#cdccbc url(../Images/bgBody.jpg) repeat-x;}

body #indexPrimary {background:white;}

#wrapper{
	padding:0 0 0 0;
	text-align:left;
	float:inherit;
	margin:0px auto 0 auto;
}
.landing #wrapper{
	width:815px;
	height:580px;
	background:transparent url(../Images/bgWrapper.jpg) no-repeat;
	margin:0px auto 0 auto;
}
.interior #wrapper {
	width:815px;
	min-height:599px;
	background:transparent url(../Images/bgWrapperInterior.jpg) no-repeat;
}
.newsletter #wrapper{
	width:813px;
	margin:0 auto 0 auto;
}
.login #wrapper{
	width: 426px;
	text-align:left;
	margin-top: 40px;
}

#header{
	background:transparent url(../Images/bgHeader.gif) no-repeat;
	text-align:right;
	width:798px;
	height:114px;
	margin-left:9px;
}
.newsletter #header{
	width:813px;
	height:160px;
	margin:0 auto 0 auto;
	background:transparent url(../Images/headerNewsletter.jpg) no-repeat;
}
#left-nav{
	float:left;
	display:inline; 
	width:189px;
	height:100%;
	min-height:550px;
	line-height:110%;
	overflow:hidden;
	/*font-family:arial; 
	font-weight:600;*/

}
#horz-nav{
	float:left;
	width:798px;
	height:27;
	text-align:left;
	margin-left:9px;
	display:inline;
}
.landing #content {
	height:428px;
	width:798px;
	float:left;
	display:inline;
	vertical-align:top;
	margin-left:9px;
}
.interior #content {
	width:798px;
	float:left;
	display:inline;
	vertical-align:top;
	margin-left:9px;
}
.newsletter #content {
	width:783px;
	background:white;
	float:left;
	display:inline;
	vertical-align:top;
	margin:0 0 0 0;
	padding:14px 14px 14px 14px;
	border-right:solid 1px #003d79;
	border-bottom:solid 1px #003d79;
	border-left:solid 1px #003d79;
}
	#newsletterDate 
	{	text-align:right;
		color:#003d79;
		font-size:140%;
		line-height:1.3em;
	}

.login #content{
	background-color:White;
	height:100%;
}
#home #primary { 
	float:left;
	width:596px;
	padding:0 0 0 0;
}
#home #secondary
{	float:left;
	display:inline-block;
	width:202px;
	height:432px;
	color:White;
	background:transparent url(../Images/bdMenu.gif) no-repeat;
}
.landing #primary
{	float:left;
	display:inline-block;
	width:590px;
	height:430;
}
.landing #secondary
{	float:left;
	display:inline-block;
	width:208px;
}
	#employers #sec1, #employerscontent #sec1,
	 #familiescontent #sec1 
	{	background-color:#157eb3;
		Height:126px;		
	}
	#employers  #sec2
	{	background-color:#004d87;
		Height:142px;
		padding-top:20px; 
		padding-right:10px;		
	}	
	#employers  #sec3 
	{	background-color:#163c6c;
		Height:122px; 
		padding-top:20px; 
		padding-right:10px;		
	}
	#researchers #secondary #sec1 
	{	background-color:#157eb3;
		Height:98px;
		margin-top:-4px;		
	}
	#researchers  #sec2 
	{	background-color:#163c6c;
		Height:326px;
		padding-top:010px; 
		padding-right:5px;		
	}
	#families #secondary #sec1 
	{	background-color:#157eb3;
		Height:101px;		
	}
	#families  #sec2 
	{	background-color:#004d87;
		Height:170px;
		padding-top:14px; 
		padding-right:10px;		
	}	
	#families  #sec3 
	{	background-color:#163c6c;
		Height:131px; 
		padding-top:14px; 
		padding-right:10px;		
	}
	#news #secondary #sec1
	{	background-color:#157eb3;
		Height:126px;		
		padding-right:10px;		
	}
	#news  #sec2
	{	background-color:#004d87;
		Height:142px;
		padding-top:20px; 
		padding-right:10px;		
	}	
	#news  #sec3 
	{	background-color:#163c6c;
		Height:128px; 
		padding-top:14px; 
		padding-right:10px;		
	}
	
		.secTxt { font-size:90%; line-height:130%;  }
		#secondary ul {color:#000; font-weight:bold; }
		#secondary ul li {color:White;font-weight: normal; list-style-type:square; list-style-position:outside; margin:0 0 0 1.5em; }



.interior #primary {
	float:left;
	display:inline;
	width:520px;
	border:solid 0px red;
	padding:0 12px 0 0px;
	margin-left:20px;
}
		.interior #primary ul {color:#45443f; font-weight:bold; list-style: none;  }
		.interior #primary ul li {color:#45443f; background: url(../images/bltOrange.gif) 6px 60% no-repeat; padding:0 0 0 20px; list-style-position:outside; margin:0 0 0 0; }

	.interiorTxt
	{	float:left; 
		padding-left: 0px;
		padding-top: 0px; 
		top: 0px;
		width:480px;
	}
	.interiorPic
	{	display:block;
		float:left; 
		padding: 0 14px 4px 0;
		width: 165px; 
		height: 80px;
		margin-top:0;
	}

.interior #secondary
{	float:right;
	display:inline;
	width:218px;
	border:solid 0px orange;
	}
	#employersaboutus  #sec1, #researchersaboutus  #sec1, #familiesaboutus  #sec1 
	{	background-color:#157eb3;
		padding-right:10px;
		padding-bottom:6px;	
	}
	#employersaboutus  #sec2, #researchersaboutus  #sec2, #familiesaboutus  #sec2 
	{	background-color:#004d87;
		padding:10px 10px 10px 0;
	}	
		#employersaboutus #secondary ul, #researchersaboutus #secondary ul, #familiesaboutus #secondary ul 
		{color:#000; font-weight:bold; padding-right:2px; padding-left:4px;}
		
		#employersaboutus #secondary ul li, #researchersaboutus #secondary ul li, #familiesaboutus #secondary ul li   
		{color:White;font-weight: normal; list-style-type:none; list-style-position:outside; margin:0 0 0 1.5em; }

	#newsRegister #secondary #sec1, #newsContent #sec1
	{	background-color:#157eb3;
		padding-right:10px;
		padding-left:10px;		
	}
	#newsRegister  #sec2, #newsContent #sec2
	{	background-color:#004d87;
		padding-top:20px; 
		padding-right:10px;
		padding-left:10px;		
	}	
	#newsRegister  #sec3, #newsContent #sec3 
	{	background-color:#163c6c;
		padding-top:14px; 
		padding-right:10px;
		padding-left:10px;		
	}
	
#profiles #primary {
	float:left;
	display:inline;
	width:516px;
	border:solid 0px red;
	padding:0 12px 0 12px;
	margin:0 0 0 20px;
}
	.profileTxt
	{	float:left; 
		padding-left: 0px;
		padding-top: 0px; 
		top: 0px;
		width:480px;
	}
	.profilePic
	{	display:block;
		float:left; 
		padding: 0 14px 4px 0;
		width: 129px; 
		height: 161px;
		margin-top:0;
	}
	.siteTxt
	{	float:left; 
		padding-left: 0px;
		padding-top: 0px; 
		top: 0px;
		width:480px;
	}
	.sitePic
	{	display:block;
		float:left; 
		padding: 0 14px 4px 0;
		width: 274px; 
		height: 208px;
		margin-top:0;
	}
	.sitePicHarvard
	{	display:block;
		float:left; 
		padding: 0 14px 4px 0;
		width: 274px; 
		height: 350px;
		margin-top:0;
	}
#profiles #secondary
{	float:right;
	display:inline;
	width:224px;
	border:solid 0px orange;
	}
	#profiles #secbios 
	{	background:transparent url(../Images/bgsecbios.gif) no-repeat;
		height:322px;
		margin-left:4px;
		border:solid 0px red;
	}
	#profiles #secbios #contactinfo 
	{	height:270px;
		max-height:270px;
	}
		#profiles #secondary  {color:White; font-weight: normal;  }
		#profiles ul {list-style:none; }
		#profiles ul li {list-style:none; }
	


#index #primary {
	padding:0 0 12px 10px;
	width:580px;
	background:#ffffff;
}

#index2 #primary {
	padding:0 0 12px 10px;
	width:328px;
	float:left;
	background:#ffffff;
}
#index2 #secondary {
	display:inline;
	width:328px;
	float:left;
	background:#ffffff;
	padding:100px 5px 0 10px;
	margin-left:20px;
}

#section1, #section2 {
	width:328px;
	background:#ffffff;
	 }
#news 
{	
}

#footer{
	/*background:#cdcbbc url(../Images/bgFooter.jpg) left top no-repeat;*/
	color: #535250;
	width:798px;
	text-align:center;
	margin:0px auto 0 auto;
}
#footerHome{
	background:#cdcbbc url(../Images/bgFooterHome.jpg) left top no-repeat;
	color: #535250;
	width:815px;
	height:70px;
	text-align:right;
	margin:0px auto 0 auto;
	border:solid 0px red;
}
#tbFooterHome 
{	text-align:left;
	margin-left:24px;
	margin-top:16px;
	line-height:110%;
	padding-right:24px;
	font-size:smaller;
	font-family:Arial;
	border:solid 0px red;
	width:790px;
}
.login #footer2{
	margin-left: 240px;
}
	

/* .._/(  Navigation  )\_.. */

#secondary a,
#secondary a:visited,
#secondary a:hover{
	color:#ea982c;
	text-decoration:none;
	white-space:nowrap; /* added so text would not wrap on first word */
}
#employerscontent #secondary a,
#employerscontent #secondary a:visited, 
#familiescontent #secondary a,
#familiescontent #secondary a:visited, 
#researcherscontent #secondary a,
#researcherscontent #secondary a:visited,
#employersaboutus #secondary a,
#employersaboutus #secondary a:visited,
#researchersaboutus #secondary a,
#researchersaboutus #secondary a:visited,
#familiesaboutus #secondary a,
#familiesaboutus #secondary a:visited,
#news #secondary a,
#news #secondary a:visited,
#newsRegister #secondary a,
#newsRegister #secondary a:visited,
#newsContent #secondary a,
#newsContent #secondary a:visited
{
	color:white;
	text-decoration:none;
	white-space:nowrap; /* added so text would not wrap on first word */
}
#employerscontent #secondary a:hover,
#familiescontent #secondary a:hover,
#researcherscontent #secondary a:hover,
#employersaboutus #secondary a:hover,
#news #secondary  a:hover 

{
	text-decoration:underline;
}
#left-nav ul
{
	list-style-position:inside; 
	padding-left:15px;
}
  
#left-nav li
{
	list-style:square;
	white-space:nowrap;
	font-size:smaller; 
}

#left-nav a{
	list-style:none;
	font-size:110%;
	margin-left:0;
	padding:8px 0 0px 10px;
	display:block;
	font-family:arial; 
	/*font-weight:600;*/
}

#left-nav a,
#left-nav a:visited,
#left-nav a:hover{
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap; /* added so text would not wrap on first word */
}
.plus 
{	font-size: 8px;
	line-height: 8px;
	}

#horz-nav #tblHome {
	background:transparent url(../Images/bgHorz-Nav-Home.gif) no-repeat;
	}
#horz-nav #tblEmployers {
	background:transparent url(../Images/bgHorz-Nav-Emp.gif) no-repeat;
}



#horz-nav a,
#horz-nav a:hover{
	font-family:arial; 
	font-weight:600;
	line-height:25px;
	text-decoration:none;
	white-space:nowrap; /* added so text would not wrap on first word */
}
	/*#horz-nav a:visited 
	{	color:White;	}*/

	a.selected
	{	color:#004d87; }
	a.other
	{	color:#ffffff;	}
	.tdFirst 
	{	width:12px;
	}
	.tdTab 
	{	width:146px;
		text-align:center;
		vertical-align:middle;
		padding-top:2px;
	}
	.tdLast 
	{	width:202px;
	}
	
#utility-nav { padding-top:92px;
}
#utility-nav ul {
	list-style:none;
}
#utility-nav li {
	background:transparent url(../Images/bgUtilityNav.gif) 0 3px no-repeat;
	display:inline;
	padding-left:13px;
}
	#utility-nav li.first {
		background:none;
	}
#utility-nav a,
#utility-nav a:visited {
	color:#004d87;
	font-size:70%;
	font-family:Arial;
	font-weight:600;
	text-decoration:none;
}
#utility-nav a:hover {
	text-decoration:underline;
}
#footer a,
#footer a:visited {
	color:#62615d;
	font-size:100%;
	font-family:Arial;
	font-weight:500;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
/* .._/(  Type, Links and Lists  )\_.. */
.astk1 {
	font-size:90%;
	color:red; 
	text-decoration: none;
	vertical-align:super;
}
.astk2 {
	font-size:90%;
	color:red; 
	text-decoration: none;
	vertical-align: baseline;
}
/*  Newsletter  */
.eHdr 
{	color:#ea982c;
	font-weight:700;
	font-size:120%;
}
.eSbHdr 
{	font-weight:700;
	font-size:120%;
	font-style: italic;
	margin:0 0 .5em 0;
	padding-bottom:10px;
}
.eTitle 
{	font-weight:700;
	font-size:120%;
	margin:5px 0 .5em 0;
}
.eIntro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #036;
	font-style: italic;
}
#newsletter #primary ul li 
{	list-style-type:square; 
	list-style-position:outside;
	margin:0 0 0 18px; 
}


.announcements
{	font-size:84%;
	line-height:140%;
	padding-left:5px;
}
/*.landing #announcements{
	margin:0 0 0 1px;
	_margin-left:0;
	width:275px;
	_width:276px;
}
.landing #events{
	width:277px;
	margin-left:12px;
} */
#address
{	color:#27266b;
	font-size:90%;
}
.copyright
{	background:#d9d3a4;
	color:#76787b;
	font-weight:600;
	font-size:90%;
}

/* .._/(  Tables  )\_.. */
.sectionHead 
{	background:transparent url(../Images/bgSection.gif) 0 0 no-repeat;
	height:21px;
	color:White;
	padding: 0 0 0 4px;
	font-weight:600;
	vertical-align:middle;
	text-transform:capitalize;  
}


/* .._/(  Systems - login pages  )\_.. */


/* .._/(  Forms  )\_.. */

#datalist{
	border-bottom:1px solid #d2d3d2;
}
/*input, textarea {border: 1px solid #242323;}*/

.dgHds  {
	font-family: Verdana, Arial, Sans-Serif;
	color: White;
	font-size: 80%;
	font-weight: 600;
	background-color:#504c46;  /*gray*/
}
.dgTxt  {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 85%;
	color: black;
	padding:2px; 
}
/* .._/(  Randoms/dev utility styles  )\_.. */

.hide {display: none;}
.left {float: left; margin: 10px 5px 10px 0;}
* html .left {margin-right: 0;}
.right {float: right;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.error, .red {color: red;}

.small {width: 25%;}
.medium {width: 48%;}
.large {width: 90%;}

.hrColor {color: #27266b; width:1px; text-align:left; width:560px;}

.tbBoard 
{	border: solid 1 #999999; 
	border-collapse:collapse; 
	font-family:Verdana, Arial, Sans-Serif; font-size: 10pt
}

/* added for left menu */

/*
.submenu
{
	list-style:square;
	white-space:nowrap;
	padding-left:8px;
	font-size:smaller; 
}
*/

#footerClear, #footerClear2
{
	clear:both; 
}

/* added for PageContent Editor */

.PageText
{ 
	font-family:Verdana, Arial, Sans-Serif; font-size: 10pt
}


#content strong {color:#000000;}

#left-nav ul {margin:0 0 0 2em;}
#left-nav ul li {list-style-type: disc;margin:0 2em 0 -2em;}

/*
#content ol {color:#000;font-weight:bold;}
#content ol li {color:#45443f;font-weight: normal;list-style-position:outside;margin:.2em 0 0 2em;}
#content ul {color:#000;font-weight:bold;}
#content ul li {color:#45443f;font-weight: normal; list-style-type:disc; list-style-position:outside;margin:.2em 0 0 2em;}
*/

/* added to capitalize page title */

.cap 
{
	text-transform:uppercase;  
}

.mixed
{
	text-transform:capitalize;   
}

/* Horizontal nav dropdowns */

.dropdown {}
.dropdown dt {border:0px solid red; font-weight:bold; cursor:pointer; }
.dropdown dt:hover { }
.dropdown dd {position:absolute; float:left; margin-left:0px; overflow:hidden; display:none; z-index:200; opacity:0}
.dropdown ul {list-style:none; border-top:none; padding:0 6px 0 6px;  background:white;}
.dropdown li {display:inline; }
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; color:#004d87; text-decoration:none; background-image: url(transparent.gif);}
.dropdown a:hover {color:#000; text-decoration:underline;}
.dropdown .underline {border-bottom:1px solid #b9d6dc}