/* 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 */
#outerFrameBodyId  { position: relative; background-color: #ffffff; margin: 0px; text-align: center; }
.siteMainWrapper { top: 0px; margin-left: auto; margin-right: auto; border: 0px solid blue; text-align: left; display: block; background: url(images/yourMotorcycleSourceBanner2_background.jpg); background-position: top left; }  /*   position: absolute; left: 10px; right: 10px;   background-color: #00eeee;   border: 1px solid black;    */

.headerPicture { position: relative; clear: both; width: 800px; height: 50px; left: 10px; }
.footer { position: relative; clear: both; width: 1000px; }							/* background-color: white; */

/* Columns */
.columnContent { position: absolute;     left: 210px; right: 210px; top: 80px; padding-left: 5px; padding-right: 5px; border: 0px solid blue;  background-color: #ffffff; }	/*  right: 0px; background-color: grey; */
.columnLeftSide { position: absolute;         left: 10px; top: 80px; width: 200px; border: 0px solid green; background-color: #ffffff; overflow: hidden; } /* */
.columnRightSide { position: absolute; right: 10px; top: 80px; width: 200px;  overflow: hidden; } /* background-color: #ccddee; */
.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; }
.percentDividerLeft { float: left; width: 49%; }
.percentDividerRight { float: right; width: 51%; text-align: right; }

.twoThirdsDivider { clear: both; }
.twoThirdsDividerLeft { float: left; width: 10%; }
.twoThirdsDividerMiddle { float: left; width: 80%; text-align: center; }
.twoThirdsDividerRight { float: left; width: 10%; text-align: right; }

/* strictly text */
.siteMainWrapper { font-family:   Verdana, Arial, Sans-Serif; font-size: 12px; }
a       { color: #888888; 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; }






/* 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;  }








/*

.columnIndexA { float: left;   width: 220px; border: 0px solid red;    background-color: #f9e8a8; }
.columnIndexB { float: right;  width: 760px; border: 0px solid green;  background-color: #f9e8a8; }

.layoutTripleColumnA {     float: left;  width: 210px; border: 0px solid red;	    background-color: #f9e8a8; padding-left: 5px;  padding-right: 5px;  } 
.layoutTripleColumnB {	   float: left;  width: 380px; border: 0px solid green;	    background-color: #f9e8a8; padding-left: 10px; padding-right: 10px; } 
.layoutTripleColumnC {     float: left;  width: 380px; border: 0px solid red;       background-color: #f9e8a8; } 
.layoutTripleColumnC1 {	   float: left;  width: 380px; border: 0px solid red;       background-color: #f9e8a8; } 
.layoutTripleColumnC2 {	   float: right; width: 380px; border: 0px solid red;       background-color: #f9e8a8; } 

.layoutTripleColumnPages { float: left;  width: 760px; border: 0px solid red;       background-color: #c3c0aa; } 

.ColumnABox { width: 210px; border: 1px #9c6939 solid; padding-top: 5px; padding-bottom: 5px; }

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

ul { margin: 0px; }

#toSearch { width: 300px; }



.leftcontent {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #000000;
	left:10px;
	position:absolute;
	top:140px;
	width:200px;
}

.centercontent {
	margin-left:201px;
	margin-right:201px;
	background:#FFFFFF none repeat scroll 0%;
	border:0px solid #000000;
	top:140px;
}

.rightcontent {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #000000;
	position:absolute;
	right:10px;
	top:140px;
	width:200px;
}
*/