/* Grid Styles
To be used for sizes and positioning of major grid elements
*/

body {}
.pagecontainer { width: 900px; padding: 0 30px; margin: 0 auto; }
.headercontainer { width: 900px; padding: 0 0 20px 0; }
.contentcontainer { float:left; width: 900px; padding: 0 0 20px 0; padding-top: 13px; position: relative; }
.mainContent { width: 600px; float: left; position:relative; }
.home .mainContent { width:602px; }
.home .mainContent .horizontalRule { width:600px; }
.home .mainContent .twoCol .horizontalRule { width:auto; }
.sidebarcontainer { width: 268px; float: right; }
.footercontainer { clear: both; }

.twoCol { float:left; margin-bottom:20px; }
.col1 { width:280px; padding-right:10px; }
.col2 { width:280px; padding-left:18px; }
.col1.dotsBorder { background:url('../img/dotsBorder.gif') repeat-y top right; width:290px; padding-right:11px; }
.col2.dotsBorder { background:url('../img/dotsBorder.gif') repeat-y top left; }

.home .twoCol { margin-bottom:0; margin-top:7px; }
.home .dotsBorder { float:left; background:url('../img/dotsBorder.gif') repeat-y top center; margin-bottom:20px; }