/* Notes:
Window      - mat around page.
Pg          - Web site page, including banner, footer, etc. Bg color will show only if PgHeader height differs from Img.
PgHeader    - Attributes only needed if we need space larger than img.
PgMenu      - Area where horz menu goes. SiteMenu.js defines sizes/colors for menu itself.
PgMain      - Content area. Since table, need width. Left/right border only border between content and mat. Bg color shouldn't show.
PgSecNx     - N is layout number, x is column. Column MH is 1px column to force min height.
PgSec1A     - Width will be remainder of table's width.
PgSec2A     - Width is fixed.
PgSec2B     - Width will be remainder of table's width. 
PgFooter    - Covers footer's table. Needs width because it's a table.
ObjTitle    - Handles object titles when menu says to display menu title as object title.
*/

.Window         {background: #000000; }
.Pg             {width: 960px; margin: 0 auto; background: #00BB00; }
.PgHeader       {width: 960px; height: 210px; }
.PgMenu         {border-top: 2px solid #FFFFFF; background: #000000; }
.PgMain         {width: 960px; border-width: 2px 0; border-style: solid; border-color: #FFFFFF; background: #FFFF00; } /* widths must also incl cellspacing */
.PgSec1A        {padding: 6px; background: #000000; }
.PgSec1MH       {width: 1px; height: 300px; font-size: 1px; background: #000000; }
.PgSec2A        {width: 468px; padding: 6px; background: #000000; }
.PgSec2B        {width: 491px; padding: 6px; background: #000000; }
.PgSec2MH       {width: 1px; height: 300px; font-size: 1px; background: #000000; }
.PgFooter       {width: 960px; font-size: 12px; color: #FFCC00; background: #000000; }
.PgFooter td    {padding: 8px 0; text-align: center; }
.ObjTitle       {text-align: center; font-size: 26px; font-weight: bold; color: #003399; }

a:link, a:visited, a:active {text-decoration: underline; color: #000000; background: transparent; }
a:hover                     {text-decoration: underline; color: #000000; background: transparent; }

/* THIS IS A PROBLEM THAT NEEDS TO BE FIXED. GetBlock is not providing OMC_CDSD. */
.Bxc a.OMC_CDSD:link, .Bxc a.OMC_CDSD:visited, .Bxc a.OMC_CDSD:active {text-decoration: underline; color: #000000; background: transparent; }
.Bxc a.OMC_CDSD:hover                               {text-decoration: underline; color: #000000; background: transparent; }

/* Notes:
- By design, border around heading matches heading. Border around rest is 'border' color.
- CSS handles both w/heading and w/o heading. HTML defines whether heading or not.
- If heading: use BxoWH and Bx1WH in top border and add DIV for heading
- #FFFCEB is overall background
- #CC5500 is heading background
- #CC5500 is border/outline color
- #FFFFFE is text color in heading
- "m" main, "h" heading, "c" content, "o" outline, "WH" with heading
- Bxm background is BG for all text.
- Bxh border handles left/right border.
- Bxc border color handles left/right border. color should match Bxo.
- Bxo border defines border color. BG must match BG in Bxm.
- BxoWH border and BG must match heading background
- Bx1/x1WH backgrounds must match respective border colors.
- We put 'height: 100%' on Bxc to force hasLayout for IE6. Without HL on content box, bottom border screws up.
*/

.Bxm            {border-style: solid; border-width: 0 1px; font-size: 12px; background: #FFFCEB; }
.Bxh            {padding: 4px; border-color: #CC5500; font-size: 14px; font-weight: bold; color: #FFFFFE; background: #CC5500; }
.Bxc            {padding: 8px 4px; border-color: #CC5500; height: 100%; }
.Bxb            {margin-bottom: 10px; }
.Bxo b          {display: block; overflow: hidden; height: 1px; font-size: 1px; border-style: solid; border-color: #CC5500; background: #FFFCEB; }
.BxoWH b        {display: block; overflow: hidden; height: 1px; font-size: 1px; border-style: solid; border-color: #CC5500; background: #CC5500; }
.Bx1            {margin: 0 5px; border-width: 0 0px; background: #CC5500 !important; }
.Bx1WH          {margin: 0 5px; border-width: 0 0px; background: #CC5500 !important; }
.Bx2            {margin: 0 3px; border-width: 0 2px; }
.Bx3            {margin: 0 2px; border-width: 0 1px; }
.Bx4            {margin: 0 1px; border-width: 0 1px; height: 2px !important; }
.Bxh a          {font-size: 11px; font-weight: normal; color: #FFFFFE; background: transparent; }
.Bxh a:link, .Bxh a:visited, .Bxh a:active {text-decoration: none; }
.Bxh a:hover    {text-decoration: underline; }

body            {font-family: Verdana, Arial, Sans-serif; font-size: 16px; font-weight: normal; }

a,abbr,acronym,address,applet,area,b,blockquote,body,button,caption,cite,code,col,colgroup,dd,del,dfn,div,dl,dt,
em,fieldset,form,frame,frameset,h1,iframe,img,ins,kbd,label,layer,legend,li,link,map,noframes,noscript,object,ol,
optgroup,option,p,pre,q,samp,span,table,tbody,td,tfoot,th,thead,tr,tt,var
                {margin: 0; padding: 0; border-width: 0; text-align: left; }
img             {border-width: 0px; display: inline; }
td              {vertical-align: top; }
ul              {margin: 0px; padding: 0px; margin-left: 1.5em; }