@charset "utf-8";
/* CSS for standard 3-col layout */

#all {
	float: left;
	width: 100%;
}
/*** HEADER ***/
/* Can use <h1> for header instead <div> */
h1 {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	background: black;
	color: white;
	text-align: center;
}
/*** MENU BAR ***/
ul.menu {
	width: 100%;
	display: block;
	clear: both;
	float: left;
	list-style: none;
	padding: 0;
}
ul.menu li {
	display: block;
	float: left;
	position: relative;
	padding: 0.5em 1em;
	border: 1px solid black;
	background: white;
	color: black;
}
ul.menu li:hover {
	background: black;
	color: white;
}
/* dropdown submenus */
ul.menu li ul {
	display: none;
	position: absolute;
	z-index: 999;
	padding:0;
}
ul.menu li ul li {
	clear:both;
}
ul.menu li:hover ul {
	display:block;
	top:100%;
	left:0;
}
/*** CONTENT COLUMNS ***/
#columnwrapper {
	float: left;
	background: url(images/csslayoutbg.png) repeat-y 20%;
}
#outsidecontainer {
	width:80%;
	float:left;
}
.insidecontainers {
	padding: 1em;
}
#main {
	width:75%;
	float: right;
}
#left {
	width:24.99%;
	float:left;
}
#right {
	width:19.99%;
	float:right;
}
#right .insidecontainers {
	border: 1px solid gray;
}
/*** FOOTER ***/
#footer {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	background: black;
	color: white;
	text-align: center;
}