/* Category Box
================================================================================================ */

#main_col #categories div {
  padding: 0;
}

#main_col #categories ul {
  height: 71px;
  width: 598px;
  overflow: hidden;
}

#main_col #categories li {
  background: none;
  padding: 0;
  line-height: 1em;
  width: 120px;
  height: 71px;
  float: left;
}

#main_col #categories li a {
  display: block;
  height: 71px;
  width: 120px;
  border: 0;
}
#main_col #categories li a span {display: none;}

#main_col #categories li#cat_life, #main_col #categories li#cat_life a {background: url(/img/buttons/category_life.gif) 0 0 no-repeat;}
#main_col #categories li#cat_taste, #main_col #categories li#cat_taste a {background: url(/img/buttons/category_taste.gif) 0 0 no-repeat;}
#main_col #categories li#cat_body, #main_col #categories li#cat_body a {background: url(/img/buttons/category_body.gif) 0 0 no-repeat;}
#main_col #categories li#cat_culture, #main_col #categories li#cat_culture a {background: url(/img/buttons/category_culture.gif) 0 0 no-repeat; width: 119px;}
#main_col #categories li#cat_green, #main_col #categories li#cat_green a {background: url(/img/buttons/category_green.gif) 0 0 no-repeat; width: 119px;}

#main_col #categories li#cat_life.on, #main_col #categories li#cat_life.on a,
#main_col #categories li#cat_taste.on, #main_col #categories li#cat_taste.on a,
#main_col #categories li#cat_body.on, #main_col #categories li#cat_body.on a,
#main_col #categories li#cat_culture.on, #main_col #categories li#cat_culture.on a,
#main_col #categories li#cat_green.on, #main_col #categories li#cat_green.on a {background-position: 0 -71px}

#main_col #categories div.cat_life, #main_col #categories div.cat_taste, #main_col #categories div.cat_body,
#main_col #categories div.cat_culture, #main_col #categories div.cat_green {
  background: url(/img/backgrounds/category_life.jpg) 5px 4px no-repeat;
  height: 198px;
  padding: 4px 4px 18px 4px;
}

#main_col #categories div.cat_life p, #main_col #categories div.cat_taste p, #main_col #categories div.cat_body p,
#main_col #categories div.cat_culture p, #main_col #categories div.cat_green p {
  color: #FFFFFF;
  font-size: 1.4em;
  line-height: 1.2em;
  padding: 12px 16px 0 17px;
}

#main_col #categories div.cat_life p a, #main_col #categories div.cat_taste p a, #main_col #categories div.cat_body p a,
#main_col #categories div.cat_culture p a, #main_col #categories div.cat_green p a {
  color: #F29C3A;
  border-bottom: 1px solid #F5B66D;
}

#main_col #categories div.cat_life p a:hover, #main_col #categories div.cat_taste p a:hover, #main_col #categories div.cat_body p a:hover,
#main_col #categories div.cat_culture p a:hover, #main_col #categories div.cat_green p a:hover {
  color: #D98C34;
  border: 0;
}

#main_col #categories div.cat_box b {
  background-repeat: no-repeat;
  background-position: 17px 19px;
  display: block;
  height: 95px;
}

#main_col #categories div.cat_life b {background-image: url(/img/backgrounds/cat_life.png);}
#main_col #categories div.cat_taste b {background-image: url(/img/backgrounds/cat_taste.png);}
#main_col #categories div.cat_body b {background-image: url(/img/backgrounds/cat_body.png);}
#main_col #categories div.cat_culture b {background-image: url(/img/backgrounds/cat_culture.png);}
#main_col #categories div.cat_green b {background-image: url(/img/backgrounds/cat_green.png);}

#main_col #categories div.cat_box b span {
  display: none;
}

#main_col #categories div.cat_box span {
  background: url(/img/backgrounds/cat_bg.png) 0 0 no-repeat;
  display: block;
  margin: 0 0 0 1px;
  padding: 0;
  height: 95px;
  width: 588px;
}

#main_col #categories div.cat_box span p {padding-top: 12px;}

#main_col #categories #category_columns {
  width: 556px;
  padding: 0 0 0 20px;
}

#main_col #categories .clear {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  clear: both;
}

#main_col #categories #article {
  float: left;
  width: 270px;
  padding-bottom: 15px;
}

#main_col #categories #article h3, #main_col #categories #businesses h3 {
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1.2em;
  padding-bottom: 8px;
}

#main_col #categories #article h3.sub_header {
  padding-bottom: 7px;
}

#main_col #categories #article em {
  display: block;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.2em;
  padding-bottom: 11px;
}

#main_col #categories #article p {
  font-size: 0.95em;
  line-height: 1.4em;
  padding-bottom: 14px;
}

#main_col #categories #article #buttons_box {
  height: 29px;
  width: 236px;
}

#main_col #categories #article #read_more, #main_col #categories #article #read_more a {
  display: block;
  float: left;
  background: url(/img/buttons/read_more.gif) 0 0 no-repeat;
  height: 29px;
  width: 115px;
  border: 0;
}
#main_col #categories #article #read_more a:hover {background-position: 0 -29px;}
#main_col #categories #article #read_more span {display: none}

