/* CSS Document */

html, body {margin: 0; padding: 0; border: 0; font-size: 125%;}

body {color: #000; background: #fff url(../images/top-bar.jpg) repeat-x; font:50% verdana,arial,helvetica,sans-serif; line-height:1.4em;}

#wrapper {position:relative; margin:0 auto; padding-top:9px; width:960px; background: url(../images/montage-bottom.jpg) no-repeat 100% 136px;}

#header {width:100%; height: 137px; margin:0; padding:0; background: url(../images/montage-top.jpg) no-repeat 100% 0;}
#header img {margin:0; padding: 27px 0 0 0; border:none;}

#outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 180px;    /*** Critical left col dimension value ***/
width: 580px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

#float-wrap {
float: left; width: 580px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

#container-center {
float: right; width: 100%;
/* \*/
margin-left: -1px;   /* Hidden from IE-mac */
}

#left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 180px;    /*** Critical left col/divider dimension value ***/
margin-left: -180px;    /*** Critical left col/divider dimension value ***/
}

* html #left {float:left;}

#container-left {width: 180px; font-size: 1.3em; background: #59277f;}

#right {
float: left;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 200px;    /*** Critical right col/divider dimension value ***/
margin-right: -200px;    /*** Critical right col/divider dimension value ***/
}

/* \*/
* html #right {
margin-left: 0px;
margin-right: -500px;
mar\gin-right: -200px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html #right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -150px;    *** Critical right col/divider dimension value ***
}
*/

#container-right {
/* \*/width: 200px;/* Hidden from IE-Mac */
padding-top: 63px;
}
/* \*/

* html #container-right {float: right;}

.clear {clear: both;}

#footer {clear:both; position: relative; width:100%; margin:0; padding: 0; text-align:center;}

<!--[if IE]>

/*** The rule below prevents long urls from widening floated cols and breaking the layout
	in IE. It is not valid, but if placed within a "Conditional comment" it will be hidden
	from all user agents other than IE/Win, and thus validate. This fix fails in IE5/Win.
	http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp ***/

.outer {word-wrap: break-word;}

<![endif]-->