/*
  styles.css for Ascent Limited Website
  Based on provided image and HTML structure.
*/

/* General Body Styling */
body {
    background-color: #C0C0C0; /* Page background color from HTML and image */
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif; /* Web-safe font stack */
    font-size: 12px;
    color: #333333;
}

/* 
   Hyperlink Styling 
   Based on the general appearance and specific link types.
*/
a:link, a:visited {
    color: #333333;
    text-decoration: none;
}

a:hover, a:active {
    color: #B00D16; /* Ascent Red for hover */
    text-decoration: underline;
}

/* 
   Menu Specific Links 
   Used for: Commitment, Credibility, etc.
*/
.menu a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.menu a:hover {
    color: #B00D16; /* Hover color */
    text-decoration: none;
}

/* 
   General Text Class 
   Used for paragraph text, "Privacy Policy", and text links.
*/
.txt {
    color: #333333;
    line-height: 1.6;
}

/* 
   Text link specific handling within .txt 
   Primarily affects links like "Privacy Policy" and text blocks.
*/
a.txt {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

a.txt:hover {
    color: #B00D16; /* Hover color */
    text-decoration: underline;
}

/*
   Specific Red Header Text for content blocks.
   Although not explicitly used in the provided HTML snippets, 
   the image shows headers like "Chairman Message" in red. 
   Apply this class to the headers within content cells (e.g., above paragraph text).
*/
.header-red {
    color: #B00D16;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 5px;
    display: block; /* To act like a block header */
}

/* Layout Specifics based on table structure */

/* Main outer container table */
table[width="1008"] {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #999999; /* Subtle border for the main container */
}

/* Content Area table (inside the grey border columns) */
table[width="982"] {
    background-color: #FFFFFF;
}

/* Navigation table container (header right) */
/* The header area with "Member login" and main menu */
td[background="images/bg1.jpg"] {
    padding-top: 10px;
    padding-right: 20px;
}

/* Content block positioning */
/* Apply this class to cells that should contain the main body content with padding */
.content-cell {
    padding: 20px;
}

/* 
   Border styling for content boxes.
   Based on the rounded-corner gray border appearance.
   In old table-based designs, this is often handled by background images.
   This CSS applies it to the content cells.
*/
.content-box-border {
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 15px;
    background-color: #FFFFFF;
}

/* Apply specific styling to the footer Privacy Policy cell */
/* Based on the last line of text in the provided image. */
td.txt[align="left"][valign="top"] {
    padding-top: 15px;
    padding-left: 20px;
    font-size: 11px; /* Slightly smaller footer text */
}