Any help would be appreciated

The page & CSS is all sever side, and can't determine a clint's resolution.

Use the generic labels :
* { color: #1D5287;font-size: 10pt;
font-family: "Century Gothic",Helvetica, Ariel,sans-serif;
}
CAPTION { font-size: larger;font-weight: bolder}
foo {font-size: smaller}
bigfoo {font-size: larger}

Hmmm... I think I'll create two versions of my CSSes, one for 800x600 and one for 1024x768 (my normal setting). Most people use 800x600, right?

If someone is using 800x600 resolution, don't worry about them...everything they see on the internet looks crappy.

Didn't you learn the simple truth? Designers cannot control how their webpages are going to look on every single computer. Breath deeply...relax...let go of the need to control. ;-)

Lol I haven't done much design at all, so I haven't had the idealism beaten out of me. I'm going to make 800x600 resolution versions, JohnRob can put the links to them right next to the links to the full-size ones (assuming he posts my CSSes in the first place)

What should I do for the people with 640x480 resolution? ;)

You know, I am trying to remember if you could use some java script to look for user's computer resolution...but I cannot remember right now.

I have not designed a CSSs for months or used much html because I am now learning Unix/Linux, Visual Basic, and C++...like I will remember any of this stuff when I finally get through all of these classes. UGH!

Do a search on the web for java script...I have to go study now...

Have fun designing!

Pray for them.

