/* CSS Document */

#wrap {
	background: #FFFFFF;
	margin: 30px auto; /*first num is margin top, change num to move top of the layout*/
	width: 750px;
	border: 10px solid #FFFFFF;
	display: block;
}

#header {
    padding:5px;
    margin:0;
	background: url(images/blackDkGreyLinedBg.gif) repeat;
	color:#FFFFFF;
    }

#nav{
	
	margin-top:10px;
	background: #036;
	}

#mainOneCol {
	margin-top:10px;
    background:#FFFFFF;
    float:left;
    width:750px; /* main width + main padding + (sidebar width + sidebar padding - 5px for IE float bug) = wrap width */
	padding: 0;
	/*border-right: 1px solid #424242;*/
    }

#main {
	margin-top:10px;
    background:#FFFFFF;
    float:left;
    width:490px; /* main width + main padding + (sidebar width + sidebar padding - 5px for IE float bug) = wrap width */
	padding: 0;
	/*border-right: 1px solid #424242;*/
    }
	
#sidebar {
	margin-top:10px;
    background:#FFFFFF; /*use the same background color as the wrap to make the column appear to go all the way down to footer*/
    float:right;
    width:230px;  /* main width + main padding + (sidebar width + sidebar padding - 5px for IE float bug) = wrap width */
	padding: 0 0 0 0;
    }
	
#main2 {
	margin-top:10px;
    background:#FFFFFF;
    float:left;
    width:360px; /* main width + main padding + (sidebar width + sidebar padding - 5px for IE float bug) = wrap width */
	padding: 0;
	/*border-right: 1px solid #424242;*/
    }
	
#sidebar2 {
	margin-top:10px;
    background:#FFFFFF; /*use the same background color as the wrap to make the column appear to go all the way down to footer*/
    float:right;
    width:360px;  /* main width + main padding + (sidebar width + sidebar padding - 5px for IE float bug) = wrap width */
	padding: 0 0 0 0;
    }
	
#footer {
    background:#FFFFFF;
	/*padding:5px;*/
	text-align: center;
	font-size:10px;
	margin:0;
    clear:both;  /*clear property tells the footer that it can’t have any elements next to it. When you float an element, 
					it is removed from the document flow and doesn’t push elements that follow it down.*/
    }
	
