/* CSS Document Name: two-columnfixed.css  2-Col Fixed Layout with floated columns (from Andy Budd, CSS Mastery) Exercise 19 with Exercise 14 nav added from CSS Cookbook*/
body {text-align:center;
		min-width: 760px;
		font-family:Georgia, "Times New Roman", Times, serif;
		background-color:#996;
		margin:0;padding:0;
		}
#container { width:720px;
			margin:0 auto; padding:0;
			text-align:left;
			background-color:#ffc;
		}
#banner {width:auto;
	background-color:#ccc;
	height:70px;
	margin:0; padding:0;
}
#banner h1 {padding:10px 0 0 0;
				margin:10px 0 0 20px;
				font-size:130%;
				color:#0099CC;
}
#mainContent {	width:520px;
			float:right;
			background-color:#fff;
			margin:0; padding:0;
}
#mainNav {width:180px;
			float:left;
			background-color:#ffc;
			margin:0; padding:0;
}
/* The following navsite div is an example of a navigating list from the CSS Cookbook by Christopher Schmitt */
#navsite {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 0.7em;
 font-weight: bold;
 width: 12em; 
 border-right: 1px solid #666; 
 padding: 0; 
 margin-bottom: 1em; 
 background-color: #9cc; 
 color: #333; 
}
#navsite ul {
 list-style: none; 
 margin: 0; 
 padding: 0; 
}
#navsite ul li {
 margin: 0; 
 border-top: 1px solid #003;
}
#navsite ul li a {
 display: block; 
 padding: 2px 2px 2px 0.5em; 
 border-left: 10px solid #369; 
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #036; 
 color: #fff; 
 text-decoration: none; 
 width: 100%; 
}
html>body #navsite ul li a { 
 width: auto; 
}
#navsite ul li a:hover {
 border-left: 10px solid #036;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369; 
 background-color: #69f; 
 color: #fff; 
}


#footer {clear:both;
			margin:0;
			border-top:1px solid #000000;
			background-color:#fff;
			text-align:center;
}

#footer p.text {font-family:Arial, Helvetica, sans-serif;
			font-size:80%;
			line-height:normal;
			margin:0;padding:5px 0;
			line-height:normal;
}

/* General text styles */
#mainContent p {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0 20px;
	}
#mainContent h1, h2, h3 {color:#0099CC;
				padding:10px 20px 0px;
}
pre {margin-left:3em; }


/* this next rule only for image on two-columnfixed2.html sample page */
.pic {
float:right;
margin:5px;
border:1px solid #ddd;
}
img {margin:5px;
}