body { background: #FBF8E5 url(canvas.jpg);
}
table.soap  {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1 solid #940e2f;
}
table.soap th {
  padding: 5px;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
}
table.soap td {
  padding: 3px;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
  line-height: 12px;
  font-weight: 300;
  vertical-align: top;
}
td.rule {
  border-right: 1 solid #940e2f;
}

#masthead  { 
  background: #010044 url(ea_logo.jpg); 
  position: absolute; 
  top: 10px; 
  left: 10px; 
  width: 723px; 
  height: 111px;
}
#masthead  h1 { 
  display: none; 
}
#navigation { 
  background: #FFC700 url(but_leader.gif) repeat-x; 
  position: absolute; 
  top: 121px; 
  left: 10px; 
  width: 723px; 
  height: 66px 
}
#navigation a {
  z-index: 3; 
  background-repeat: no-repeat; 
  background-position: center top; 
  position: absolute; 
  top: 0px; 
  height: 66px; 
  width: 80px; 
  vertical-align: bottom; 
  text-align: center; 
  padding-top: 45px;
}
a.home { 
  background: url(but_home_up.gif); 
  left: 150px;
}
a.home:hover { 
  background: url(but_home_over.gif) 
}
a.news { 
  background: url(but_news_up.gif); 
  left: 230px; 
}
a.news:hover { 
  background: url(but_news_over.gif)
}
a.train {
  background: url(but_train_up.gif); 
  left: 310px; 
}
a.train:hover { 
  background: url(but_train_over.gif); 
} 
a.supplies { 
  background: url(but_supplies_up.gif); 
  left: 390px; 
}
a.supplies:hover {
  background: url(but_supplies_over.gif); 
}
a.equip {
  background: url(but_equip_up.gif);
  left: 470px; 
}
a.equip:hover {
  background: url(but_equip_over.gif); 
}
a.books {
  background: url(but_books_up.gif);
  left: 550px; 
}
a.books:hover {
  background: url(but_books_over.gif); 
}
a.links {
  background: url(but_links_up.gif);
  left: 630px; 
}
a.links:hover {
  background: url(but_links_over.gif) 
}
#main {
  z-index: 4; 
  background: url(sidebar.gif) repeat-y; 
  position: absolute;
  top: 177px;
  left: 10px;
  width: 723px;
  height: auto;
  padding: 30px 10px 10px 170px;
}
#main form {
  width: 540px;
  padding-top: 10px;
  font-family: Arial, Helvetica, Geneva, sans-serif;
}
#main h1.prod {
  padding-left: 130px;
  font-size: 12pt;
  line-height: 14pt;
  font-weight: 700;
}
#main p.prod {
  padding-left: 130px;
  font-size: 11pt;
  line-height: 13pt;
  font-weight: 300;
}
#menu {
  z-index: 5;
  background: #FFFFCC;
  position: absolute;
  top: 187px;
  left: 20px;
  width: 140px;
  padding: 10px;
  height: 320px;
  overflow: auto;
}
#menu h1  {
  color: "#AA030E"; font-style: oblique; 
  font-weight: 700; 
  font-size: 14pt; 
  line-height: 11pt;
  font-family: Verdana, Helvetica, Geneva, Swiss 
}
#menu a {
  color: "#150B48";
  font-weight: 700; font-size: 8pt;
  line-height: 9pt; 
  font-family: Arial, Helvetica, Geneva, Swiss;
  text-decoration: none 
}
#menu a:hover {
  color: "#AA030E"; 
  text-decoration: underline 
}
#quote {
  z-index: 5;
  color: #150B48;
  position: absolute;
  top: 520px;
  left: 20px;
  width: 140px;
  height: auto;
  font-family: Arial, Helvetica, Geneva, sans-serif;
}
#quote p {
  font-style: oblique;
  font-weight: 300; 
  font-size: 9pt;
  line-height: 12pt;
}
#quote em {    
  font-weight: 500;
  font-size: 8pt;
  line-height: 9pt;
  text-align: right;
  font-style: normal; 
}



  
img.left  { float: left; margin: 0px 10px 10px 0px; }
P { color: "#000"; font-size: 12pt; line-height: 14pt }
h1  { color: "#010044"; font-style: oblique; font-weight: 700; 
          font-size: 18pt; line-height: 22pt; font-family: Verdana, Helvetica, Geneva, Swiss }
h2  { color: "#010044"; font-style: oblique; font-weight: 700; 
          font-size: 14pt; line-height: 14pt; font-family: Verdana, Helvetica, Geneva, Swiss }
td { font-size: 9pt; line-height: 11pt; font-family: Verdana, Helvetica, Geneva, Swiss }

#links   { position: absolute; top: 127px; left: 170px; width: 600px; 
                height: 14px; visibility: visible; display: block }
#chalk   { position: absolute; top: 40px; left: 575px; width: 130px; 
                 height: 25px; visibility: visible; display: block }

A  {color: "#150B48"; font-weight: 600; font-size: 8pt; 
        font-family: Verdana, Helvetica, Geneva, Swiss; text-decoration: none }
A:Hover {color: "#AA030E"; text-decoration: underline }
A.menu  {color: "#150B48";  font-weight: 400; font-size: 8pt; line-height: 9pt; 
       font-family: Arial, Helvetica, Geneva, Swiss; text-decoration: none }
A.menu:Hover {color: "#AA030E"; text-decoration: underline }
.caption  { color: "#150B48"; font-weight: 600; font-size: 8pt; line-height: 9pt;  
        font-family: Arial, Helvetica, Geneva, Swiss }
.headline  { color: "#150B48"; font-style: oblique; font-weight: 800; 
          font-size: 18pt; line-height: 20pt; font-family: Verdana, Helvetica, Geneva, Swiss }
.small  { color: "#000"; font-weight: 700; font-size: 8pt; line-height: 8pt;  
        font-family:  "Arial, Helvetica, Geneva, Swiss " }
A.linkhead  { color: "#150B48"; font-style: oblique; font-weight: 500; font-size: 12pt; line-height: 13pt; 
                 font-family: Verdana, Helvetica, Geneva, Swiss; text-decoration: underline }
A.linkhead:hover  { color: "#CC0033"; text-decoration: none }
.linkbody    { color: "#150B48"; font-weight: 300; font-size: 9pt; line-height: 11pt;  
        font-family:  "Arial, Helvetica, Geneva, Swiss, sans-serif" }

IMG.link { float: left }
IMG.link { margin: 1em }
img.right { float: right; margin-left: 10px;
TABLE.left { float: left; margin: .5em }
TABLE.right { float: right; }

#links { position: absolute; top: 127px; left: 170px; width: 600px; height: 14px; visibility: visible; display: block }