/* 
width: equals width of image, height: is calculated by
image height / 2 - padding (3).  
eg.   48 / 2 - 3 = 21
*/


/* small origional image*/
a.button1, a.button1:visited {
        display:block;

        width:185px;
        height:18px;
        padding-top:3px;

        background:url(images/short.png) top center no-repeat;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
        color:#000000;
        font-weight:bold;
        text-align:center;
        text-decoration:none;
}
a.button1:hover {
        background-position:bottom center;
}


/*larger new image*/

a.button2, a.button2:visited {
        display:block;

        width:295px;
        height:18px;
        padding-top:3px;

        background:url(images/long.png) top center no-repeat;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
        color:#000000;
        font-weight:bold;
        text-align:center;
        text-decoration:none;
}
a.button2:hover {
        background-position:bottom center;
}