/* CSS Document Name: two-columnfixed.css  2-Col Fixed Layout with floated columns (from Andy Budd, CSS Mastery) Exercise 21 adding a floated image and background images to divs */
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:#cc6;
	background-image:url(star.gif);
	background-position:top right;
	background-repeat:repeat-x;
	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;
			background-image:url(dingbat.gif);
			background-position:bottom right;
			background-repeat: no-repeat;
}
#mainNav {width:180px;
			float:left;
			background-color:#ffc;
			margin:0; padding:0;
			line-height:normal;
}
#mainNav ul {margin:10px 0px;
			padding:0;
}

#mainNav ul li {margin:0;
				padding:0;
				list-style-type:none;
}

#mainNav ul li a {display:block;
					width:180px;
					padding:0 1px 4px 10px;
					font-weight:bold;
					text-decoration:none;
					background-color:#ffffcc;
					color: #999933;
}

html>body #mainNav ul li a {width:100%;
					padding:2px 2px 2px 15px;


}



#mainNav ul li a:hover {background-color:#CCCC66;
						color:#000;
}

/*

*/




#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;
}


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