body { 
	font-size:95%;
	background-color:#666666; 
	color:#333333;
	/*color:#000066;*/
	/*color: #333;*/
}

img {	border-style: none; }

body, p, ol, ul, td {
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: .9em;  */
/*	    line-height: 18px;  */
}

a { color: #000099  }
a:visited { color:#000099 }
a:hover { color:#B85827 }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
    line-height: 18px;
    text-align: left;
    font-weight: bold;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
    line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: .7em;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
}

#errorExplanation {
  width: 400px;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 1em;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 1em;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid #999999;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

div.print_article {
    margin: 0px;
    padding: 0px;
    border: 1px solid #F4BF9F /*#999999*/;
	  background-color:#FFFCF4 /*#FFF7EC*/;
	 /* background-color:#FFFFFF; */
}

div.content_box {
    margin: 0px;
    padding: 0px;
    border: 1px solid #999999;
	  background-color: #EEEEEE;
}

div.comment_head {
    position:relative;
	color: #666666;
    font: normal .8em Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

div.comment_actions_rel {
	position:relative;
	top:0px;
	right:0px;
	width:100%;
	text-align:right;
	padding: 0px 0px 0px 0px;
}

div.comment_actions_abs {
	position:absolute;
	top:0px;
	right:0px;
	text-align:right;
	width:100%;
}

div.my_comment {
    margin: 0px;
    padding: 0px;
    border: 1px solid #999999;
	background-color:#FFFFFF; /*#d3e2ff  #FFE4CA*/
}

div.comment {
    margin: 0px;
    padding: 0px;
    border: 1px solid #999999;
	background-color:#C1C1FF; /*#C1C1FF #CCCCCC #D5D5FF #EAEAFF*/
}

.menubutton, a.regbutton:link,a.regbutton:visited,.menubutton:hover {
    float: left;
    display: block;
    font: normal .9em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: left;
    text-decoration: none;
  	background-color: #FFFF99;
	border-bottom: 1px solid #999999;
    height: 19px;
    line-height: 19px;
    width: 140px;
    padding: 0px 0px 0px 2px;
}

a.regbutton:hover {
    float: left;
    display: block;
    font: normal .9em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: left;
    text-decoration: none;
  	background-color: #FFFFCC;
	border-bottom: 1px solid #999999;
    height: 19px;
    line-height: 19px;
    width: 140px;
    padding: 0px 0px 0px 2px;
}

.menubuttonlev2, a.regbuttonlev2:link, a.regbuttonlev2:visited {
    float: right;
    display: block;
    font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: left;
    text-decoration: none;
  	background-color: #FFFF99;
	border-bottom: 1px solid #999999;
    height: 19px;
    line-height: 19px;
    width: 130px;
    padding: 0px 0px 0px 15px;
}

.menubuttonlev2:hover, a.regbuttonlev2:hover {
    float: right;
    display: block;
    font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: left;
    text-decoration: none;
  	background-color: #FFFFCC;
	border-bottom: 1px solid #999999;
    height: 19px;
    line-height: 19px;
    width: 130px;
    padding: 0px 0px 0px 15px;
}

.menutop {
    float: left;
    height: 3px;
    width: 142px;
		background-color: #FFCC00;
		border-bottom: 1px solid #999999;
    padding-top: 2px;
    padding-bottom: 0px;
}

.menubottom {
    float: left;
    height: 3px;
    width: 142px;
	background-color: #FFCC00;
    padding-top: 0px;
    padding-bottom: 2px;
}

.navbutton, a.navbutton:link,a.navbutton:visited,.navbutton:hover {
    display: block;
    font: normal .9em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: left;
    text-decoration: none;
 	background-color: #FFFF99;
	border-bottom: 1px solid #000000; 
  border-top: 1px solid #FF0000;
  border-right: 1px solid #999999;
    height: 19px;
    line-height: 19px;
    width: 140px;
    padding: 0px 0px 0px 2px;
}

a.navbutton:hover {
    display: block;
    font: normal .9em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: left;
    text-decoration: none;
    background-color: #FFFFCC;
  border-top: 1px solid #FF0000;
  border-right: 1px solid #999999;
	border-bottom: 1px solid #000000; 
	height: 19px;
    line-height: 19px;
    width: 140px;
    padding: 0px 0px 0px 2px;
}

.navbuttonlev2, a.navbuttonlev2:link, a.navbuttonlev2:visited {
    float: left;
	font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: left;
    text-decoration: none;
	background-color: #FFFF99;
	border-bottom: 1px solid #999999;
    height: 19px;
    line-height: 19px;
    width: 200px;
    padding: 0px 0px 0px 2px;
}

.navbuttonlev2:hover, a.navbuttonlev2:hover {
    float: left;
    font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: left;
    text-decoration: none;
	background-color: #FFFFCC;
	border-bottom: 1px solid #999999;
    height: 19px;
    line-height: 19px;
    width: 200px;
    padding: 0px 0px 0px 2px;
}

div.nav_menu_rel {
  position: relative; 
  top: -21px; 
  left: 140px;
  z-index: 3;
  width: 200px;
  }

div.nav_menu_abs {
  position: absolute; 
/*  border-top: 1px solid #999999;
  border-right: 1px solid #999999; */
  top: 0px; 
  bottom: 0px;
  left: 0px; 
  right: 0px;
  width: 201px;
  }

div.nav_menu_spacer {
  clear: both;
  width: 145px;
  }

div.spacer {
  clear: both;
  }

.adminbutton, a.adminbutton, a.adminbutton:link,a.adminbutton:visited,.adminbutton:hover {
    display: block;
    font: normal .9em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
		text-decoration:none;
    font-weight: bold;
    background: url("/images/pers-button.gif");
		height: 20px;
    line-height: 20px;
    width: 150px;
    padding: 0px 0px 0px 0px;
}

.adminbutton_m, a.adminbutton_m, a.adminbutton_m:link,a.adminbutton_m:visited,.adminbutton_m:hover {
    float: left;
    font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
		text-decoration:none;
    background: url("/images/pers_menu_m.gif");
		background-repeat:repeat-x;
		height: 20px;
    line-height: 20px;
/*    width: 150px;  */
    padding: 0px 6px 0px 6px;  /*top right bottom left*/
}

a.adminbutton_m:hover { /*including .adminbutton_m:hover in this list causes non-active links to have a rollover effect*/
    float: left;
    font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
		text-decoration:none;
    background: url("/images/pers_menu_hover_m.gif");
		background-repeat:repeat-x;
		height: 20px;
    line-height: 20px;
    padding: 0px 6px 0px 6px;  /*top right bottom left*/
}

.adminbutton_l {
    float: left;
    background: url("/images/pers_menu_l.gif");
		height: 20px;
    line-height: 20px;
    width: 6px; 
    padding: 0px 0px 0px 0px;
}
.adminbutton_r {
    float: left;
    background: url("/images/pers_menu_r.gif");
		height: 20px;
    line-height: 20px;
    width: 6px; 
    padding: 0px 0px 0px 0px;
}

.per2_wrap {
position:relative;
display:block;
}

a.per2_m:hover {
    float: left;
    font: normal .7em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
/*		font-weight:bold; */
/*		text-decoration:underline; */
    background: url("/images/pers_menu_hover_m.gif");
		background-repeat:repeat-x;
		height: 20px;
    line-height: 20px;
/*    width: 150px;  */
    padding: 0px 6px 0px 6px;  /*top right bottom left*/
}

.per2_m, a.per2_m {  /* a.per2_m:visited, a.per2_m:link Had to remove these to get the mouseover to work*/
    float: left;
    font: normal .7em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
		text-decoration:none;
    background: url("/images/pers_menu_m.gif");
		background-repeat:repeat-x;
		height: 20px;
    line-height: 20px;
    padding: 0px 6px 0px 6px;  /*top right bottom left*/
}

.per2_l, a.per2_l, a.per2_l:link,a.per2_l:visited,.per2_l:hover {
    float: left;
    background: url("/images/pers_menu_l.gif");
		height: 20px;
    line-height: 20px;
    width: 6px; 
    padding: 0px 0px 0px 0px;
}
.per2_r, a.per2_r, a.per2_r:link,a.per2_r:visited,.per2_r:hover {
    float: left;
    background: url("/images/pers_menu_r.gif");
		height: 20px;
    line-height: 20px;
    width: 6px; 
    padding: 0px 0px 0px 0px;
}




/*a.adminbutton:hover {
    display: block;
    font: normal .9em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
	text-decoration:none;
    font-weight: bold;
    background: url("/images/pers-button-hover.gif");
    height: 20px;
    line-height: 20px;
    width: 150px;
    padding: 0px 0px 0px 0px;
}
*/
/*.per2, a.per2:link, a.per2:visited {
    display: block;
    font: normal .7em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
	text-decoration:none;
    background: url("/images/pers-button.gif");
    height: 20px;
    line-height: 20px;
    width: 150px;
    padding: 0px 0px 0px 0px;
}

.per2:hover, a.per2:hover {
    display: block;
    font: normal .7em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
	text-decoration:none;
    background: url("/images/pers-button-hover.gif");
    height: 20px;
    line-height: 20px;
    width: 150px;
    padding: 0px 0px 0px 0px;
}
*/
.loginbutton, a.loginbutton, a.loginbutton:link,a.loginbutton:visited,.loginbutton:hover {
    display: block;
    font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
	text-decoration:none;
/*    font-weight: bold; */
    background: url("/images/login-button.gif");
	height: 20px;
    line-height: 20px;
    width: 85px; 
    padding: 0px 0px 0px 0px;
}

a.loginbutton:hover {
    display: block;
    font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
	text-decoration:none;
/*    font-weight: bold; */
    background: url("/images/login-button-hover.gif");
    height: 20px;
    line-height: 20px;
    width: 85px;
    padding: 0px 0px 0px 0px;
}

div.pers_menu_1 {
  position: relative; 
  top: 0px; 
  left: 1px;
  z-index: 3;
  }

div.pers_menu_2 {
  position: absolute; 
  top: 0px; 
  bottom: 0px;
  left: 0px; 
  right: 0px;
  }

div.pers_menu_3 {
  float: left;
  width: 175px;
}

div.pers_menu_abs {
  position: absolute; 
  top: 0px; 
  bottom: 0px;
  left: 0px; 
  right: 0px;
	width: 150px;
	z-index: 3;
  }
	
div.cat_rel {
  position: relative; 
  top: 0px; 
  left: 1px;
  z-index: 3;
  width: 150px;
  }

div.cat_abs {
  position: absolute; 
  top: 0px; 
  bottom: 0px;
  left: 0px; 
  right: 0px;
  width: 150px;
  }

#dynmenu {
  padding: 0px;
} 

div.float {
  float: left;
  }
 
div.floatright {
  float: right;
  }
 
div.container {
/*  border: 2px dashed #333;
  background-color: #ffe;
  z-index: 0;
*/
  }

div.spacer {
  clear: both;
  z-index: -1;
  }

div.rel {
  position: relative; 
  top: 0px; 
  left: 0px; 
  }

div.abs {
  position: absolute; 
  top: 0px; 
  bottom: 0px;
  left: 0px; 
  right: 0px;
  }

/* The below is all related to putting ROUND CORNERS on boxes */
.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
.bor_TL, .bor_TR, .bor_BL, .bor_BR {
    width: 7px; height: 7px; /*size of corner image*/
    padding: 0px; border: 0px;
    z-index: 99;
}
.bor_TL, .bor_BL { 
	float: left; 
	clear: both;
}
.bor_TR, .bor_BR { 
	float: right; 
	clear: right; 
}
.bor_TL { 
	background:url(/images/corner_tl.gif);
	margin: 0px 0px 0px 0px; 
}
.bor_TR { 
	background:url(/images/corner_tr.gif);
	margin: 0px 0px 0px 0px; 
}
.bor_BL {
	background:url(/images/corner_bl.gif);
	margin: -7px 0px 0px 0px;
}
.bor_BR {
	background:url(/images/corner_br.gif);
	margin: -7px 0px 0px 0px;
}

/* this section is for the colored rounded corners that go around Articles */
.art_bor_TL, .art_bor_TR, .art_bor_BL, .art_bor_BR {
	width: 7px; height: 7px; /*size of corner image*/
	background-repeat: no-repeat;
	padding: 0px; border: 0px;
	z-index: 99;
}
.art_bor_TL, .art_bor_BL { 
	float: left; 
	clear: both;
}
.art_bor_TR, .art_bor_BR { 
	float: right; 
	clear: right; 
}
.art_bor_TL { 
	background:url(/images/art_cor_tl.gif);
	margin: 0px 0px 0px 0px; 
}
.art_bor_TR { 
	background:url(/images/art_cor_tr.gif);
	margin: 0px 0px 0px 0px; 
}
.art_bor_BL {
	background:url(/images/art_cor_bl.gif);
	margin: -7px 0px 0px 0px;
}
.art_bor_BR {
	background:url(/images/art_cor_br.gif);
	margin: -7px 0px 0px 0px;
}
/* end of cornders for Articles */

/* this section is just for different color rounded corners */
.main_bor_TL, .main_bor_TR, .main_bor_BL, .main_bor_BR {
    width: 7px; height: 7px; /*size of corner image*/
    padding: 0px; border: 0px;
    z-index: 99;
}
.main_bor_TL, .main_bor_BL { 
	float: left; 
	clear: both;
}
.main_bor_TR, .main_bor_BR { 
	float: right; 
	clear: right; 
}
.main_bor_TL { 
	background:url(/images/main_corner_tl.gif);
	margin: 0px 0px 0px 0px; 
}
.main_bor_TR { 
	background:url(/images/main_corner_tr.gif);
	margin: 0px 0px 0px 0px; 
}
.main_bor_BL {
	background:url(/images/main_corner_bl.gif);
	margin: -7px 0px 0px 0px;
}
.main_bor_BR {
	background:url(/images/main_corner_br.gif);
	margin: -7px 0px 0px 0px;
}
/*end of section for different color rounded corners*/
.round_wrap {
/* position this div however you want, but keep its padding and border at zero */
    padding: 0px;
	border: 0px;
}

.content {
/*Set the border and background color on this div, into which the inner_text div is placed inside
You can use a div with different border and background color settings, but keep the margin
and padding = 0px*/
    margin: 0px;
    padding: 0px;
    border: 1px solid #999999;
	background-color:#E8E8E8;

/*	background-color:#FFFFFF; */
}

div.inner_text {
/*Apply padding to the text*/
    margin: 0px;
    padding: 5px 5px 5px 5px;
}

.menu_size {
    padding: 0px;
	border: 0px;
	width:145px;
}

.menuback {
    margin: 0px;
    padding: 0px;
    border: 1px solid #999999;
	background-color:#FFCC00;
}
div.menuinner {
	/*Apply padding to the text*/
    margin: 0px;
	padding: 5px 0px 5px 0px;
}

.maybecat, a.maybecat, a.maybecat:link,a.maybecat:visited,.maybecat:hover {
    display: block;
    font: normal .9em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
	text-decoration:none;
    font-weight: bold;
    background: url("/images/cat_m.gif");
	height: 20px;
    line-height: 20px;
    width: 150px;
    padding: 0px 0px 0px 0px;
}

.cattab_l {
	float: left;
	color:#333333;
	text-align: center;
	text-decoration:none;
	background: url("/images/cat_l.gif");
	height: 24px;
	line-height: 24px;
	width: 11px;
	padding: 0px 0px 0px 0px;
}
.cattab_m, a.cattab_m:link, a.cattab_m:visited {
  float: left;
  font: normal .9em "Verdana", Arial, Helvetica, sans-serif;
	color:#B85827;
	text-align: center;
	text-decoration:none;
	background: url("/images/cat_m.gif");
	background-repeat:repeat-x;
	height: 24px;
	line-height: 24px;
	/*    width: 150px;  */  /*Uncomment if every category tab should be the same width */
    padding: 0px 3px 0px 3px;  /*top right bottom left*/
}
 a.cattab_m:hover {
  float: left;
	color:#D67A4E; /*FF6633;*/ /*#F3DBCF;*/ /*#7A3C1D;*/ /*9D4B24;*/
}
.cattab_r {
	float: left;
	color:#333333;
	text-align: center;
	text-decoration:none;
	background: url("/images/cat_r.gif");
	height: 24px;
	line-height: 24px;
	width: 11px;
	padding: 0px 0px 0px 0px;
}

.cattab_curr_l {
    float: left;
    color:#333333;
    text-align: center;
	  text-decoration:none;
    background: url("/images/cat_curr_l.gif");
    height: 24px;
    line-height: 24px;
    width: 11px;
    padding: 0px 0px 0px 0px;
}
.cattab_curr_m, a.cattab_curr_m:link, a.cattab_curr_m:visited {
  float: left;
	color:#B85827;
  font: normal .9em "Verdana", Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration:none;
	background: url("/images/cat_curr_m.gif");
	background-repeat:repeat-x;
	height: 24px;
	line-height: 24px;
	/*    width: 150px;  */  /*Uncomment if every category tab should be the same width */
    padding: 0px 3px 0px 3px;  /*top right bottom left*/
}
 a.cattab_curr_m:hover {
  float: left;
	color:#D67A4E;
}
.cattab_curr_r {
    float: left;
    color:#333333;
    text-align: center;
  	text-decoration:none;
    background: url("/images/cat_curr_r.gif");
    height: 24px;
    line-height: 24px;
    width: 11px;
    padding: 0px 0px 0px 0px;
}

.article_title, a.article_title:link, a.article_title:visited {
/*	  display: block; */
		font: normal 1.2em "Verdana", Arial, Helvetica, sans-serif;
    text-align: left;
    text-decoration: none;  
 /*   height: 19px;
    line-height: 19px;
    width: 200px;
    padding: 0px 0px 0px 2px; */
}

.article_title:hover, a.article_title:hover {
/*	  display: block; */
		font: normal 1.2em "Verdana", Arial, Helvetica, sans-serif;
/*    color:#0033CC *//*#0066CC;*/
    text-align: left;
   /* text-decoration: none; */
}

.article_external_title, a.article_external_title:link, a.article_external_title:visited {
/*	  display: block; */
		font: normal 1.2em "Verdana", Arial, Helvetica, sans-serif;
    color:#006A00; /*#933795;  #5F884A */
    text-align: left;
    text-decoration: none;  
 /*   height: 19px;
    line-height: 19px;
    width: 200px;
    padding: 0px 0px 0px 2px; */
}

.article_external_title:hover, a.article_external_title:hover {
/*	  display: block; */
		font: normal 1.2em "Verdana", Arial, Helvetica, sans-serif;
    color:#B85827;
    text-align: left;
   /* text-decoration: none; */
}

.article_external_click, a.article_external_click:link, a.article_external_click:visited {
/*	  display: block; */
		font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color:#006A00; /*#933795;  #5F884A */
    text-align: left;
    text-decoration: none;  
 /*   height: 19px;
    line-height: 19px;
    width: 200px;
    padding: 0px 0px 0px 2px; */
}

.article_external_click:hover, a.article_external_click:hover {
/*	  display: block; */
		font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color:#B85827;
    text-align: left;
   /* text-decoration: none; */
}

.infobox_wrp {
		width:319px;
}

.infobox_top {
    float: left;
    height: 38px;
    width: 319px;
/*		background-color: #FFCC00;
		border-bottom: 1px solid #999999; */
		background-image: url("/images/infobox_top.gif");
/*    padding-top: 2px;
    padding-bottom: 0px; */
}

.infobox_mid {
    float: left;
    display: block;
/*    font: normal .85em "Verdana", Arial, Helvetica, sans-serif; */
    font-size: .89em;
		background-image: url("/images/infobox_mid.gif");
/*    color: #000099;  */
    text-align: center;
/*    text-decoration: none;
  	background-color: #FFFF99;
		border-bottom: 1px solid #999999; */
		background-repeat:repeat-y;
/*    height: 19px;
    line-height: 19px; */
		width:89%;
		padding: 4px 5% 4px 7%;
/*    width: 319px;   TODO -- need to add a wrapper so this works even with small amount of text */
/*    padding: 5px 60px 5px 15px; */ /*top right bottom left*/
}

.infobox_btm {
    float: left;
    height: 17px;
    width: 319px;
		background-image: url("/images/infobox_bot.gif");
/*		background-color: #FFCC00; */
/*    padding-top: 0px;
    padding-bottom: 2px; */
}

.close, a.close, a.close:link {
	position:absolute;
	top:5px;
	right:5px;
	background-image: url("/images/close.gif");
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	line-height:10px;
	cursor:pointer;
}

.close:hover {
	background-image: url("/images/close_hover.gif");
}


.articlebutton_m, a.articlebutton_m, a.articlebutton_m:link,a.articlebutton_m:visited,.articlebutton_m:hover {
    float: left;
    font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
		text-decoration:none;
    background: url("/images/article_btn_m.gif");
		background-repeat:repeat-x;
		height: 24px;
    line-height: 24px;
/*    width: 150px;  */
    padding: 0px 6px 0px 6px;  /*top right bottom left*/
}

.articlebutton_img {
    float: left;
    background: url("/images/article_btn_img.gif");
		height: 32px;
    line-height: 32px;
    width: 33px; 
    padding: 0px 0px 0px 0px;
}
a.articlebutton_m:hover { /*including .articlebutton_m:hover in this list causes non-active links to have a rollover effect*/
    float: left;
    font: normal .8em "Verdana", Arial, Helvetica, sans-serif;
    color: #000099;
    text-align: center;
		text-decoration:none;
    background: url("/images/article_btn_hover_m.gif");
		background-repeat:repeat-x;
		height: 24px;
    line-height: 24px;
    padding: 0px 6px 0px 6px;  /*top right bottom left*/
}

.articlebutton_l {
    float: left;
    background: url("/images/article_btn_l.gif");
	height: 24px;
    line-height: 24px;
    width: 6px; 
    padding: 0px 0px 0px 0px;
}
.articlebutton_r {
    float: left;
    background: url("/images/article_btn_r.gif");
	height: 24px;
    line-height: 24px;
    width: 6px; 
    padding: 0px 0px 0px 0px;
}
.comment_counter, a.comment_counter:link, a.comment_counter:visited {
	font-size: .8em;
    text-align: right;
    color:#6666ff;
    font-weight: bold;
/*	  display: block; */
/*	font-style:italic;
    text-decoration: none;  
    height: 19px;
    line-height: 19px;
    width: 200px;
    padding: 0px 0px 0px 2px; */
}
.comment_counter:hover, a.comment_counter:hover {
	font-size: .8em;
	text-align: right;
    font-weight: bold;
/*	  display: block; */
/*    color:#0033CC *//*#0066CC;*/
/*    text-decoration: none; */
}