#wrap, [dummy] {background: url(../images/bg-wrap.png) repeat-y;}/*see ie.css for fixes*/
#wrap {width: 940px; margin: 0 auto; padding: 0 10px;}

/**************************************************header**************************************************/
#header {width: 940px; height: 240px; position: relative;}
#header h1 {background: url(../images/logo-classnet.gif) no-repeat; width: 940px; height: 60px;}
#header h2 {width: 940px; height: 31px; padding: 9px 0 0 20px; bottom: 0px; position: absolute; text-transform: uppercase;}
#header form {bottom: 10px; right: 25px; position: absolute;}/*see ie.css for fixes*/

/**************************************************content area********************************************/
#content {padding: 0 0 20px 0; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {width: 710px; min-height: 400px; margin-left: 230px; position: relative; float: left;}/*see ie.css for fixes*/
#main ul#breadcrumbs {margin: 10px 25px; line-height: normal; font-size: 1em; text-align: right;}
#main ul#breadcrumbs li {list-style: none; display: inline;}
#main ul#breadcrumbs li a {font-weight: normal;}
#main .left {float: left; margin: 0 0 13px 13px;}
#main .right {float: right; margin: 0 13px 13px 0;}
#contentContainer {margin: 0 25px;}
#main h3 {margin: 0 25px 20px 25px; font-weight: bold; text-transform: uppercase;}
#main h4, #main h5, #main h6 {margin: 0 0 20px 0; font-weight: bold;}
#main p {margin: 0 0 20px 0;}
#main div.articleMetadata {margin: 0 0 20px 0; font-size: .95em;}
#main ul {margin: 0 0 20px 20px;}
#main ol {margin: 0 0 20px 25px;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 20px; list-style: decimal;}
#main .file {margin: 0 0 20px 0;}
#main .file img {margin: 0 10px 0 0;}
#main table {width: 660px; margin: 0 0 20px 0; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; vertical-align: middle;}
#main table.table2column thead tr th, #main table.table2column tbody tr td {width: 50%;}
#main table.table3column thead tr th, #main table.table3column tbody tr td {width: 33%;}
#main table.table4column thead tr th, #main table.table4column tbody tr td {width: 25%;}
#main table.table5column thead tr th, #main table.table5column tbody tr td {width: 20%;}

.grunt-file {padding: 0 0 5px 25px;}
.grunt-file-pdf, .grunt-file-PDF {background: url(../images/icon-adobepdf.gif) no-repeat;}
.grunt-file-doc, .grunt-file-DOC {background: url(../images/icon-msword.gif) no-repeat;}
.grunt-file-xls, .grunt-file-XLS {background: url(../images/icon-msexcel.gif) no-repeat;}
.grunt-file-ppt, .grunt-file-PPT {background: url(../images/icon-mspowerpoint.gif) no-repeat;}

/**************************************************left column*********************************************/
#sidebar {width: 230px; min-height: 400px; margin-left: -100%; position: relative; float: left;}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {padding: 6px 20px; font-size: 1.2em; font-weight: bold; display: block; text-transform: uppercase;}
#sidebar ul#sidebarNav li a.parent {border: none;}
#sidebar ul#sidebarNav li ul {padding: 0 0 5px 0;}
#sidebar ul#sidebarNav li ul li a {padding: 0 20px 0 33px; font-size: 1.1em; text-transform: none; border: none;}
#sidebar ul#sidebarNav li ul li ul {margin: 5px 0 0 0; border: none;}
#sidebar ul#sidebarNav li ul li ul li a {padding: 0 20px 0 45px; font-weight: normal;}
#sidebar ul#sidebarNav li ul li ul li ul {margin: 5px 0;}
#sidebar ul#sidebarNav li ul li ul li ul li a {padding: 0 20px 0 59px; }

#main, #sidebar {margin-bottom: -32767px !important; padding-bottom: 32767px !important;}

/**************************************************footer**************************************************/
#footerWrap, [dummy] {background: url(../images/bg-footerWrap.png) no-repeat;}/*see ie.css for fixes*/
#footerWrap {width: 940px; height: 60px; margin: 0 auto; padding: 0 10px; font-size: 1em; clear: both;}
#footer {height: 50px; position: relative;}
#footer p {margin: 20px 20px 0 0; float: right; font-size: .9em; font-weight: bold;}
#footer p#copyright {margin: 20px 0 0 20px; float: left;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}