@import url("header_and_topnav.css");
@import url("col-left.css");
@import url("landing.css");
@import url("2-col_content.css");
@import url("1-col_content.css");
@import url("content_details.css");

html{
    overflow-y: scroll;
}

body p{
	font:Arial, Helvetica, sans-serif;
}

a img {
	border: none;
}

h1,h2,h3{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 margin-top: 0;
}

table td{
	vertical-align:top;
}

table td.date {
	padding-right: 1em;
}

hr {
    color: #CCCCCC;
    border: none;
    border-top: 1px solid #CCCCCC;
    height: 1px;
    margin: 0 0 1em 0;
    padding: 0;
}

	#total-wrap{
	width: 750px;
	margin: 1em auto auto auto;
	font-size:80%;
	}
	
	
	/*********  content  ***********/
	#content{ /*includes leftnav */
	margin: 10px 0 20px 0;
	float:left;/* to make it strecht the height of the floating columns - a must for the bg images... */
	background: url("../_media/dotted_left_750.gif") repeat-y;
	}
		#content.three-col{ /*includes leftnav */
	background: url("../_media/dotted_lines_3-col.gif") repeat-y;
	}
	
	
	#main-col{
		float:right;
		width: 560px; /* 750 - 180(leftnav) - 10(space btwn leftnav and content)*/
}
	
	
	
	
	
	/****** footer **********/
		
	#footer{
		clear:both;
		border-top: 3px solid #666;
		padding: 1em;
		color: #999999;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:85%;
	}
	#footer a{
		color: #999999;
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}




small a {
	text-decoration: none;
	}