/*
outer width:
    <------------- 1023 ----------------->

middle width inherited from outer:
    <------------- 1023 ----------------->
middle padding:
    <-  210 ->                   <-- 290 ->

left width:
    <- 180 ->

right width:
                                 <- 260 ->
*/

div#outer {
    width: 1023px;
}

div#left {
	width: 180px; /* interacts with div#right width and div#middle padding */
}

div#right {
	width: 260px; /* interacts with div#left width and div#middle padding */
	margin-right: 10px;
}

div#middle {
	padding: 0px 300px 5px 210px;  /* interacts with div#right width and div#left width */
}