/*
Cn styles currently in use 
*/

BODY	{ BACKGROUND-COLOR: #FFFFFF; margin: 0px}
BODY,P,TD,TH,LI,OL,UL,B	{ FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Verdana; } 


UL{	list-style-type: disc; }

A:link    { COLOR: #3366CC; TEXT-DECORATION: underline; }
A:visited { COLOR: #3366CC; TEXT-DECORATION: underline; }
A:active  { COLOR: #000000; TEXT-DECORATION: underline; }
A:hover   { COLOR: #ff0008; TEXT-DECORATION: underline; }


A:active.btn	{ COLOR: #666666; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: underline; }
A:link.btn		{ COLOR: #666666; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
A:visited.btn	{ COLOR: #666666; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
A:hover.btn		{ COLOR: #3366CC; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: underline; }


A:active.tnav	{ COLOR: #CCCCCC; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
A:link.tnav		{ COLOR: #CCCCCC; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
A:visited.tnav	{ COLOR: #CCCCCC; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
A:hover.tnav	{ COLOR: #3399FF; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none; }

a.mainmenulink, A:link.mainmenulink, A:visited.mainmenulink, A:active.mainmenulink { FONT-FAMILY: Arial, Helvetica, Sans-Serif; COLOR: #EFEFEF; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none; color: #336699;}
A:hover.mainmenulink { FONT-FAMILY: Arial, Helvetica, Sans-Serif; COLOR: #666666; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none; }

a.menulink:link, a.menulink:visited, a.menulink:active, .menulink	{ font-family: sans-serif; color: #336699; font-size: 16px; font-weight: 700; text-decoration: none; }
a.menulink:hover { color: #3399FF; text-decoration: underline; }

a:link.top, a:visited.top, a:active.top		{ text-decoration: none; }
a:hover.top { color: #000000; text-decoration: underline; }


.attndev	{ color: Green; font-weight: 700; }
.deleteddep	{ color: #B0C4DE; font-weight: 500; }
.bannertext { FONT-SIZE: 175%; COLOR: #FFFFFF; FONT-FAMILY: Arial, sans-serif; margin-left: 17px; font-weight: 700; }
.bkg336699	{ background-color: #336699; }
.bkgFFFFFF	{ background-color: #FFFFFF; }
.btnpad		{ margin-right: 30px; margin-top: 30px; }
.error		{ background-color: #EFEFEF; width: 500; border: 1px solid #CC0000; padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; margin-top: 1em; margin-bottom: 1em; font-size: 11px; font-weight: 700; color: #CC0000; }
.calclabel	{ font-size: 11px; font-family: Sans-Serif; text-align:right; border: none; background-color: #FFFFFF; color: #666666; font-weight:700; }
.chartbodyoff	{ FONT-SIZE: 8pt; FONT-FAMILY: Arial; border-color:#FFFFFF; padding-right: 50px; padding-left: 25px;}
.chartbodyon 	{ border-color:#CCCCCC; FONT-WEIGHT: 700; FONT-SIZE: 8pt; COLOR: #000000;  FONT-FAMILY: Arial; BACKGROUND-COLOR: #EFEFEF; padding-right: 0px; padding-left: 35px;}
.chartheadoff	{ FONT-SIZE: 11px; }
.childbannertext { FONT-SIZE: 150%; COLOR: #ffffff; FONT-FAMILY: Arial, sans-serif; margin-left: 17px; font-weight: 700; margin-top: 5px;}
.color1			{ background-color: #6699CC; }
.colorg1		{ background-color: gray; }
.contentwidth	{ width: 575px; margin-left: 15px; margin-top: 20px; }
.debuginfo		{ background-color: #DDDDDD; border: 1px solid #666666; color: #666666; width: 50%; margin: 2em; padding: 1em; }
.depcharthead	{ FONT-SIZE: 11px; padding-left: 3px; padding-right: 3px;}
.depchartheads	{ background-color:#B0C4DE; vertical-align: bottom; height: 35; padding: 3px;}
.depchartbody	{ border-color:#818fb2; background-color:#FFFFFF; height: 15; padding: 0px; vertical-align: middle;}
.depchartbodyoff{ border-color:#FFFFFF; background-color:#FFFFFF; height: 13; padding: 3px;}
.depchartbodyoffmid{ border-color:#FFFFFF; background-color:#FFFFFF; height: 20; padding-right: 50px;}
.depchartname	{ border-color:#818fb2; background-color:#FFFFFF; height: 20; padding-left: 3px; text-align: left;}
.footer		{ width: 770px; }
.fscselect	{ background-color: #EFEFEF; border-color: #CCCCCC; }
.inputcalc	{ color: #666666; font-size: 11px; font-family: Arial; text-align:right; background-color: #efefef; border: 1px solid #cccccc; }
.inputcash	{ font-size: 11px; font-family: Arial; background-color: #efefef; text-align:right; }
.inputfsa	{ font-size: 11px; font-family: Arial; text-align:right; border: none; background-color: #FFFFFF; color: #000000; font-weight:500; }
.inputtext	{ font-size: 11px; font-family: Arial; background-color: #efefef; }
.lblpersdata  { font-size: 65%; border: 1px #cccccc solid; background-color: #EFEFEF; color: #000000; }
.navleft	{ background-color: #CCCCCC; }
.navtop		{ background-color: #003366; width: 770px; }
.nodeps		{ color: #666666; margin-top: 3px; }
.optiongridwidth{ width:100%;}
.optionwidth{ width:30%;}
.pagewidth	 { width: 770px; }
.summBeneTables {margin-top: 5px; margin-bottom: 15px;}
.tableheading { background-color: #B0C4DE; font-weight:bold; padding-left: 7px; padding-right: 0px; color: #000000; }
.top		{ font-weight: 700; font-size: 90%; margin-top: -20px; text-align: right;}
.userid		{ color: #CCCCCC; font-size: 60%; font-weight: 600; padding-left: 10px;}


H1, .heading1	{ FONT-SIZE: 17px; COLOR: #214263; FONT-FAMILY: Arial, sans-serif; font-weight: 600; }
H2, .heading2	{ COLOR: #214263; FONT-SIZE: 13px; font-weight: 700; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; }
H3, .heading3	{ font-weight: bold; font-size: 11px; color: #003366; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; }
H4, .heading4	{ font-weight: bold; font-size: 10pt; color: #ffffff; font-family: Verdana, Arial, Sans-Serif; text-decoration: none;}


BODY.child		{ margin: 5px; }
TABLE.MenuText	{ BACKGROUND-COLOR: #B0C4DE; PADDING-LEFT: 0px; BORDER-STYLE: solid; BORDER-BOTTOM: 1px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-COLOR: #CCCCCC; }
TD.mainmenuitem { padding-left:7px; border-bottom: 1px solid #FFFFFF; }

/* Navigation Menu Styles */
TABLE.NavParent 	{ width: 100%; }
IMG.NavParentImage	{  }
TD.NavParentLink	{ padding-top: 4px; padding-bottom: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, "Myriad Roman", Helvetica; TEXT-DECORATION: none; }
a:link.NavParentLinkbutton, a:active.NavParentLinkbutton, a:visited.NavParentLinkbutton, a.NavParentLink {padding-top: 4px; padding-bottom: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, "Myriad Roman", Helvetica; TEXT-DECORATION: none; }
a:hover.NavParentLinkbutton { padding-top: 4px; padding-bottom: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff0008; FONT-FAMILY: Verdana, Arial, "Myriad Roman", Helvetica; TEXT-DECORATION: underline; }
.NavParentLabel		{ padding-bottom: 4px }
TD.NavParentLinkSelected { padding-top: 4px; padding-bottom: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #003366; FONT-FAMILY: Verdana, Arial, "Myriad Roman", Helvetica; TEXT-DECORATION: none; }
TD.NavParentImageCell	{ display: none; }

TABLE.NavChild {}
IMG.NavChildImage{width: 5px; height: 7px; margin-bottom: 2px; }
a:link.NavChildLink, a:active.NavChildLink, a:visited.NavChildLink, TD.NavChildLink{FONT-SIZE: 10.5px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, "Myriad Roman", Helvetica; TEXT-DECORATION: none;}
a:hover.NavChildLink {FONT-SIZE: 10.5px; COLOR: #336699; FONT-FAMILY: Verdana, Arial, "Myriad Roman", Helvetica; TEXT-DECORATION: underline;}
TD.NavChildLinkSelected{FONT-SIZE: 10.5px; color:#ff0008; FONT-FAMILY: Verdana, Arial, "Myriad Roman", Helvetica; TEXT-DECORATION: none; font-weight: 700;}
TD.NavChildImageCell{ padding-left: 5px; padding-right: 3px; width:5px; height:7px;}




/*
Below starts BenefitConnect styles to be deleted if not used
*/


.Message
{
	font-family: Helvetica, Arial, Sans-Serif;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none;
}

.endnote {font-size: 8pt; color: #FF0000}

A.Elect:hover
{
    FONT-FAMILY: Helvetica;
	COLOR: black;
	FONT-SIZE: 10pt;    
    TEXT-DECORATION: none;
}

A.Elect
{
    FONT-FAMILY: Helvetica;
	COLOR: black;
	FONT-SIZE: 10pt;
}

A.Elect:link
{
    TEXT-DECORATION: none;
}





H5, .heading5
{
	font-weight: bold;
	font-size: 10pt;
	color: Black;
	font-family: Helvetica, Arial, Sans-Serif;
}

.datalabel
{
	font-weight: bold;
	font-size: 8pt;
	font-family: Helvetica, Arial, Sans-Serif;
}

.HiLite1{background-color: #efefef;}


/********BENEFICIARY TEXT BOXES***************/
.benTextBox     { width:40px; font-size: 11px; font-family: Arial; text-align:right; color: #666666; font-weight:700; }
.benTextBoxTotal     { width:40px; font-size: 11px; font-family: Arial; text-align:right; border: none; background-color: #FFFFFF; color: #666666; font-weight:700; }


/***** Level 1 navigation ***********************************************************************************************/
TD.NavLevel1on{background-color:#333366;FONT-FAMILY: Arial;COLOR: #ffffff;FONT-SIZE: 12pt;font-weight: bold;}
A.NavLevel1off, A:link.NavLevel1off, A:visited.NavLevel1off, A:active.NavLevel1off
	{FONT-FAMILY: Arial;COLOR: #000000;FONT-WEIGHT: bold;FONT-SIZE: 12pt}
A.NavLevel1on, A:link.NavLevel1on, A:visited.NavLevel1on, A:active.NavLevel1on
	{FONT-FAMILY: Arial;COLOR: #ffffff;FONT-WEIGHT: bold;FONT-SIZE: 12pt}
A:hover.NavLevel1on{FONT-FAMILY: Arial;COLOR: #9999cc;FONT-SIZE: 12pt;font-weight: bold;}
A:hover.NavLevel1off{FONT-FAMILY: Arial;COLOR: #003366;FONT-SIZE: 12pt;font-weight: bold;}

/***** Level 4 navigation ***********************************************************************************************/
.NavLevel4on{FONT-FAMILY: Arial;COLOR: #003366;FONT-WEIGHT: bold;FONT-SIZE: 11px; text-decoration: none;}
A.NavLevel4off, A:link.NavLevel4off, A:visited.NavLevel4off, A:active.NavLevel4off, A:hover.NavLevel4off
	{FONT-FAMILY: Arial;COLOR: #000000;FONT-WEIGHT: normal;FONT-SIZE: 11px;	text-decoration: none;}
A:hover.NavLevel4off{FONT-FAMILY: Arial;COLOR: #9999CC;FONT-SIZE: 11px;	text-decoration: none;}	

/******** Tier Indicators ***************************************************************/
.tieron
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #EFEFEF;
    border-left-color: #CCCCCC;
    border-right-color: #CCCCCC;
    padding-right: 15px;
}

.tierheaderon
{
	  FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: 700;
    COLOR:  #FFFFFF;
    BACKGROUND-COLOR: #333366;
}
/******** Set Up Tables ***************************************************************/
TR.OptionsRow
{
	FONT-FAMILY: helvetica;
	FONT-SIZE: 10pt;
	background-color: #9999CC;
	
}
TABLE.Options
{
	FONT-FAMILY: helvetica;
	FONT-SIZE: 10pt;
	border-top-color: Black;
	border-bottom-color: Black;
	border-left-color: Black;
	border-right-color: Black;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-width:thin;
	border-collapse: collapse;
	width: 100%;
}


.eoimessage
{
	font-size: 8pt;
	font-style:italic;
	color:Red;
}

/**** MONTHLY EDUCATE STYLES - NEW DESIGN **/

#EducateContent2 {
	margin: 0px 0px 0px 0px; /* including navigation - 145px leftmargin for solid leftnav column */
	padding-top: 5px;
	padding-left: 5px;
	border-left: 1px solid #FFF;
	background-color: #FFF;
	max-width: 400px; /* necessary for mozilla browsers */
	font-family: arial, helvetica, Sans-Serif;
	
}

#EducateContent2 H1 {
	color: #000;
	background-color: #ccc;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 0px 0px 0px -2px;
	padding: 3px 9px 3px 9px;
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid; 
	width: 100%;
	 
	

}
#EducateContent2 H1.type2 {
	color: #FFF;
	background-color: #5E779A;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 3px 9px 3px 9px;
	border-bottom: #fff 1px solid;
	border-left: #86abdc 1px solid;
	border-right: #86abdc 1px solid;
	border-top: #86abdc 1px solid; 
	width: 500px; 
	

}
#EducateContent2 H2 {
	FONT-SIZE: 17px; 
	COLOR: #214263; 
	FONT-FAMILY: Arial, sans-serif; 
	font-weight: 600; 
	
	
}

#EducateContent2 H2.headerfloat {
	FONT-SIZE: 17px; 
	COLOR: #214263; 
	FONT-FAMILY: Arial, sans-serif; 
	font-weight: 600;
	float: left;
	margin-top: 18px;
	margin-left: 5px;
	
	
}

#EducateContent2 H2.subitem 
{
	
	border: #86abdc 1px solid;
	background-color: #fff;
	font-weight: normal;
	padding: 3px 9px 3px 9px;
	margin: -1px 0px 0px 0px;
	font-family: arial, helvetica, Sans-Serif;
	font-size: 12px;

}

#EducateContent2 H2.contentheading {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #ccc;
	border: #000 1px solid;
	
	
}

#EducateContent2 H2.contentbody {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #fff;
	border: #000 1px solid;
	
	
}

#EducateContent2 H2.subheading {
	margin-top: 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding:  6px 3px 3px 3px;
	color: #000; /* bold sub content header */
	background-color: #fff;
	width: 100%;
	border: none;
	

}



#EducateContent2 H3.subheading {
	margin-top: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #000; /* bold sub content header */
	background-color: #fff;
	width: 100%;
	border: none;
	

}

#EducateContent2 H3.rightheading {
	margin-top: 0px;
	font-size: 12px;
	color: #000; 
	background-color: #fff;
	width: 100%;
	border: none;
	text-align:right;

}

#EducateContent2 H3.monthlyheading {
	margin-top: 0px;
	font-size: 12px;
	color:Red; 
	background-color: #fff;
	width: 100%;
	border: none;
	text-align:right;

}




#EducateContent2 h4 {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	margin: 0px 0px 0px -2px;
	padding:10px 9px 10px 9px;
	background-color: #fff;
	width: 100%; 
	height: 187px;
	border: #000 1px solid;

}



#EducateContent2 H4.contentbody {
	margin-top: 0px;
	font-size: 14px;
	line-height: 16px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 content body */
	background-color: #fff;
	border: #000 1px solid;
	width: 100%;
}

#EducateContent2 p 
{
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	height: 50px;

}

#EducateContent2 ul
{
	list-style-position: outside;
	list-style-type: square;
	font-size: 12px;
	font-weight: normal;
	margin:  0px 0px 0px 40px;
}



#EducateContent2 h5 
{
	
	border: #86abdc 1px solid;
	font-weight: normal;
	padding:3px 9px 3px 9px;
	margin: 5px 0px 0px 0px;
	
	
}
#EducateContent2 .menuimage {
	float: left;
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	width: 322px;
	height: 210px; /* images should be 322 x 210 */
}

#EducateContent2 .costmap {
	float: left;
	border-bottom: #86abdc 1px solid;
	border-left: #86abdc 1px solid;
	border-right: #86abdc 1px solid;
	border-top: #86abdc 1px solid;
	width: 322px;
	height: 288px; /* images should be 322 x 210 */
}



#EducateContent2 Table.contenttable
{
width: 650px;
font-weight: normal;
margin: 0px 0px 0px 0px;
height: 25px;
border-top: #86abdc 1px solid; 

}
/* ------------------------------------------
Educate channel - Monthly - KM
------------------------------------------ */

#EducateContent2 H2.monthlystyle1heading {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #ccc;
	border: #000 1px solid;
	width: 218px;
	float:right;
	
	
}

#EducateContent2 H2.monthlystyle1body {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #fff;
	border: #000 1px solid;
	width: 218px;
	height: 180px;
	float:right;
	
	
}

#EducateContent2 H2.monthlystyle2heading {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #ccc;
	border: #000 1px solid;
	width: 215px;
	float:left;
	
	
}

#EducateContent2 H2.monthlystyle2body {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #fff;
	border: #000 1px solid;
	width: 215px;
	height: 180px;
	float:left;
	
	
}

#EducateContent2 H2.monthlystyle3heading {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #ccc;
	border: #000 1px solid;
	width: 210px;
	float:none;
	
}

#EducateContent2 H2.monthlystyle3body {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #fff;
	border: #000 1px solid;
	width: 210px;
	height: 180px;
	
}

#EducateContent2 H2.monthlystyle4heading {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #ccc;
	border: #000 1px solid;
	width: 320px;
	float:right;
	
	
}

#EducateContent2 H2.monthlystyle4body {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #fff;
	border: #000 1px solid;
	width: 320px;
	height: 170px;
	float:right;
	
}

#EducateContent2 H2.monthlystyle5heading {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #ccc;
	border: #000 1px solid;
	width: 325px;
	float:left;
	
}

#EducateContent2 H2.monthlystyle5body {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #000; /* color of h2 headlines */
	background-color: #fff;
	border: #000 1px solid;
	width: 325px;
	height: 170px;
	float:left;
	
}

#EducateContent2 H2.spanishboxheading {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #345f8d; /* color of h2 headlines */
	background-color: #CFD8E6;
	border: #86abdc 1px solid;
	width: 218px;
	float:right;
	
	
}

#EducateContent2 H2.spanishboxbody {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding:  3px 3px 3px 3px;
	color: #345f8d; /* color of h2 headlines */
	background-color: #fff;
	border: #86abdc 1px solid;
	width: 218px;
	height: 116px;
	float:right;
	
	
}

/* styles for Educate Quiz --------------------------------------------- */

#EducateQuiz {
	margin: 0px 0px 0px 30px; /* no navigation - 145px leftmargin */
	padding-top: 5px;
	padding-left: 5px;
	border-left: 1px solid #FFF;
	background-color: #FFF;
	max-width: 600px; /* necessary for mozilla browsers */
	font-family: arial, helvetica, Sans-Serif;
	
}

#EducateQuiz H1 {
	color: #FFF;
	background-color: #000;
	font-size: 18px;
	font-weight: normal;
	line-height: 16px;
	margin: 0px 0px 0px -2px;
	padding: 3px 9px 3px 9px;
	border-bottom: #fff 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid; 
	width: 400px;
	 
}

#EducateQuiz h4 {
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	margin: 0px 0px 0px -2px;
	padding:10px 9px 10px 9px;
	background-color: #ccc;
	width: 400px; 
	height: 187px;
	border: #000 1px solid;

}

/* hidden paragraphs for My Health Guide --------------------------------------------- */
.reveal { display: none; }

div.reveal
{
	background-color: #fff;
	border: 0px;
	border-color: #fff;
	margin-bottom: 0px;
	
}