/*
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; line-height: 36px;
 text-align: center; text-decoration: none; }

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; }

/* ToTop Button start */
#back-top {	position:fixed; bottom:30px; margin-left:80px; }
#back-top a { display:block; width:68px; height:36px; line-height:36px;
 background: transparent url(bttn068.gif) no-repeat; 
 text-align:center; text-decoration:none; font-weight:normal; color:navy; }
#back-top a:hover { background-position: bottom left; color: blue; }
/* ToTop Button end */

/* 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; }
 
a.bttn_flex { display:block; float:left; height: 36px; line-height: 36px; padding-left: 18px;
 background: transparent url(bttnflex_left.gif) no-repeat top left; color:navy;
 text-decoration: none; outline: none; font-weight:normal; font-family: Verdana, Arial, sans-serif; font-size:medium; }
a:hover.bttn_flex { color:blue; background-position: bottom left; }
a.bttn_flex span { display: block; padding: 0 18px 0 0;
 background: transparent url(bttnflex_right.gif) no-repeat top right; }
a:hover.bttn_flex span { background-position: bottom right; }

a.bttn_flex22 { display:block; float:left; height:22px; line-height:22px; padding-left: 11px;
 background: transparent url(bttnflex22_left.gif) no-repeat top left; color:navy;
 text-decoration:none; outline:none; font-weight:normal; font-family: Verdana, Arial, sans-serif; font-size:16px; }
a:hover.bttn_flex22 { color:blue; background-position: bottom left; }
a.bttn_flex22 span { display: block; padding: 0 11px 0 0;
 background: transparent url(bttnflex22_right.gif) no-repeat top right; }
a:hover.bttn_flex22 span { background-position:bottom right; }

a.bttn_flex30, a:link.bttn_flex30, a:visited.bttn_flex30, a:hover.bttn_flex30, a:active.bttn_flex30 {
 display:block; float:left; height:30px; line-height:30px; padding-left:15px;
 background:transparent url(header_flex_left.gif) no-repeat top left; color:blue;
 text-decoration:none; font-weight:normal; font-family: Verdana, Arial, sans-serif; outline:none; }
a:hover.bttn_flex30 { text-decoration:none; background-position:bottom left; color:navy; }
a.bttn_flex30 span { display: block; padding: 0 15px 0 0;
 background: transparent url(header_flex_right.gif) no-repeat top right; }
a:hover.bttn_flex30 span { background-position:bottom right; }

/*
a.bttn26, a.bttn26:link, a.bttn26:visited, a.bttn26:hover, a.bttn26:active {
	display:block; float:left; height:26px; line-height:26px; padding-left: 10px;
	background: transparent url(bttn26_left.gif) no-repeat top left;
	color:navy; text-decoration:none; font-size:medium; }
*/
/* a.bttn_all { font-family: "Courier New", Courier, monospace; } */

/*
a.bttn26:hover { background-position:bottom left; color:blue; }
a.bttn26 span { display:block; padding-right:10px; 
	background: transparent url(bttn26_right.gif) no-repeat top right; }
a.bttn26:hover span { background-position:bottom right; }
*/

/*
div.bttn_all { float:left; width:32px; margin:0 0 4px 4px; text-align:center; 
 font-weight:bold; border:1px outset black; }
div.bttn_all_opened { background-color:#eee; }
div.bttn_all_hover { background-color:#eee; }
*/

a.bttn_new, a.bttn_new:link, a.bttn_new:visited, a.bttn_new:hover, a.bttn_new:active {
 display:block; float:left; height:30px; line-height:30px; padding:0 4px;
 color:navy; text-decoration:none; text-align:center; font-weight:normal;
 background:transparent url(bttn30.jpg) repeat-x;
 border-right:1px solid silver; border-left:1px solid white; }
a.bttn_new:hover { background-position: bottom left; color: blue; }