#main_col #categories #article #article_archive, #main_col #categories #article #article_archive a {
  display: block;
  background: url(/img/buttons/article_archive.gif) 0 0 no-repeat;
  height: 29px;
  width: 115px;
  border: 0;
  float: right;
}
#main_col #categories #article #article_archive a:hover {background-position: 0 -29px;}
#main_col #categories #article #article_archive span {display: none}

#main_col #categories #businesses {
  float: right;
  width: 262px;
}

#main_col #categories #businesses div {
  height: 76px;
  width: 262px;
}

#main_col #categories #businesses div a.image_link {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  padding: 2px;
  border: 1px solid #DADADA;
  margin-top: 3px;
}

#main_col #categories #businesses div img {
  display: block;
  width: 60px;
  height: 60px;
  border: 0;
}

#main_col #categories #businesses div p {
  display: block;
  float: right;
  width: 191px;
  height: 60px;
  border: 0;
  color: #ABABAB;
  font-size: 0.9em;
}

#main_col #categories #businesses div p a {
  font-size: 1.1em;
}

#main_col #categories #businesses div p span {
  display: block;
  padding-top: 2px;
}

/* structures
================================================================================================ */

#main_col #categories .normal_box {
  border-top: 1px solid #E4E4E4;
  padding-top: 14px;
  margin-left: 20px;
  width: 557px;
  position: relative;
}

#main_col #categories div.floated_top_link {
  background: url(/img/backgrounds/anchor.gif) 0 4px no-repeat;
  position: absolute;
  right: 0;
  top: 16px;
  padding-left: 10px;
  height: 60px;
}
#main_col #categories div.floated_top_link a {line-height: 18px; white-space: nowrap}

/* groups box
================================================================================================ */

#main_col #categories #groups_box {height: 218px;}
#main_col #categories #groups_box.row_1 {height: 128px;}

#main_col #categories #col_1 {
  width: 262px;
  float: left;
  padding-top: 5px;
}

#main_col #categories #col_2 {
  width: 262px;
  float: right;
  padding-top: 5px;
}

#main_col #categories #col_1 div, #main_col #categories #col_2 div {
  clear: left;
}

#main_col #categories #col_1 div img, #main_col #categories #col_2 div img {
  display: block;
  height: 75px;
  width: 75px;
  float: left;
  padding-bottom: 6px;
  padding-top: 3px;
}

#main_col #categories #col_1 div p, #main_col #categories #col_2 div p {
  display: block;
  float: left;
  width: 170px;
  padding-left: 12px;
  padding-bottom: 11px;
}

#main_col #categories #col_1 div strong, #main_col #categories #col_2 div strong {
  display: block;
  font-weight: normal;
}

#main_col #categories #col_1 div span, #main_col #categories #col_2 div span {
  display: block;
  font-size: 0.9em;
  line-height: 16px;
}

#main_col #categories #col_1 div em, #main_col #categories #col_2 div em {
  display: block;
  font-style: normal;
  font-size: 0.9em;
  color: #ABABAB;
  line-height: 16px;
}

#main_col #categories #col_1 div i, #main_col #categories #col_2 div i {
  display: block;
  font-style: normal;
  font-size: 0.9em;
  line-height: 16px;
  padding-left: 10px;
  background: url(/img/backgrounds/black_anchor.gif) 0 5px no-repeat;
}

#main_col #categories #col_1 div span a, #main_col #categories #col_1 div i a,
#main_col #categories #col_2 div span a, #main_col #categories #col_2 div i a {
  color: #4C4D4C;
  border-bottom: 1px solid #E1E1E1;
  line-height: 16px;
}

#main_col #categories #col_1 div span a:hover, #main_col #categories #col_1 div i a:hover, 
#main_col #categories #col_2 div span a:hover, #main_col #categories #col_2 div i a:hover {
  border: 0;
}

/* Events box
================================================================================================ */

#main_col #categories #events_wrapper {
  padding-top: 5px;
}

#main_col #categories #events_wrapper div {
  clear: left;
}

#main_col #categories #events_wrapper div img {
  display: block;
  height: 75px;
  width: 75px;
  float: left;
  padding-bottom: 5px;
  padding-top: 3px;
}

#main_col #categories #events_wrapper div p {
  display: block;
  float: left;
  padding-left: 12px;
  padding-bottom: 10px;
  width: 460px;
}

#main_col #categories #events_wrapper div strong {
  display: block;
  font-weight: normal;
}

#main_col #categories #events_wrapper div span {
  display: block;
  font-size: 0.9em;
  line-height: 16px;
}

#main_col #categories #events_wrapper div em {
  display: block;
  font-style: normal;
  font-size: 0.9em;
  color: #ABABAB;
  line-height: 16px;
}

#main_col #categories #events_wrapper div i {
  display: block;
  font-style: normal;
  font-size: 0.9em;
  line-height: 16px;
}

#main_col #categories #events_wrapper div span a, #main_col #categories #events_wrapper div i a {
  color: #4C4D4C;
  border-bottom: 1px solid #E1E1E1;
  line-height: 16px;
}

#main_col #categories #events_wrapper div span a:hover, #main_col #categories #events_wrapper div i a:hover {
  border: 0;
}

#main_col #categories .break {
  background: url(/img/backgrounds/block_wide_middle.gif) 0 0 repeat-y;
} 