/*
a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
a:active MUST come after a:hover in the CSS definition in order to be effective!!
*/ 
a.bttn068:link, a.bttn068:visited, a.bttn068:hover, a.bttn068:active,
a.bttn136:link, a.bttn136:visited, a.bttn136:hover, a.bttn136:active,
a.bttn160:link, a.bttn160:visited, a.bttn160:hover, a.bttn160:active,
a.bttn184:link, a.bttn184:visited, a.bttn184:hover, a.bttn184:active,
a.bttn220:link, a.bttn220:visited, a.bttn220:hover, a.bttn220:active,
a.bttn068a:link, a.bttn068a:visited, a.bttn068a:hover, a.bttn068a:active,
a.bttn136a:link, a.bttn136a:visited, a.bttn136a:hover, a.bttn136a:active,
a.bttn160a:link, a.bttn160a:visited, a.bttn160a:hover, a.bttn160a:active,
a.bttn184a:link, a.bttn184a:visited, a.bttn184a:hover, a.bttn184a:active,
a.bttn220a:link, a.bttn220a:visited, a.bttn220a:hover, a.bttn220a:active
{ display: block; width: 68px; height: 36px; background: transparent url(bttn068.gif) no-repeat;
  color: navy; font: medium Verdana, Geneva, Arial;
 text-align: center; text-decoration: none; line-height: 36px;}

a.bttn068a:link, a.bttn068a:visited, a.bttn068a:hover, a.bttn068a:active,
a.bttn136a:link, a.bttn136a:visited, a.bttn136a:hover, a.bttn136a:active,
a.bttn160a:link, a.bttn160a:visited, a.bttn160a:hover, a.bttn160a:active,
a.bttn184a:link, a.bttn184a:visited, a.bttn184a:hover, a.bttn184a:active,
a.bttn220a:link, a.bttn220a:visited, a.bttn220a:hover, a.bttn220a:active
{ font-weight: bold; }
 
a.bttn136:link, a.bttn136:visited, a.bttn136:hover, a.bttn136:active,
a.bttn136a:link, a.bttn136a:visited, a.bttn136a:hover, a.bttn136a:active { width: 136px; background-image: url(bttn136.gif); }
a.bttn160:link, a.bttn160:visited, a.bttn160:hover, a.bttn160:active,
a.bttn160a:link, a.bttn160a:visited, a.bttn160a:hover, a.bttn160a:active { width: 160px; background-image: url(bttn160.gif); }
a.bttn184:link, a.bttn184:visited, a.bttn184:hover, a.bttn184:active,
a.bttn184a:link, a.bttn184a:visited, a.bttn184a:hover, a.bttn184a:active { width: 184px; background-image: url(bttn184.gif); }
a.bttn220:link, a.bttn220:visited, a.bttn220:hover, a.bttn220:active,
a.bttn220a:link, a.bttn220a:visited, a.bttn220a:hover, a.bttn220a:active { width: 220px; background-image: url(bttn220.gif); }

a.bttn068:hover, a.bttn136:hover, a.bttn160:hover, a.bttn184:hover, a.bttn220:hover,
a.bttn068a:hover, a.bttn136a:hover, a.bttn160a:hover, a.bttn184a:hover, a.bttn220a:hover
{ background-position: bottom left; color: blue; }

/* a.bttn068 span, a.bttn136 span, a.bttn160 span, a.bttn184 span, a.bttn220 span { margin-left: 10px; } */

/* the order is important: link, visited, hover, active */
/*
a.readmore:link, a.readmore:visited, a.readmore:hover, a.readmore:active 
{ display: block; width: 130px; height: 22px; 
 background: transparent url(bttn_read_more.gif) no-repeat; text-align: center; 
 color: navy; font: small Verdana, Geneva, Arial; line-height: 22px; text-decoration: none; }
a.readmore:hover { margin: 0 0 0 3px; color: black; }
*/

a.readmore2:link, a.readmore2:visited, a.readmore2:hover, a.readmore2:active {
 display: block; width: 120px; height: 22px; background: transparent url(bttn_read_more_02.gif) no-repeat;
 color: navy; font: small Verdana, Geneva, Arial;
 text-align: center; text-decoration: none; line-height: 22px;}
 
a.readmore2:hover { background-position: bottom left; color: blue; }

div.bigbttn { float: left; width: 200px; height: 200px; padding: 20px 0 0 0; margin: 0 15px 0 0;
 text-align: center; background: transparent url(bttnstart.jpg) no-repeat; }