A:link {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
A:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
A:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

img
{
	border:0;
} 

a.ImageLink:hover 
{
	cursor: hand;
}

.ImageLink
{
	text-decoration: none;
	    border:none 0;
}

A.subnavtext:link 
{
	color: #003EF0;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	margin-bottom:0px;
	padding-bottom:0px;
	vspace:0px
}
A.subnavtext:visited {
	color: #003EF0;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;

}
A.subnavtext:hover {
	color: #003EF0;
	font-weight: normal;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
}

.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #000000;
	line-height: 22px;
}
p, .table6content, .table7content
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

p.smalltext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #003EF0;
	text-align:center;
    vertical-align:text-top;
	margin-bottom:10px;
}

.smltxt {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
}
.sectiontitle {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #8d8e8d;
}

A.secnavtext:link 
{ 
	color: #0099FF; 
	text-decoration: none; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt
	line-height: 0px;
	padding-bottom:0px;
}

A.secnavtext:visited 
{ 
	color: #0099FF; 
	text-decoration: none ; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt
	line-height: 0px;
	padding-bottom:0px;
}

A.secnavtext:hover 
{ 
	color: #0099FF; 
	text-decoration: underline; 
	font-weight: bolder; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt
	line-height: 0px;
	padding-bottom:0px;
}

.table2content 
{ 
	background-color: #FFFFFF; 
	color: #66CC33; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold
}

.table5content 
{ 
	background-color: #FFFFFF; 
	color: #CC66FF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold}
	
.table4content 
{ 
	background-color: #FFFFFF; 
	color: #00CCCC; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	letter-spacing:normal; 
	word-spacing: normal; 
	font-weight: bold
}


/*---------------------------------------------------------------------------------------------
			Section here are the styles used by the popup window when the user
			clicks on an image to view a larger version
			merriganj December 2009
----------------------------------------------------------------------------------------------*/

/*as I want this to appear in the center of the popup window, setting the style=text-align:center; for the div that the
link will live doesn't work in firefox, to overcome that I set the margin of the button to be a little less than half the
size of the pop up window */

a.hls:link,   
a.hls:visited,   
a.hls:active 
{
	background: #ffffff;
	border: solid 3px #c6e9f7;
	color: black;
	display: block; 
	font-family:verdana,Helvetica;
	font-variant:small-caps;
	font-size: 12px;
	font-weight:bold;
	margin:2pt 1pt 1pt 4pt;
	padding:4pt 1pt 4pt 1pt; 
	text-align: center; 
	text-decoration: none;
	vertical-align: middle;
	width: 150px;
	font-weight: bold;
	margin-left:295px;
} 

a.hls:hover 
{
	background: white;
	display:block;
	cursor: hand;
	color: black;
	font-style: none;
	font-weight: bolder;
	text-decoration: none;
	border: solid 3px #5FC8EF;
	margin-left:295px;
}

/* this is the style assigned to the images <a href> tag in the NYSA page, just sets the cursor to be the hand and when hovered makes the image lighter */
a.hand:link,   
a.hand:visited,   
a.hand:active 
{
	cursor: hand;
	/*opacity:.5;
	filter: alpha(opacity=50);
	zoom:1;*/
}

a.hand:hover
{
	cursor: hourglass;
	opacity: .75;
	filter: alpha(opacity=75);
	zoom: 1; /* this is for internet explorer who needs the zoom in order to be able to apply the opacity filter */
}

/* the div wrapper - all subsquent page divs will be wrapped in this...nb this must match or be a pixel bigger than the alloacted size of the page */
#wrapper
{
	position:absolute;
	left:0;
	top:0;
	width:751;
	margin-left:0;
	background-color:white;
	border:solid 0px orange; 
}
/* this will wrap banner, page content and footer into a control div 
adjust this height to give more space to text, image etc (nb. you will push the footer down though
so you may have to increase the size of the popup page size)
*/
#contentWrap
{
	height:300;
	border:solid 0px green; 
}

/*Top part of the page - area where the logo/image will sit */
#banner
{
	border:solid 0px red; 
	width:100%;
	height:103px;
	background-color:#c6e9f7;
	margin-bottom:5px
}

/* left column, should you wish to add page links etc to the popup - please note, should you want to include
this on the pop-up you will have to adjust the contentDIV (float, width etc values) */
#leftcolumn
{
	float:left;
	border:solid 0px blue;
	width:20%;
	height:100%;
	background-color:white;
}

/* The section below the top area, all text images etc will live in this area 
if using the leftcolumn, you will have to adjust the left (to be slightly greater than space
allocated to leftcolumn value and reduce the width (max width - width of leftcolumn)
*/
#contentDIV
{
	float:right;
	left:0%;
	top:120;
	width:100%;
	height:100%;
	border:solid 0px blue;
	background-color:white;
}

/*footer div */
#footer
{
	position:fixed;
	bottom:0;
	left:0;
	border:solid 0px black;
	height:60px;
	width:100%;
	margin-top:10px;
	background-color:
	white;
	text-align:center;
}

/*display a popup message tellling the customer they can dispaly this in a bigger window */
a.info
{
    position:relative; /*this is the key*/
    z-index:24; 
	background-color:#C0C0C0;
    color:#000;
    text-decoration:none;
}

a.info:hover
{
	z-index:25; 
	background-color:white;
}

a.info span
{
	display: none;
}

a.info:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	/*display above rather than below the bit of text*/
    top:-2em; 
	left:-2em; 
	width:45em;
    border:1px solid black;
    background-color:#c6e9f7; color:#000;
    text-align: center;
}

a.info:visited
{
	text-decoration: none;
}

/* To use the above, enter something like the following:
<a href="#" class='info'>Word or phrase to highlight<span>Enter the text you want to appear in the popup here</span></a>

/*---------------------------------------------------------------------------------------------
			end section for pop-up page design divs
----------------------------------------------------------------------------------------------*/