/* CSS Document */

#container {
	position: relative;
	background-image: url(../images/layout3_container.gif);
	background-repeat: repeat-y;
	width: 791px;
	border: 2px white solid;
	text-align: left;
}
	
body {
	background-image: url(../images/stripes_backdrop.gif);
}

/* IE 5/Mac safety */
* html>body #container {
	float: left;
}	

#container:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/*\*/
* html #container {
	height: 1%;
}
/* */

#masthead {
	border-bottom: 0px solid #fff;
	padding-bottom: 0px;
	width: 791px;
	height: 137px;
}

#masthead img {
    display: block;
}

#rule {
    width: 791px;
	height: 40px;
	padding: 0;
	margin: 0;
	background-image: url(../images/layout2_rule.jpg);
}

#maincontent {
	float: right;
	width: 560px;
	padding-right: 20px;
	padding-bottom: 2em;
	min-height: 550px;
}
		
#sidebar {
	float: left;
	width: 196px;
}

#sidebar form {
    width: 176px;
    margin: 0;
	padding: 0 0 12px 12px;
	border-bottom: 1px solid silver;
	background-color: #359848;
}
	
#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li {
    width: 188px;
    height: 33px;
}

/* Sidebar bottom graphic
----------------------------------------------------- */

#bottom	{
	position: absolute;
	bottom: 0;
	width: 196px;
	height: 139px;
	background: url(../images/house.jpg) no-repeat;
	background-position: 0 -3px;
}
	
* html #bottom {
	width: 100%; /* sets width to containing element's, rather than antecedent positioned element - both PC and Mac */
}
	
/* Footer styles
----------------------------------------------------- */

#footer {
	width: 795px;
	height: 28px;
	border-top: 4px solid #aca;
	padding-top: 5px;
	background-color: #fff;
}

#footer .copyright {
    float: left;
    width: 300px;
    padding-left: 3px;
}

#footer .links {
    float: right;
    width: 300px;
    margin-right: 6px;
}

/* ]]> */