body { margin: 0; background-color: #FFF; font-family: verdana; font-size: 11px; line-height: 1.5em;}
body.main_pages { background-color: #F0EBCB;}
body.style2 { background-color: #FFF;}
a { text-decoration: none; color: #B22222;}
a:active, a:hover { font-weight: bold; text-decoration: underline;}
.class2 a { color: #333;}
.class3 a { color: #FFF;}
.class4 a { color: #FFFF99;}
.class5 a { color: #993366;}
.contents { color: #333; line-height: 1.5em; text-align: justify;}
.centered { color: #333; line-height: 1.5em;}
.no_style { list-style-type: none;}
.fineprint { color: #993366; font-size: 9px;}
.hide_div { display: none;}
.style2 { color: #666;}
.style5 { color: #999;}
.style17 { color: #000;}
.style20 { color: #336699; font-weight: bold;}
.header2 { font-size: 14px; font-weight: bold; color: #000;}
.heading { color: #990033; font-weight: bold;}
.newsheading1 { font-size: 28px; color: #FFF; line-height: 125%; font-weight: bold;}
.newsheading2 { font-size: 26px; color: #FFF; line-height: 125%; font-weight: bold;}
.newsheading3 { font-size: 24px; color: #FFF; line-height: 125%;}

/* Link Pop-ups */
a.screen, a.screen:visited { color: #333; position:relative; z-index: 1;}
a.screen b { color: #333; position :absolute; visibility:hidden; /* hide the image */ width:200px; /* give it a width */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */ /* position:the image */ left:10px; top:-10px;}
a.screen:hover { color: #333; font-weight: bold; text-decoration:none; border:0px none; /* needed for this to work in IE */z-index: 1000;}
a.screen:hover b { color: #333; font-weight: bold; visibility:visible; /* make the image visible */ height:150px; /* now give it a height */ cursor:pointer; /* for IE */ z-index:500;}
a.screen:hover b img { color: #333; font-weight: bold; border:0px none; /* remove the link border */}

/*Company IDs*/
#phoenix { font-size: 20px; font-weight: bold; color: #990033;}
#caine { font-size: 20px; font-weight: bold; color: #B99132; font-family: Georgia, serif;}