### Global Body and Container Styling - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet defines the base styles for the entire web page body, including background, text color, font, and overall alignment. It also sets the main content container's width and centering, and applies a default font to all `div` and `td` elements.

```CSS
body { background: black; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-image: url('/img/bg.jpg'); background-position: top center; background-repeat: repeat-y; text-align: center; margin: 0; }
div#body { width: 765px; margin: 10px auto 10px auto; text-align: left; position: relative; }
div, td { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
```

--------------------------------

### Styling Table Cells and Clearfix in CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This CSS snippet defines styles for table cells (`td.nlflag`, `td.auflag`) to display national flag icons using background images and specific padding. It also includes a utility class (`.clear`) to apply `clear: both`, commonly used for float management in layouts.

```CSS
round-position: 0 4px; padding-left: 35px; } td.nlflag { background-image: url('/img/gamewin/nlflag.gif'); background-repeat: no-repeat; background-position: 0 4px; padding-left: 35px; } td.auflag { background-image: url('/img/gamewin/auflag.gif'); background-repeat: no-repeat; background-position: 0 4px; padding-left: 35px; } .clear { clear: both; }
```

--------------------------------

### Server List Table Row Styling - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet styles elements within a server list table. It centers and sizes the main heading, defines borders and background for the table header cells, and sets alternating background colors and bold font for table rows (`.r1` and `.r2`) to improve readability.

```CSS
.server_list h1 { font-size: 16px; text-align: center; margin: 2px 0 5px 0; }
.slist_header td { border-bottom: 2px solid black; border-top: 2px solid #8E7246; background-color: #3D311E; }
.r1 td { background-color: #362D1A; font-weight; bold; }
.r2 td { background-color: #261F13; font-weight; bold; }
```

--------------------------------

### Button Container and Base Button Styling - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet defines the layout for text and button containers, setting their dimensions and positioning. It then styles generic `a.button` elements as block-level, bold, centered, and with specific dimensions, also removing text decoration on hover.

```CSS
.text { width: 600px; height: 15px; position: relative; margin: 10px 0 0 0; }
.buttons { width: 600px; height: 150px; position: relative; margin: 0; }
a.button { display: block; position: relative; width: 190px; height: 120px; font-weight: bold; text-align: center; margin: 3px 0; }
a.button:hover { text-decoration: none; }
```

--------------------------------

### Button Text and Interactive Overlay Styling - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet styles text within buttons and defines an interactive overlay. It positions text absolutely within buttons and sets up a `span.lev_1` element as a clickable overlay with specific dimensions and cursor styles, also defining its background position change on hover.

```CSS
div.button { text-align: center; display: block; position: absolute; top: 0px; line-height: 110%; }
#top-text-left { position: absolute; width: 200px; left: 70px; top: 0px; text-align: center; }
#top-text-right { position: absolute; width: 200px; right: 70px; top: 0px; text-align: center; }
span.lev_1 { display: block; cursor: pointer; cursor: hand; position: absolute; top: -5px; left: -5px; width: 200px; height: 130px; }
a:hover span.lev_1 { background-position: 0 130px; }
span.lev_1 span { position: absolute; bottom: 15px; right: 70px; }
```

--------------------------------

### Content Frame and Heading Styles - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet defines styles for various content frames and headings. It centers `.titleframe` and `.frame` elements, sets a smaller font for terms and conditions, and styles a specific heading span with a background image and borders.

```CSS
.titleframe { width: 500px; margin-left: auto; margin-right: auto; padding: 4px; text-align: center; }
.frame { width: 753px; margin-left: auto; margin-right: auto; padding: 4px; }
.tandc { clear: both; font-size: 11px; text-align: center; }
.scroll { color: black; }
.heading { text-align: center; margin: 6px; }
.heading span { width: 125px; margin: 0 auto; display: block; background-image: url(/img/smbrownback.jpg); border: 3px solid #3E3B23; border-top: 3px solid #7C774A; border-left: 3px solid #7C774A; background-color: #4D422E; padding: 3px 10px 3px 10px; }
```

--------------------------------

### Left and Right Button Specific Styles - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet defines distinct visual styles for 'left' and 'right' buttons, including their default and hover states. It sets different text colors, background colors, and `outset` borders to provide a unique appearance for each button type.

```CSS
#button-left a { color: #B1A994; background: #342D23; border: 5px outset #342D23; }
#button-left a:hover { color: #E1D5BD; background: #514D41; border-color: #514D41 }
#button-right a { color: #D0B87C; background: #563E22; border: 5px outset #D0B87C; }
#button-right a:hover { color: #D1B77A; background: #71512A; border-color: #D1B77A }
```

--------------------------------

