/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                                  Generic Styles for HTML elements                                                                                                                                                                    */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
BODY
{
	scrollbar-face-color: #6666FF;
	scrollbar-shadow-color: darkslateblue;
	scrollbar-highlight-color: lightslateblue;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
	scrollbar-arrow-color: white;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	FONT-SIZE: 12pt;
	COLOR: black;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: white;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: justify;
}

/* Horizontal Rule */
HR 
{
    BORDER-RIGHT: #6666FF thin groove;
    BORDER-TOP: #6666FF thin groove;
    BORDER-LEFT: #6666FF thin groove;
    BORDER-BOTTOM: #6666FF thin groove
}

/* Heading 1*/
H2
{
}

/* Heading 2 */
H2
{
}

/* Heading 3 */
H3
{
    MARGIN-BOTTOM: 4px;
    PADDING-BOTTOM: 0px;
}

/* Links */
A:link        {color:#2400ff;text-decoration:none;}
A:visited {color:#2400ff;;text-decoration:none;} /* links look the same whether they are visited or not */
A:hover      {text-decoration: underline;} /* underline on mouseover */

/* Tables and Cells */
TABLE {
	/* By default, tables fill the allowable height and width, have a little margin inside the cells, but have no border */
	width:100%; 
	border-spacing:2; 
	border-collapse:collapse; 
	border:1;
	}
TR {/* nothing special at this time */}
TD {vertical-align:top;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Custom formatting for named elements                                                                                                                                                                                                */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* The main content area  layout*/
.wholePageTable 		{width:900px; height:100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-collapse:separate;border-spacing:0px;}
.pageLeftMenu		{width:220px; BACKGROUND-COLOR:#6862FF; BORDER-RIGHT:3px solid black;}
.pageCenterRegion 	{width:*; BACKGROUND-COLOR:white; text-align: justify;}

/* The Banner and Center Region */
.PageContentFixedWidth {margin:20px; }
.lifeExpectancyProjectBanner {
	BACKGROUND-COLOR:#6862FF; 
	width:100%; /* fit inside the fixed width container */ 
	border: 5px solid black; 
	text-align:center; 
	vertical-align:middle; 
	border-collapse:separate;
	border-spacing:3px; 
    margin-left:auto; 
    margin-right:auto;
	}
.lifeExpectancyProjectBannerRow1{
	FONT-SIZE: 11pt; 
	COLOR: white; 
	font-family: Times New Roman; 
	letter-spacing: 2px;
	font-weight: bold ;
	padding-top:10px
}
.lifeExpectancyProjectBannerRow2{
	FONT-SIZE: 42pt; 
	COLOR: black; 
	font-family: Times New Roman; 
	letter-spacing: 0px;
	font-weight: bold ;
	padding-bottom:10px;
	font-style: italic;
}
.lifeExpectancyProjectBannerRow3{
	FONT-SIZE: 11pt; 
	COLOR: white; 
	font-family: Times New Roman; 
	letter-spacing: 2px;
	font-weight: bold ;
	padding-bottom:10px;
}

/* The Left Menu */
.leftMenuTable {
	width:90%;
	text-align:left;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	border-spacing:0px; 	
	border-collapse:separate;
}
.leftMenuBackground   {BACKGROUND-COLOR:#6862FF; COLOR:#6862FF; BORDER-RIGHT:3px solid black;  width:220; }
.leftMenuCategory
{
    COLOR: black;
    FONT-FAMILY: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 18px;
    FONT-STYLE: Italic;
    FONT-WEIGHT: Normal;
    BORDER-bottom: 1px solid black;
	padding-bottom: 0px;
    padding-left:10px;
}
.leftMenuCell
{
    color: #ffffff;
    Height:20px;
    Width:180px;
    PADDING-LEFT: 16px;
	padding-bottom: 4px;
	padding-top: 4px;
}
A.leftMenuLink
{
    COLOR: #ffffff;
    FONT-FAMILY: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 12px;
    FONT-STYLE: Normal; 
    FONT-WEIGHT: thin;
    TEXT-DECORATION:none;
}
A.leftMenuLink:hover
{
    text-decoration: underline;
}
A.leftMenuLinkActive
{
    COLOR: #6862FF;
    FONT-FAMILY: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 12px;
    FONT-STYLE: normal; 
    FONT-WEIGHT: Normal;
    TEXT-DECORATION:none;
}
A.leftMenuLinkActive:hover
{
    text-decoration: none;
}


/* Not sure what this stuff is used for */
.bodyCell                   {PADDING-RIGHT: 30px;}
A.navbutton
{
    BORDER: black 2px solid;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: #4444dd;
    FONT-VARIANT: none;
    TEXT-DECORATION: none;
    HEIGHT:20px;
    WIDTH:150;
    TEXT-ALIGN:center;
    
}
navbuttonA.navbutton:hover
{
    BACKGROUND-COLOR: #6666FF;
}
.shadowed
{    
    filter:DropShadow(color:#444444, offX:-3, offY:3, positive:true)  ;
}
.heavyshadowed
{    
    filter:Glow(Color=#000000, Strength=0) DropShadow(color:#444444, offX:-3, offY:3, positive:true)  ;
}