/* Rendering in standard-mode.  BoxModel only on 5.0 (No one uses that one) ----  6.0 7.0 not affected in standard mode. */
/* Both body and siteMainWrapper have elements that will make centering work on both browsers. "margin-left: auto; margin-right: auto;" is the trick */
/* Overflow hidden in the top elements prevents the horizontal scroll bar to appear when resizing to certain small window sizes */
#outerFrameBodyId  { position: relative; background-color: #ffffff; margin: 0px; text-align: center; background-color: #ffffff; }
.siteMainWrapper { top: 0px; margin-left: auto; margin-right: auto; border: 0px solid blue; text-align: left; display: block; }  /*   position: absolute; left: 10px; right: 10px;   background-color: #00eeee;   border: 1px solid black;    */

.headerPicture { position: relative; clear: both; height: 85px; left: 0px; border: 0px solid; background: url(images/highSpenderBanner_background.jpg) repeat-x; }
.footer { position: relative; clear: both; width: 1000px; }							/* background-color: white; */

/* Columns */
.columnContent {   position: absolute; left: 220px; right: 220px; top: 85px; padding-left: 5px; padding-right: 5px;  background: url(images/highSpenderColumnShader.jpg) repeat-x; border: 0px solid blue;  background-color: #ffffff; min-height: 550px; _height: 550px; }	/*  right: 0px; background-color: grey; */
.columnLeftSide {  position: absolute; left: 0px;  top: 85px; width: 200px; padding-left: 10px; padding-right: 10px; background: url(images/highSpenderColumnShader.jpg) repeat-x; border: 0px solid green; background-color: #ffffff; min-height: 550px; _height: 550px; overflow: hidden;  } /* background-color: #be5e00;  */
.columnRightSide { position: absolute; right: 0px; top: 85px; width: 200px; padding-left: 10px; padding-right: 10px; background: url(images/highSpenderColumnShader.jpg) repeat-x; overflow: hidden;		background-color: #ffffff; min-height: 550px; _height: 550px; } /* background-color: #ccddee; background-color: #be5e00;  */
.floatingContainer { float: right; right: 0px; background-color: #cccccc; height: 450px; width: 350px; }

.itemBox {  position: relavent; border: 0px green solid; _height: 120px; min-height: 120px; width: 270px; float: left; }
.percentDivider {  position: relative; height: 14px; } /* background-color: #cccccc;  */
.percentDividerLeft { float: left; width: 49%;  } /* background-color: #ffcc00; */
.percentDividerRight { float: right; width: 50%; text-align: right;  } /* background-color: #ccff00; */

.twoThirdsDivider { clear: both;  height: 16px; } /* background-color: #cccccc; */
.twoThirdsDividerLeft { float: left; width: 20%;  overflow: hidden;  } /* background-color: #ff0000;  */
.twoThirdsDividerMiddle { float: left; width: 60%; text-align: center;  overflow: hidden;   } /* background-color: #00ff00;  */
.twoThirdsDividerRight { float: right; width: 20%; text-align: right; overflow: hidden;  } /*  background-color: #0000ff; */

/* strictly text */
.siteMainWrapper { font-family:   Verdana, Arial, Sans-Serif; font-size: 12px; }
a       { color: #444444; font-family:    text-decoration: none; font-weight: bold; }
a:hover { color: #000000; font-family:    text-decoration: underline; font-weight: bold; }
.itemBox { color: #999999; }
.itemBox:hover { color: #000000; }
a.aSmall { color: #444444; font-family:    text-decoration: none; font-weight: bold; font-size: 10px; }
a.aSmall:hover { color: #000000; font-family:    text-decoration: underline; font-weight: bold; }


h1 { font-size: 16px; padding: 0px; margin: 0px; font-weight: bold; }
h2 { font-size: 12px; padding: 0px; margin: 0px; font-weight: bold; }
h3 { font-size: 10px; padding: 0px; margin: 0px; }

ul { margin-top: 0px; margin-bottom: 0px; }


/* Top menu */
.menuStripeWrapper { position: relative; clear: both; width: 100%; right: 10px;  height: 22px; border: 0px green solid;  } /* background-color: #0000ff; */
.menuAllItemBoxesWrapper { float: right; width: 700px; height: 22px; right: 0px; } /* background-color: #00ff00; 	*/
.menuItemBox    {    float: right;               height: 14px; padding-top: 6px; font-family:   Verdana, Arial, Sans-Serif; font-size: 12px; text-decoration: none; background: url(images/button_menu_small.gif) repeat-x; font-weight: bold; text-decoration: none; border: 0px solid #9c6939; text-align: right; }
.menuItemBoxSpacer { float: right; width: 20px;  height: 14px; padding-top: 6px; font-family:   Verdana, Arial, Sans-Serif; font-size: 12px; text-decoration: none; background: url(images/button_menu_small.gif) repeat-x; font-weight: bold; text-decoration: none; border: 0px solid #9c6939; cursor: pointer;  text-align: right; }
.menuTile       {    float: left;  width: 350px; height: 14px; padding-top: 6px; font-family:   Verdana, Arial, Sans-Serif; font-size: 12px; text-decoration: none; background: url(images/button_menu_small.gif) repeat-x; font-weight: bold; text-decoration: none; border: 0px solid red;     cursor: pointer;  }

.articleMenu { float: right; width: 180px; height: 170px; border: 1px solid; margin: 5px; }