### Standard and Wide Bordered Elements - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet defines styles for elements with a specific dark brown border and black background. Both `.e` and `.wide_e` classes share the same border and background properties, likely used for content containers or interactive elements.

```CSS
.e { border: 2px solid #382418; background-color: black; }
.wide_e { border: 2px solid #382418; background-color: black; }
```

--------------------------------

### Table Cell Icon and Padding Styles - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet styles table cells by adding background images as icons, positioning them, and adjusting left padding to accommodate the icons. It defines distinct icons for 'members', 'free', 'US flag', 'Canada flag', and 'UK flag' cells, enhancing visual representation in tables.

```CSS
td.members { background-image: url('/img/title2/create.gif'); background-repeat: no-repeat; background-position: 2px 8px; padding-left: 20px; }
td.free { background-image: url('/img/title2/membership_benefits.gif'); background-repeat: no-repeat; background-position: 2px 8px; padding-left: 20px; }
td.usflag { background-image: url('/img/gamewin/usflag.gif'); background-repeat: no-repeat; background-position: 0 4px; padding-left: 35px; }
td.canadaflag { background-image: url('/img/gamewin/canadaflag.gif'); background-repeat: no-repeat; background-position: 0 4px; padding-left: 35px; }
td.ukflag { background-image: url('/img/gamewin/ukflag.gif'); background-repeat: no-repeat; backg
```

--------------------------------

### Wide Scroll Container and Image Styling - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet defines styles for a wide scrollable content area, including its width, background, and margins. It also styles the content area's padding and text color, and positions top and bottom images relative to the scroll container for decorative purposes.

```CSS
div.widescroll { width: 745px; position: relative; background-color: #C2AB79; margin: 0 10px; background-image: url("/img/scroll/backdrop_745.gif"); background-repeat: repeat-y; }
div.widescroll-content { padding: 25px 10px; color: #000000; position: relative; }
img.widescroll-top { position: relative; top: 25px; padding: 0; margin: 0; z-index: 100; display: block; }
img.widescroll-bottom { position: relative; padding: 0; margin: 0; top: -25px; display: block; }
```

--------------------------------

### Narrow Scroll Container and Image Styling - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet defines styles for a narrow scrollable content area, including its background image, width, and margins. It also styles the inner content area's padding, text color, and ensures table cells within it are black. Decorative top and bottom images are positioned relative to the container.

```CSS
div.narrowscroll-bgimg { width: 457px; position: relative; margin: 0 -5px; background-image: url("/img/scroll/scroll457t.gif"); background-repeat: repeat-y; }
div.narrowscroll-bg { width: 447px; background-color: #C2AB79; margin-left: 10px; }
div.narrowscroll-content { padding: 25px 10px; color: #000000; position: relative; margin: 0 5px; }
div.narrowscroll-content td { color: black; }
img.narrowscroll-top { position: relative; top: 25px; padding: 0; margin: 0; z-index: 100; display: block; }
img.narrowscroll-bottom { position: relative; padding: 0; margin: 0; top: -25px; display: block; }
```

--------------------------------

### Horizontal Scroll Container Styling - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet styles a horizontal scroll container, setting its dimensions, hiding overflow, and applying a background color and image. The nested `horizontalscroll-content` class defines the inner padding, text color, and positioning for the scrollable content.

```CSS
div.horizontalscroll { width: 765px; height: 159px; overflow: hidden; margin: 5px 0; background-color: #C2AB79; background-image: url("/img/scroll/horizontal_scroll.gif"); position: relative; }
div.horizontalscroll-content { margin: 15px 40px; color: #000000; position: relative; }
```

--------------------------------

### Link and Image Hover Effects - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet defines the visual behavior for links and images. It ensures that links are underlined only on hover, and images have no default border. It also prevents images wrapped in links from showing text decoration on hover.

```CSS
a:hover { text-decoration: underline; }
img { border: 0; }
img a:hover { text-decoration: none; }
```

--------------------------------

### Global and Scroll Link Colors - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet sets the default color for all links to a specific green shade and removes text decoration. It then overrides this for links within elements with the `.scroll` class, making them a brown color and bold.

```CSS
a { color: #90c040; text-decoration: none; }
.scroll a { color: #7B4F17; font-weight: bold; }
```

--------------------------------

### Scroll Content Link Overrides - CSS

Source: https://github.com/lostcityrs/20xxscape.org/blob/main/2004scape/index.html

This snippet specifically targets links within wide, horizontal, and narrow scroll content areas. It sets their color to a dark brown and makes them bold, overriding any general link styles to ensure consistency within scrollable sections.

```CSS
div.widescroll-content a, div.horizontalscroll-content a, div.narrowscroll-content a { color: #7B4F17; font-weight: bold; }
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.