@charset "UTF-8";
/* CSS Document */

/*** some people may not like to clear all of their padding and margin spacing but I do, I want to have full control ****/

*{
	margin:0px;
	padding:0px;
}

body{
	background:url(images/html-bg.jpg) repeat-x;
	font-family:Helvetica, Arial, sans-serif;
}

/*** I usually do center aligned designs so I am going to set the container to sit in the middle of the page ****/

#header{
	background:url(images/header.jpg) no-repeat;
	width:1160px;
	height:300px;
	margin:0px auto;
}

#container{
	background:url(images/content-bg.jpg);
}

#content{
	width:876px;
	margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
	background:url(images/leftcol-bg.jpg) repeat-y;
}

#content-top{
	background:url(images/top-content.jpg) no-repeat;
	height:27px;
}

#leftcol{
	width:650px;
	float:left;
}

	.post .heading{
		width:635px;
		padding:5px 0px 7px 15px;
		background:#FFF;
	}
	
	#leftcol .post .heading h2{
		font-size:22px;
		font-weight:normal;
		background:#FFF;
		margin:0px;
		color:#000;
		border:none;
		padding-bottom:0px;
	}
	
	div.leftcol-top{
		background:url(images/leftcol-top.jpg) no-repeat;
		height:48px;
	}
	
	div.leftcol-bottom{
		background:url(images/leftcol-bottom.jpg) no-repeat;
		height:34px;
	}

	#leftcol h1, #leftcol h2, #leftcol h3{
		margin:10px 32px 10px 31px;
		color:#C50000;
		border-bottom:1px dotted #000;
		font-size:18px;
		padding-bottom:3px;
	}
	
	#leftcol p{
		margin:10px 32px 10px 31px;
		font-size:12px;
		line-height:24px;
	}
	
	#leftcol a:link, #leftcol a:visited{
		color:#C50000;
		text-decoration:none;
	}
	
	#leftcol a:hover, #leftcol a:active{
		color:#000;
		text-decoration:none;
	}

#rightcol{
	margin-left:14px;
	width:212px;
	float:left;
	background:url(images/pages-col-bg.jpg) repeat-y;
}

	#rightcol ul{
		list-style-type:none;	
	}

	#rightcol ul li h2{
		background:url(images/right-h2-bg.jpg) repeat-y;
		padding-left:15px;
		color:#FFF;
		font-size:22px;
		font-weight:normal;
	}
	
	#rightcol ul li div#under-h2{
		background:url(images/pages-subhead-bottom.jpg) no-repeat;
		height:40px;
	}
	
	#rightcol ul li ul li{
		margin:0px 16px 8px 18px;
		font-size:12px;
	}
	
	#rightcol a:link, #rightcol a:visited{
		color:#000;
		text-decoration:none;
	}
	
	#rightcol a:hover, #rightcol a:active{
		color:#C50000;
		text-decoration:none;
	}
	
	#rightcol-bottom{
		background:url(images/pages-col-bottom.jpg) no-repeat;
		height:18px;
	}
		
#clear, .clear{
	clear:both; /*** this stops the floating ***/
}

	#clear{
		background:url(images/clear.jpg) center no-repeat;
		height:8px;
		}

#footer{
	width:876px;
	margin:10px auto 0px auto;
	padding-bottom:10px;
	font-size:12px;
}