/* Basic Styles */

/* 
 * This line sets all the main elements to have no browser-defined margin or padding,
 * allowing our styles to be the only place they get their information from.
 */
html, body, p, h1, h2, h3, ul, li { margin: 0; padding: 0; }

/*
 * This sets the font for the entire site, as well as the line-spacing, background
 * color, text color, and page margins.
 */
body {
	font: 1em Tahoma, sans-serif;
	font-size: 76%;
	line-height: 1.5em;
	background: #eee;
	color: #333;
	padding: 2em 0 1em 0;
	border-top: 5px solid #333;
}

h1 {
	font: 2em Tahoma, sans-serif;
}

h3 {
	font: 1.5em Tahoma, sans-serif;
	line-height: 2em;
}

ul li {
	display: inline;
	text-decoration: underline;
}

/* Specific Styles */

/*
 * These styles are one-time use styles for the divs that have ids with the
 * matching names below.
 */

#header {
	width: 600px;
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
	border: 1px solid #333;
	background: #ccc;
}

#nav {
	width: 600px;
	margin: -1px auto;
	padding: .5em 0;
	border: 1px solid #333;
	border-top: none;
	background: #ddd;
	text-align: center;
}

#main_text {
	width: 580px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #333;
	padding: 10px 0 10px 20px; /* Top, right, bottom, left.  Everything is in this order in CSS. */
}

#footer {
	width: 600px;
	margin: -1px auto;
	background: #ddd;
	border: 1px solid #333;
	text-align: center;
}

/*
 * You can also style specific tag sets within an id.
 */
#footer p {
	font: bold .9em Tahoma, sans-serif;
	padding: .3em 0 .5em 0;
}

#main_text p {
	text-indent: .5em;
	margin-bottom: 1em;
}

/* General Styles */

/* 
 * We don't have any classes in here, but this is where they'd go.
 * You'd have .classname, then the styles as above.
 */