html,

a, a:link, a:visited {
    position:relative; 
    z-index:24; 
    color:#807B7B;
    }

/*////////////////////////////////*/
/* This is for the CSS tooltip    */
/*////////////////////////////////*/
a:hover{z-index:25;}

a span{display: none}

a:hover span{ 
    display:block;
    position:absolute;
    margin-left :-240px;
    margin-top :10px;
    top: 5px;
    left: 30px; 
    width:300px;
    background: azure;
    border: 1px solid darkslategray;
    padding: 10px;
    font: 10px Tahoma, sans-serif; 
    text-decoration: none;}
/*////////////////////////////////*/

body {
margin:0;
height:100%;
text-align: center;
font-family:Verdana;
font-size: 70%;
color:#807B7B;
}

html>/**/body .nogap {margin-top: -11px;} /*fix gap at top on firefox*/

.StandardBackground
{
background-image:url(../images/greybg.gif);
background-repeat:repeat-y;
background-position:center;	
}

.FirstCallBackground
{
background-image:url(../images/firstcallbg.gif);
background-repeat:repeat-y;
background-position:center;	
}

img{border:none}

h2.emaillink{color:#807B7B; text-decoration:underline}
span.home-heading-intro{color:#1292CE; font-size:105%; font-weight: bold;}
span.home-heading-eligibility{color:#D27C22; font-size:105%; font-weight: bold;}
span.home-heading-critdates{color:#A70A0A; font-size:105%; font-weight: bold;}
span.home-critdates{color:#A70A0A; font-size:105%; font-weight: bold;}
span.home-NewNoticesHighlight{color:#A70A0A; font-size:100%; }
span.home-critdates-underline{color:#A70A0A; font-size:105%; font-weight: bold;text-decoration:underline}

#NewNoticesScroll
{
	height:180px;
	overflow-y:auto;
}
#NewNoticesScroll, #NewNoticesScroll a,#NewNoticesScroll a:visited,#NewNoticesScroll a:hover
{
    position:relative; 
    color:#807B7B;
}

#NewNoticesScroll span.home-NewNoticesHighlight a,
#NewNoticesScroll span.home-NewNoticesHighlight a:hover,
#NewNoticesScroll span.home-NewNoticesHighlight a:visited
{
	color:#A70A0A; font-size:100%;
}

li.eligibility{padding: 5px;}
li.home-eligibility{padding: 2px;}

.alignright{text-align:right}
.aligncenter{text-align:center}
.alignleft{text-align:left}

.underline{text-decoration:underline}

.width20{width:20%}
.width25{width:25%}

ul.tablecell
{
    display:block;
    padding:0px;
    margin: 0px 0px 0px 16px;
}

#container
{
position:relative;
margin: 0 auto;
width:1002px;
min-height:94%;
background-color:white;
}
*html #container{ height:94%; }

#header
{
width:1002px;
height:118px;
}
#header-FirstCall
{
width:1002px;
height:132px;
}
#footer {
position:relative;
bottom:0;
left:0;
width:1002px;
height:44px;
margin-left: auto ;
margin-right: auto ;
background-image:url(../images/FooterBG.jpg);
background-repeat:repeat-x;
background-position:top;
}

#bodyhome{
text-align:left;
padding-left:10px;
padding-right:10px;
padding-top:5px;
margin-bottom:60px;
}

#body{
text-align:left;
padding-left:10px;
padding-right:10px;
padding-top:5px;
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
margin-bottom:60px;
}

#left {
float: left;
width: 200px; /*Width of left column*/
padding-left: 6px;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 60px;
}

#Heading
{
text-align:left;
font-weight:bold;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
font-size: 120%;
color:#807B7B;
border-bottom: 1px solid #807B7B;
}
#Heading-FirstCall
{
text-align:left;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

.FirstCallHeadingText
{
	font-size: 120%;
	color:#D16106;
	border-bottom: 1px solid #807B7B;
	font-weight:bold;
}

#home-eligibility {
float: left;
width: 55%;
margin-right:20px;
}

#home-critdates 
{
    float:left;
    /*width: 42%; used when calls are active */
    width:820px;
}

#Claim-critdates
{
    width: 168px;
    display: block;
    margin-left: auto;
    margin-right: auto 
}


#MoreInformation
{
    text-align:left;
    width: 168px;
    display: block;
    margin-left: auto;
    margin-right: auto 
}

#MoreInfoList
{
	position:relative;
	left:-10px;
}
ul li.PDF  
{
	list-style-image: url("/EmploymentSubsidyDotie/images/pdfBullet.gif");
	/*padding-bottom: 4px; */
	vertical-align: top;
} 


.height-control
{
height: 210px;
color: #807B7B;
}
*html #height-control{min-height:200px;}

.height-control-ClaimsDates
{
height: 150px;
color: #807B7B;
}
*html #height-control-ClaimsDates{min-height:200px;}

.cleardivs
{
    clear:both;
}

.top-left-heading, .top-right-heading, .bottom-left-heading, .bottom-right-heading { 
	background-image:  url(../images/RoundedDiv/SilverFadedHeading2.gif);  /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left-heading, .bottom-left-heading { 
	margin-right: 9px; /* CHANGE: replace by  the width of one of your corners */
	}
.top-right-heading, .bottom-right-heading { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right-heading {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left-heading  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right-heading { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside-heading {
	border-left: 1px solid #D8D8D8; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #D8D8D8;/* YCC: color & properties of the right-borderline */
	/*background: #F1F1F1;*/
	background-image:  url(../images/RoundedDiv/silverDivBG.gif);
	background-repeat:repeat-x;
	background-position:top;
	 /*color: #000000;                 YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

/***********************************************************************************************
RED VERSION
***********************************************************************************************/

.redtop-left-heading, .redtop-right-heading, .redbottom-left-heading, .redbottom-right-heading { 
	background-image:  url(../images/RoundedDiv/RedFadedHeadingFade.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.redtop-left-heading, .redbottom-left-heading { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.redtop-right-heading, .redbottom-right-heading { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.redtop-right-heading {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.redbottom-left-heading  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.redbottom-right-heading { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.redinside-heading {
	border-left: 1px solid #D8D8D8; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #D8D8D8;/* YCC: color & properties of the right-borderline */
	/*background: #F1F1F1;*/
	background-image:  url(../images/RoundedDiv/RedGradient.gif);
	background-repeat:repeat-x;
	background-position:top;
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
}

/***********************************************************************************************
GOLD VERSION
***********************************************************************************************/

.goldtop-left-heading, .goldtop-right-heading, .goldbottom-left-heading, .goldbottom-right-heading { 
	background-image:  url(../images/RoundedDiv/GoldFadedHeading.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.goldtop-left-heading, .goldbottom-left-heading { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.goldtop-right-heading, .goldbottom-right-heading { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.goldtop-right-heading {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.goldbottom-left-heading  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.goldbottom-right-heading { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.goldinside-heading {
	border-left: 1px solid #D8D8D8; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #D8D8D8;/* YCC: color & properties of the right-borderline */
	/*background: #F1F1F1;*/
	background-image:  url(../images/RoundedDiv/GoldGradient.gif);
	background-repeat:repeat-x;
	background-position:top;
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
}

.Fulltop-left-heading, .Fulltop-right-heading, .Fullbottom-left-heading, .Fullbottom-right-heading { 
	background-image:  url(../images/RoundedDiv/SilverTopAndBottom.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.Fulltop-left-heading, .Fullbottom-left-heading { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.Fulltop-right-heading, .Fullbottom-right-heading { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.Fulltop-right-heading {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.Fullbottom-left-heading  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.Fullbottom-right-heading { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.Fullinside-heading {
	border-left: 1px solid #D8D8D8; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #D8D8D8;/* YCC: color & properties of the right-borderline */
	/*background: #F1F1F1;*/
	background-image:  url(../images/RoundedDiv/silverDivBG.gif);
	background-repeat:repeat-x;
	background-position:top;
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
}

/*table stuff*/

table a,
table a:link,
table a:visited {
	border:none;
	}							
	
table {
	border-top:1px solid #D6DADD;
	border-right:1px solid #D6DADD;
	margin:1em auto;
	border-collapse:collapse;
	}
	
caption {
	color: #9ba9b4;
	font-size:85%;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
	}
		
tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#F8F8F8;
	font-size:90%;
	text-align:center;
	vertical-align: middle;
	}
td {
	color:#678197;
	border-bottom:1px solid #D6DADD;
	border-left:1px solid #D6DADD;
	vertical-align:middle;
	text-align:left;
	font-size:85%;
	padding:5px;
	}				
th {
	font-weight:normal;
	color: #678197;
	vertical-align:top;
	text-align:left;
	border-bottom: 1px solid #D6DADD;
	border-left:1px solid #D6DADD;
	padding:.1em 1em;
	}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 80%/2em "Tahoma";
	color:#1292CE;
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 1.2em "Tahoma";
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	

.MoreInfoCell1
{
	width:20px;
	float:left;
}
.MoreInfoCell2
{ 
	padding-left:5px;
	float:right;
}
/************************
Homepage specific stuff
**************************/
#HomeTextHeader
{
	width:100%;
	padding-bottom:10px;
}
#HomeTextHeaderCell1
{
	width:820px;
	float:left;
	padding-top:7px;
}
#HomeTextHeaderCell2
{
	float:right;
	padding-top:7px;
}	


/*************************
FAQ Specific
**************************/

dt {
	font-weight: bold; 
	margin: 15px 40px 5px;
	cursor: pointer;
	text-decoration: underline;
	color: #BD4A18;
}

	dt:before {
		background-color: #BD4A18;
		font-weight: normal;
		
		margin-left: -35px;
		position: relative;
		top: 10px;
	}


dd {
	margin: 25px 70px 0px;
	padding-bottom: 12px;
	line-height: 150%;	
	}
	
	dd:before {
		background-color: #FFD87D;
		
		margin-left: -38px;
		position: relative;
		top: 10px;
	}


	
.show {display: block;}
.hide {display: none;}	

.IndentNotices
{
	padding-left:20px;
}
.GreenHeading
{
	color:#227312;
	font-weight:bold;
}