Main Content
This is a simple two column layout that uses a colored border on the left side
of the #main div (the same width as the sidebar) to simulate equal height columns.
The sidebar is floated left and positioned with a negative margin equal to the sidebar width.
The main wrapper has the same background color as the right #content div.
If the sidebar content should exceeed that of the main right content the wrapper bg color will
give equal an height appearance. In normal conditions where the right content is greater the
180px left border of the #main div will give an equal height appearance to the sidebar.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean vitae dolor quis diam sodales sodales. Quisque massa leo, sagittis sed, rhoncus vitae, convallis nec, orci. Fusce lorem. Nullam ac dui. Mauris quis risus. Mauris volutpat. Ut sollicitudin magna ac arcu. Aliquam velit. Donec commodo tempus urna.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean vitae dolor quis diam sodales sodales. Quisque massa leo, sagittis sed, rhoncus vitae, convallis nec, orci. Fusce lorem. Nullam ac dui. Mauris quis risus. Mauris volutpat. Ut sollicitudin magna ac arcu. Aliquam velit. Donec commodo tempus urna.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean vitae dolor quis diam sodales sodales. Quisque massa leo, sagittis sed, rhoncus vitae, convallis nec, orci. Fusce lorem. Nullam ac dui. Mauris quis risus. Mauris volutpat. Ut sollicitudin magna ac arcu. Aliquam velit. Donec commodo tempus urna.