@import url(./undohtml.css);
@import url(./headers.css);
@import url(./forms.css);
@import url(./menu.css);
@import url(./picturator.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #ececec;
	margin: 20px;
	padding: 0;
}
body a {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:bold;
	color: #691370;
	text-decoration:none;
}	
body a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#691370;
	text-decoration:underline;
}	
ul.feature {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul.feature ul li {
	color: #666;
	padding-left:30px
}
#wrapper {
	padding:0 7px;
	background:#fff url(../img/page-bg.jpg) repeat-y;
	width:900px;
	margin:0 auto;
	background-color:#fff;
}

#masthead {
	height:104px;
	background:url(../img/masthead.jpg) no-repeat;
}

#left {
	width:200px;
	float:left;
}

#left p {
	margin:10px 0;
	font-size:0.9em;
	line-height:1.1em;
	color:#333;

}

#right {
	margin-left:200px;
	padding:5px 20px 10px 10px;
	height:auto !important;
	height:400px;
	min-height:400px;
}


/* Want to use proper lis within the content area so... */
#right ul, #left ol { font-size:12px; }
#right li { margin:10px 0; color:#666; padding-left:20px; background:url(../img/li_blue.gif) no-repeat 0 3px; }


#footer {
	height:15px;
	padding:0 7px;
	background:#fff url(../img/footer-bg.jpg) no-repeat;
	width:900px;
	margin:0 auto;
}
#strap-top {
	height:10px;
	padding:0 7px;
	background:#fff url(../img/strap-top-bg.jpg) no-repeat;
	width:900px;
	margin:0 auto;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
}

.homebox {
	float:left;
	width:150px;
	height:100px;
	border:2px solid #ccc;
	margin:4px;
}

}