Firefox shows default font when using CSS

[alpha6]

Hi all,

I have a web site http://www.offthebeatenpath.ws and recently started using an external CSS file for new pages. Previously, I had done everything inline with HTML4 and Front Page. Everything works great except when I display the new page in Firefox, the main paragraphs are displayed using the default font and spacing. The other classes I use for h1, h2, picture captions, links, etc all work fine. There are no font problems with the inline tags or with other browsers. It’s only the paragraphs in Firefox using the external CSS. I’m stumped but I’ll bet it’s something simple like a character set or a syntax error. I’ve pasted the external CSS below. Any help would be greatly appreciated……. Don in St. Paul

PS. The affected page is in the Battlefields section and is titled Fort Blakeley-The Last Battle of the Civil War

**********Begin CSS***********

/* SETS BACKGROUND COLOR FOR THE WHOLE PAGE */
body {background-color:#D3C68F;}

/* SETS COLOR, FONT AND ALIGNMENT FOR THE MAIN TITLE */
.header1 {
font-family:”Trebuchet MS”,Arial,”sans-serif”;
font-size:36px;
color:Navy;
font-style:italic;
font-weight:bold;
text-align:center;
}

/* SETS COLOR, FONT AND ALIGNMENT FOR SECTION HEADINGS */
.header2 {
font-family:”Trebuchet MS”,Arial,”sans-serif”;
font-size:17px;
color:#006200;
font-style:italic;
font-weight:bold;
text-align:center;
}

/* FORMATS TEXT IN THE MAIN PARAGRAPHS */
.para {
font-family:”Trebuchet MS”, Arial, “sans-serif”;
color:#000000;
font-size:13 px;
font-weight:bold;
text-align:left;
vertical-align:text-top;
}

/* FORMATS TEXT IN THE PICTURE CAPTIONS */
.caption {
font-family:Arial,”sans-serif”;
color:#006200;
font-weight:bold;
font-style:italic;
text-align:left;
font-size:12px;
}

/* FORMATS NAVIGATION HYPERLINKS */
.links1 {list-style-type: none;
padding-left: 0;
padding-top: 20;
padding-bottom: 4;
margin-left: 0;
display: block;
color: #0000FF;
font-family: Arial;
font-weight: bold;
text-align: left;
font-size: 13px

}

/* FORMATS BOOKMARK HYPERLINKS */
.links2 {list-style-type: none;
padding-left: 0;
margin-left: 0;
display: block;
color: #006200;
font-family: Arial;
font-weight: bold;
text-align: left;
font-size: 13px;
font-style: italic;
}
/* FORMATS HORIZONTAL LINE UNDER THE TITLE */
.hline {
border:0;
color:006200;
height:2px;
width:70%;
}

***********End CSS. End Post.***********

[TheDoc]

/* FORMATS TEXT IN THE MAIN PARAGRAPHS */

.para	{

font-family:"Trebuchet MS", Arial, "sans-serif";

color:#000000;

font-size:13 px; /* THIS - there is a space between the 13 and the px */

font-weight:bold;

text-align:left;

vertical-align:text-top;

}

[alpha6]

Doc….

Mission accomplished. You are the man. I’ve been looking at this SOB for two days and it went right by me. Thanks a million.

Don

[Author]

Posts