body {
    background-color: #E2E3E4;
}

hr {
    width: 99%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 5px 0px 5px 0px;
}

h3.pre_hr_header {
    font-size: 14px;
    font-family: arial, sans-serif;
    font-weight: 800;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #990000;
}

button {
    display: inline;
    border: dotted #000000 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

a.search:hover {
    color: #FF0000;
}

a {
    color: #222222;
    text-decoration: none;
}

a:hover {
    color: #FFFF00;
}

a.footer:link {
    color: #CCCCCC;
}

a.footer:visited {
    color: #AAAAAA;
}

a.footer:active {
    color: #CCCCCC;
}

a.footer:hover {
    color: #FFFF00;
}

a.more_button {
    display: block;
    padding: 1px 1px 1px 0px;
    margin: 0px 0px 0px 0px;
    width: 33px;
    height: 18px;
    background-image: url(/static/images/icons/more-white.png);
}

a.more_button:hover {
    display: block;
    padding: 1px 1px 1px 0px;
    margin: 0px 0px 0px 0px;
    width: 33px;
    height: 18px;
    background-image: url(/static/images/icons/more-yellow.png);
}

div.page {
    width: 966px; 
    height: 100%;
    padding: 0px 0px 0px 0px; 
    margin: auto; 
    background-color: #FFFFFF; /* was #D3D5D8 */
    overflow: hidden;
    z-index: 0;
}

div.page_width_ad_container {
   width: 966px;
   height: auto; /* was 157px, now arbitrary based on content */
   padding: auto;
   margin-top: 5px; margin-bottom: 5px; margin-left: auto; margin-right: auto;
   overflow: hidden;
   text-align: center;
   background-color: #E2E3E4;
}
div.content_left {
    width: 646px; 
    padding: 0px 5px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    overflow: hidden;
    position: relative;
    float: left;
    text-align: right;
    background-color: #FFFFFF;
    display: inline;
}

div.content_right {
    width: 310px;
    height: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    overflow: hidden;
    position: relative;
    float: left;
    display: inline;
}

div.content_bottom {
    width: 956px; 
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    clear: both;
    background-color: #FFFFFF;
}

div.content_footer {
    width: 966px;
    padding: 1px 0px 1px 0px;
    margin: 1px 0px 11px 0px;
    background-color: #444444;
    overflow: hidden;
    position: relative;
    clear: both;
    font-family: arial;
    font-weight: 200;
    font-size: 11px;
    line-height: 1.2;
    font-color: #DFC7AF; /* was #AD947C; */
    text-align: center;
}

div.page_header_container {
    width: 646px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #FFF500;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}

div.page_header_title {
    width: 450px;
    height: 212px;
    padding: 0px 4px; 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    display: inline;
}

div.page_header_extra {
    width: 178px;
    height: 212px;
    padding: 0px 0px; 0px 4px;
    margin: 8px 10px 8px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    display: inline;
}

div.page_subheader_container {
    width: 638px; 
    height: 24px;
    padding: 4px 0px 3px 0px;
    margin: 0px 0px 0px 8px;
    background-color: #FFFFFF;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}

/* DEPRICATED as per Faran 22-Dec-08
div.page_subheader_left {
    width: 85px; 
    height: 20px;
    padding: 4px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}
*/

div.page_subheader_middle {
    width: 461px; /* was 376 */
    height: 21px;
    padding: 0px 0px 4px 0px;
    margin: 2px 0px 0px 0px; /* gives 355px total width after padding */
    overflow: hidden;
    position: relative;
    float: left;
    text-align: center;
    display: inline;
    background-color: #878787;
}

div.hidden_menu_items {
   display: none;
   width: 461px;
   height: 26px;
   padding: 0px 0px 0px 0px;
   margin: auto;  
}

img.main_menu_button {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 70px;
    height: 21px;
    overflow: hidden;
    text-align: left;
    display: inline;
}

img.sub_menu_button {
    padding: 0px 0px 0px 0px;
    margin: auto;
    width: 70px;
    height: 21px;
    overflow: hidden;
    text-align: center;
    display: inline;
}


div.menu_button {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 73px;
  height: 21px;
  float: left;
  overflow: hidden;
  position: relative;
  display: inline;
}

div.submenu_container {
  background-color: #E4E002;
  width: 376px;
  position: absolute;
  text-align: center;
  float: left;
  display: none;
  height: 400px;
  overflow: hidden;
  z-index: 100;
}

div.page_subheader_right {
    width: 170px; /* was 309 */ 
    height: 24px;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    font-size: 12px;
    font-family: impact, sans-serif;
    letter-spacing: 1.2px;
    font-weight: 200;
    text-align: right;
    display: inline;
}

div.page_article_index_left {
    width: 648px;
    height: 705px;
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    font-family: arial, sans-serif;
    text-align: left;
    display: inline;
}

div.page_feature_article_container {
    width: 638px;
    height: 440px; /* was 424 */
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 8px;
    overflow: hidden;
    position: relative;
    float: left;
    font-family: arial, sans-serif;
    text-align: left;
    display: inline;
}

div.page_feature_article_media {
    width: 638px;
    height: 372px;
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
    background-color: #FFFFFF; /* was BAC3C3 prior to content */
    display: inline;
}

div.page_feature_article_text {
    width: 638px;
    height: 68px; /* was 52 */
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}

div.page_feature_article_left_text {
    width: 440px;
    height: 68px; /* was 58 */
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}

div.page_feature_article_right_text {
    width: 198px;
    height: 45px; /* was 58 */
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: right;
    display: inline;
}


/*  We set the background colour here because on pages in which there are no 
    blog entries, we want to be able to make the background colour different
    on an as-needed basis.  */
div.page_blog_container {
    width: 310px;
    height: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative; 
    float: left;
    background-color: #D3D5D8;
    display: inline;
}

div.page_blog_header {
    width: 310px;
    height: 124px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: center;
    display: inline;
}

div.page_blog_content {
    width: 301px; /* was 496 */
    height: 834px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px; /* was 0px 0px 0px 5px */
    font-family: arial, sans-serif;
    overflow: auto;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}

div.page_blog_entry {
    width: 285px; /* was 280 */
    padding: 3px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}

div.page_blog_image {
    width: 283px; /* allow length to be arbitrary */
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: center;
    display: inline;
}

div.blog_archive_header {
    font-size: 21px;
    font-family: arial, sans-serif;
    font-weight: 300;
    padding: 13px 0px 3px 0px;
    margin: 0px 0px 0px 8px;
    color: #333333;
}

div.blog_archive_scrollable {
    width: 648px;
    height: 680px; /* was 705 */
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    overflow: auto;
    position: relative;
    float: left;
    font-family: arial, sans-serif;
    text-align: left;
    display: inline;
}

div.page_blog_text {
    width: 274px; /* was 278, allow length to be arbitrary */
    padding: 2px 0px 2px 0px;
    font-size: 12px;
    margin: 0px 3px 0px 3px;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}

h2.page_blog_text {
    font-size: 18px;
    font-weight: 100;
    color: #111111;
    padding-top: 3px;
    padding-bottom: 0px;
    margin: 0px 0px 0px 0px;
}

h3.page_blog_text {
    font-size: 13px;
    font-weight: 200;
    color: #555555;
    padding-top: 1px;
    padding-bottom: 3px;
    margin: 0px 0px 0px 0px;
}

h4.page_blog_text {
    font-size: 12px;
    font-weight: 500;
    color: #333333;
    padding-top: 1px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.blog_entry_comments_hidden {
    font-size: 12px;
    font-weight: 100;
    color: #444444;
    padding-top: 2px; 
    padding-bottom: 2px;
    margin: 0px 2px 0px 5px;
    display: none;
}

div.page_articles_container {
    width: 495px; /* was 508 */
    padding: 2px 0px 2px 0px;
    margin: 0px 0px 0px 8px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}

div.page_article_container {
    width: 157px; /* was 150 */
    height: 272px; /* was 264 */
    padding: 0px 0px 0px 0px;
    margin: 0px 7px 0px 0px; /* was 0 14 0 0 */
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}

div.page_article_media {
    width: 150px;
    height: 150px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: center;
    display: inline;
}

div.page_article_text {
    width: 153px; /* was 146 */
    height: 118px; /* was 110 */
    padding: 0px 2px 0px 2px;
    margin: 4px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
    font-family: arial, sans-serif;
    color: #444444;
    display: inline;
}

h1.page_article_title {
    font-size: 18px;
    font-weight: 800;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #111111;
}

h2.page_article_title {
    font-size: 15px;
    font-weight: 500;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #111111;
}

h2.page_article_text {
    font-size: 13px;
    font-weight: 800;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #111111;
}

h3.page_article_text {
    font-size: 12px;
    font-weight: 500;
    margin-top: 1px;
    margin-bottom: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #333333;
}

h4.page_article_text {
    font-size: 11px;
    font-weight: 800;
    line-height: 13px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 0px;
    padding-bottom: 3px;
}

h5.page_article_text {
    font-size: 12px;
    font-weight: 300;
    line-height: 13px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-top: 0px;
    padding-bottom: 3px;
}

span.page_article_more_button {
    font-size: 11px;
    border: solid #333333 1px;
    background-color: #777777;
    line-height: 15px;
    margin: 2px 0px 0px 0px;
    padding: 2px 3px 2px 3px;
    color: #EEEEEE;
}

span.page_article_more_button:hover {
    font-size: 11px;
    border: solid #333333 1px;
    background-color: #EEEEEE;
    line-height: 15px;
    margin: 2px 0px 0px 0px;
    padding: 2px 3px 2px 3px;
    color: #777777;
}

div.page_articles_extra {
    width: 137px; /* was 124 */
    height: auto; /* was 236 */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 2px;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #E2E3E5; /* was FFF500 */
    text-align: center;
    display: inline;
}

div.content_bottom_container {
    width: 956px;
    height: 28px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
    display: inline;
}

div.content_bottom_link {
    width: 185px;
    height: 18px;
    padding: 2px 1px 2px 1px;
    margin: 2px 2px 2px 2px;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #737373;
    color: #282828;
    text-align: center;
    display: inline;
}

div.content_bottom_link:hover {
    color: #E4E002;
    text-decoration: none;
}

input[type=text].search_box {
    height: 12px;
    border: solid #ABABAB 1px;
}

div.comment_container {
    width: 98%;
    position: relative;
    float: left;
    padding-left: 1%;
    padding-right: 0px;
    margin: 0px 0px 0px 0px;
    font-family: arial, sans-serif;
    font-size: 13px;
    text-align: left;
    color: #777777;
}

span.faux_hyperlink:hover {
    cursor: pointer;
}

span.comment_user {
  font-size: 14px;
  color: #111111;
}

span.comment_date {
  color: #555555;
}

h3.comment_content {
  font-size: 13px;
  font-weight: 200;
  margin: 0px 0px 0px 0px;
  padding-top: 2px;
  padding-bottom: 10px;
}

li.blog_archive_entry {
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: 200;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 10px;
    color: #444444;
}

div.blog_comment_user {
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    color: #111111;
}

div.blog_comment_date {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    color: #555555;
}

h3.blog_comment_content {
    font-size: 13px;
    font-weight: 200;
    margin: 0px 0px 0px 5px;
    padding-top: 2px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
}

div.search_results {
    padding: 8px 0px 8px 0px;
    margin-left: 8px;
    text-align: left;
    font-size: 13px;
    font-family: arial, sans-serif;
}