It's not much trouble to make a second set of CSSes, all I have to do is resize all the fonts (uurrghh) which means a lot of cut-and-paste and double-checking. JohnRob hasn't been around today much (he's probably hard at work), so I don't know if he'll use them, or what. They're pretty standard stuff, I just started with George W. Bush's CSSes and ripped them up, reconfigured them to look plain (no marble in mine, just solid blocks of color). If you want a sneak preview...

.fr_collapsed
{
    font: bold 12pt Verdana, Arial, Helvetica;
    text-align: center;
}

.fr_collapsed A
{
    text-decoration: none;
    color: #002266;
}

.fr_collapsed A:hover
{
    color: #0044BB;
}

.fr_page
{
    font: bold 8pt/10pt Verdana;
    color: #DFBD90;
    text-align: center;
    background-color: #000022;
}

.fr_page A:hover
{
    color: white;
}

.fr_page_here
{
    text-decoration: none;
    color: #FFF4DF;
}

.fr_page_goto
{
    text-decoration: none;
    color: #DFBD90;
}

.fr_normal
{
    border-style: outset;
    border-width: 1;
    border-color: #003388;
    font: bold 8pt/10pt Verdana;
    color: #000022;
    background-color: #FFF4DF;
    margin-bottom: 1em;
}

.fr_article .fr_header
{
    font: 12pt Verdana, Arial, Helvetica;
    color: #DFBD90;
    border-bottom: thin groove ivory;
    padding: 1px 6px;
    background-color: #003388;
}

.fr_comment .fr_header
{
    padding: 1px 6px;
    border-bottom: thin groove ivory;
    background-color: #003388;
}

.fr_normal .fr_header table
{
    color: #DFBD90;
    font: bold 10pt/12pt;
}

.fr_normal .fr_header A
{
    text-decoration: none;
    color: #FFF4DF;
}

.fr_normal .fr_header A:hover
{
    text-decoration: none;
    color: white;
}

.fr_normal .fr_body
{
    font: 10pt Verdana, serif;
    margin-left: 30px;
    margin-right: 30px;
}

.fr_removed
{
    font: 18pt Exocet, Verdana, Arial, Helvetica;
    color: #DFBD90;
    background-color: #000066;
    margin-bottom: 1em;
}

.fr_removed .fr_header
{
    font: bold 8pt/10pt Verdana;
    background-color: #000066;
    border-bottom: thin solid #000022;
}

.fr_removed .fr_body
{
    font: 10pt Verdana, serif;
    margin-left: 30px;
    margin-right: 30px;
}

.fr_menu
{
    font: normal 12pt Verdana;
    text-align: center;
    white-space: nowrap;
    color: #003388;
    margin-bottom: .5em;
}

.fr_menu B
{
    font-weight: normal;
}

.fr_menu A
{
    text-decoration: none;
    color: #0044BB;
}

.fr_menu A:hover
{
    text-decoration: none;
    color: #0055FF;
}

.fr_copy
{
    font: italic 8pt/10pt Verdana;
    text-decoration: none;
    color: #FFF4DF;
}

.fr_default
{
    color: #000022;
}

BODY
{
    background-color: #000022;
}

.fr_body A:link {color:#000066; text-decoration: none } 
.fr_body A:visited {color:"#651600"; text-decoration: none }
.fr_body A:hover {text-decoration: underline} 

.hi
{
  BACKGROUND-COLOR: #eeee00;
}

Just save it as a text file on your computer and then when it asks for the URL of the page, give it the address on your computer. But you probably already knew that...

I call this one... (drumroll please)... "BLUE"

Good job...but I have one questions before I go study...(AC CIRCUITs...UGH!)

Below is an example of one of my style sheets...it is from the website I made for my husband.

QUESTION: If you use "pt" for font size...does the user still have the capability to change the font size in VIEW on the tool-bar? I know by using "em" they have control...and one of the rules that I was taught...was to make sure the CSS gave the user the ability to adjust the size of the font, via going to the toolbar...then hitting...VIEW, TEXT SIZE...then their choice.

h1 {text-align:center;font-size:1.7em;color:#000000;font-weight:bold}
h2 {text-align:center;font-size:.8em;color:#999999}
h3 {text-align:center;font-size:1.0em;color:#000000;font-weight:bold}
h4 {text-align:center;font-size:.7em;color:#000033;font-weight:bold}
h5 {text-align:center;font-size:.8em;color:#333333;font-style:italic}
p {text-align:left;font-size:1em;color:#000000;font-style:normal}
p.intro {text-align:center;font-size:.7em;color:#cccccc;font-style:normal}
p.introem {text-align:left;font-size:.7em;color:#003300;font-style:normal}
p.intro2 {text-align:center;font-size:.7em;color:#cccc99;font-style:normal}
p.em {text-align:center;font-size:.9em;color:#996633;font-weight:bold}
p.em2 {text-align:center;font-size:.9em;color:#ffffff;font-weight:bold}
p.emhead {text-align:center;font-size:.8em;color:#003300}
p.link {text-align:center;font-size:.7em;font:italic;color:#cccccc}
a:link {background-color:#ffffff;color:#000000;font-weight:bold}
a:visited {background-color:#ffffff;color:#000000;font-weight:bold}
a:active {background-color:#ffffff; color:#cc0000;text-decoration:none}
a:hover {background-color:#000000; color:#ffffff;text-decoration:none}
SPAN.initialcap{font-size:300%}
DIV.After {background:#000000}

ps - Go HERE TO SEE WEB-SAFE COLORS

I just started making these things last week, I've been cannibalizing GWB's and JR's work, and messing around a little myself, I really don't have a clue about much of the technical stuff.

That CSS seems to be much more comprehensive, it defines basic characteristics of HTML code like <h1>, etc.

JohnRob is using CSSes more to change the overall style, he created a whole bunch of new classes like ".fr_comment," and ".fr_page," and then we can designate the style for those.

Thanks for that link, I've been figuring out the colors on my own, and using MS Paint to figure out how to make strange colors (like brown)

Electrical engineering... hahaha I'm staying away from that! I'd rather take Poli Sci and Psych classes than sit there with a math textbook for hours on end. I used to like math, too, I skipped ahead several years, but when I hit college, I decided I had had enough of.

Poli Sci and Psych classes are sounding real good to me...I used to like math too...until I had to apply it to electronic circuits that I do not care about...got to go now...or I will sit at this computer and read more news...just so I won't have to face working on simultaneous equations and mesh analysis.

QUESTION: If you use "pt" for font size...does the user still have the capability to change the font size in VIEW on the tool-bar?

It's browser-dependant. Both Netscape 4.x and Mozilla (and also Mozilla-based browsers like Netscape 6.x) let you change the font size, even if it's "hard-coded" in "pt". Internet Explorer doesn't.

Hmmm... I think I'll create two versions of my CSSes, one for 800x600 and one for 1024x768 (my normal setting). Most people use 800x600, right?

I use 1600x1200. There are a lot of of people using high resolution anymore. I think ResistorSister is right about not expecting perfection. We'll create some stylesheets for the pixelly-challenged too.

1600x1200? You're on your own =)

I'm going to see about making some CSSes specifically for Netscape, I'll see if I can get that to work. Then most everyone will be able to use them.

I used the width : 98%
and it seems to help.

Actually, it was more

.fr_focus_thread .fr_normal
{
  width : 99%;
}

Thanks, it worked!