/* =============================================================== */
/* homepage.css - Styles for the homepage                          */
/* =============================================================== */

/* Import the styles for the sidebar page */
@import url(/css/sidebar_page.css);
/* Import the styles for the GdP News */
@import url(/css/common/gdp-ecms.css);

/* =============================================================== */

/* Column 1/3 without left border */
/* ------------------------------ */

#content .column_1_3 {
  float: left;
  width: 230px !important;              /* Non IE6 */
  width: 228px;                         /* IE6 */
  min-height: 150px;                    
  height: auto !important;              /* Non IE6 */  
  margin: 4px 4px 4px 4px !important;   /* Non IE6 */
  margin: 4px 2px 4px 2px;              /* IE6 */
}

#content .column_1_3 .header {
  width: 100%;
  border-top: solid 1px rgb(225, 225, 225);
  border-left: solid 1px rgb(225, 225, 225);
  border-right: solid 1px rgb(225, 225, 225);
  border-bottom: solid 1px rgb(200, 200, 200);
  text-align: left;
  background-color: rgb(225, 225, 225);
}

#content .column_1_3 .header p {
  padding-top: 0;
  padding-left: 4px;
  margin: 0;
  font-size: 1.125em;
}

#content .column_1_3 p {
  padding-top: 4px;
}

#content .column_1_3 p strong {
  font-weight: bold;
}

#content .column_1_3 p em {
  font-style: italic;
}

#content .column_1_3 .link {
  font-weight: bold;
}

#content .column_1_3 ul {
  margin-top: 4px;
  margin-left: 0px;
  padding-left: 0;
  list-style: none;
}

#content .column_1_3 li {
  padding-left: 10px;
  background-image: url(/img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 0.75em;
}

#content .column_1_3 .title {
  padding: 2px 0 0 0;
  font-family: serif;
  font-weight: bold;
  font-size: 1.0em;
  /* old: font-size: 1.2em; */
}

#content .column_1_3 .title a {
  color: rgb(50, 50, 50);
}

#content .column_1_3 .specials_banner {
  margin: 2px 0 2px 0;
  width: 230px !important;  /* Non-IE6 */
  width: 228px;             /* IE6 */
}

#content .column_1_3 .blog_banner {
  margin: 4px 0 0 0;
  width: 230px !important;  /* Non-IE6 */
  width: 228px;             /* IE6 */
}

/* --------------------------------------------------------------- */

/* Column 1/3 with left border */
/* --------------------------- */

#content .bordered_column_1_3 {
  float: left;
  width: 230px !important;              /* Non-IE6 */
  width: 228px;                         /* IE6 */
  margin: 4px 4px 4px 4px !important;   /* Non-IE6 */
  margin: 4px 2px 4px 2px;              /* IE6 */
  /* IE6 can't display borders along the full height, */
  /* so we don't use them...                          */
  border-left: dotted 1px rgb(215, 215, 215) !important;
  border-left: none;
}

#content .bordered_column_1_3 p {
  padding-top: 4px;
}

#content .bordered_column_1_3 ul {
  margin: 4px;
  padding-left: 0;
  list-style: none;
}

#content .bordered_column_1_3 li {
  padding-left: 10px;
  background-image: url(/img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 0.75em;
}

#content .bordered_column_1_3 .header {
  width: 100%;
  margin: 4px 0 0 0;
  border-top: solid 1px rgb(225, 225, 225);
  border-left: solid 1px rgb(225, 225, 225);
  border-right: solid 1px rgb(225, 225, 225);
  border-bottom: solid 1px rgb(200, 200, 200);
  text-align: left;
  background-color: rgb(225, 225, 225);
}

#content .bordered_column_1_3 .header p {
  padding-top: 0;
  padding-left: 4px;
  margin: 0;
  font-size: 1.125em;
}

/* --------------------------------------------------------------- */

/* Column 2/3 without left border */
/* ------------------------------ */

#content .column_2_3 {
  float: left;
  width: 468px !important;              /* Non IE6 */
  width: 464px;                         /* IE6 */
  margin: 4px 4px 4px 4px !important;   /* Non IE6 */
  margin: 4px 2px 4px 2px;              /* IE6 */
}

#content .column_2_3 .header {
  width: 100%;
  border-top: solid 1px rgb(225, 225, 225);
  border-left: solid 1px rgb(225, 225, 225);
  border-right: solid 1px rgb(225, 225, 225);
  border-bottom: solid 1px rgb(200, 200, 200);
  text-align: left;
  background-color: rgb(225, 225, 225);
}

#content .column_2_3 .header p {
  padding-left: 4px;
  margin: 0;
  font-size: 1.125em;
}

#content .column_2_3 ul {
  margin: 4px;
  padding-left: 0;
  list-style: none;
}

#content .column_2_3 li {
  padding-left: 10px;
  background-image: url(/img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 0.75em;
}