/*Special Hyper-Links*/

a.sg:link {text-decoration: none; color: 009000}
a.sg:visited {text-decoration: none; color: 009000}
a.sg:hover {text-decoration: underline; color: 000080}

a:hover {color: FF0000}




/*Wide 10px Text Home Page, Top Level Nav, Inquiry, Back to Previous Step & Save and Continue Buttons - Link, Hover & Active States*/

/*Div Width Setting: 4 Buttons: 622   3 Buttons: 466   2 Buttons: 310   1 Button: 155*/

/*No a-record tag required*/ 


#wl ul 
{
margin: 0px;
text-align: center;
padding: 0px;
}

#wl li
{
margin: 0px;
display: inline;
list-style: none;
}

#wl a
{
padding-top: 4px;
width: 155px;
height: 23px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
float: left;
color: #000000;
background-image: url('../styles/wl.gif');
background-repeat: no-repeat;
margin: 0px;
}

/*FireFox Position Fix*/

html>/**/body #wl a
{
height: 17px;
}

#wl a:link, #wl a:visited
{
color: #000000;
text-decoration: none;
}

#wl a:hover
{
color: #FF0000; 
background-image: url('../styles/wh.gif');
}

#active a:link, #active a:visited, #active a:hover
{
background-image: url('../styles/wa.gif');
background-repeat: no-repeat; 
color: #FFFFFF
}

/*Small 10px Text Header Buttons - Link, Hover & Active States*/

/*Div Width Setting: 4 Buttons: 400   3 Buttons: 300   2 Buttons: 200   1 Button: 100*/

/*Requires Class H in HTML Hyperlink Tag*/ 

#hl ul
{
margin: 0px; 
text-align: center;
padding: 0px;
} 

#hl li
{
margin: 0px; 
display: inline;
list-style: none;
}

#hl a.h
{
padding-top: 4px;
width: 70px;
height: 23px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
float: left;
color: #000000;
background-image: url('../styles/hl.gif');
background-repeat: no-repeat;
margin: 0px;
}

/*FireFox Position Fix*/

html>/**/body #hl a.h 
{
height: 17px;
}

#hl a.h:link, #hl a.h:visited
{
color: #000000;
text-decoration: none;
}

#hl a.h:hover
{
color: #FF0000; 
background-image: url('../styles/hh.gif');
}

#active a.h:link, #active a.h:visited, #active a.h:hover
{
background-image: url('../styles/ha.gif');
background-repeat: no-repeat; 
color: #FFFFFF
}


/*E-COM Buttons - Link, Hover & Active States*/

/*Div Width Setting: 4 Buttons: 622   3 Buttons: 466   2 Buttons: 310   1 Button: 155*/

/*Requires Class e in HTML Hyperlink Tag*/ 


#el ul 
{
margin: 0px;
text-align: center;
padding: 0px;
}

#el li
{
margin: 0px;
display: inline;
list-style: none;
}

#el a.e
{
padding-top: 4px;
width: 250px;
height: 23px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
float: left;
color: #000000;
background-image: url('../styles/el.png');
background-repeat: no-repeat;
margin: 0px;
}

/*FireFox Position Fix*/

html>/**/body #el a.e
{
height: 17px;
}

#el a.e:link, #el a.e:visited
{
color: #000000;
text-decoration: none;
}

#el a.e:hover
{
color: #FF0000; 
background-image: url('../styles/eh.png');
}

/*ACTIVE STATE BELOW NOT USED*/

#active a.e:link, #active a.e:visited, #active a.e:hover
{
background-image: url('../styles/ea.png');
background-repeat: no-repeat; 
color: #FFFFFF
}
