@import url(askbettystyle.css);

body {
	background-color: #235;
}

.container { 
	background: #ffffff url(commentsbg.gif) repeat-y;
}

#navlist { 
	background-color: #d7d7d7;
	border: 1px solid black;
	width: 700px;
}

#navlist li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul img {
	width: auto;
	border: 1px solid blue;
	margin: 10px;
}

h1 { 
	border-bottom: 8px solid #e6ccff; 
	margin-left: -10px;
	padding: 30px 20px 0 10px 
	}

h2 img { float: left; margin: 20px; position: relative; margin-top: -15px; }

h2 {
	width:600px;
	clear:both;
	color:#777;
	}

#headingPic {
	width:auto; 
	border-bottom:2px solid #ddd;
	border-right: 2px solid #ddd;
	}

.leftfloat { float: left; margin: 0px }

.rightfloat { float: right;}


.smallbox {
	padding: 10px;
	margin: 10px 0px;
	background: #e7ffcb; /* #eafaea;*/ 
	clear: both;
}


.smallbox p { font-size: .8em; }

.smallbox img {
	float: left;
	margin: 0px 8px 8px 0px; /* bottom margin set a little large to keep long text to right */
	padding: 0px;
	border: 1px solid #ddd;
	border-color: #fff #ddd #ddd #fff;
	}

.top {
	position: relative;
	width: 35px;
	left: 650px;
	background-color: #e6ccff;
	border: 1px solid black;
	margin: 20px;
}

.top a {
	width: 35px;
	padding: 3px;
}

.top a:hover { background-color: #ffffff;
	color: #d71953;
	text-decoration: none;
}

#imgbox {background: #e7e7e7 url(../background2.jpg); 
	width: 750px; margin-left: 25px;
	margin-top: 20px;
	padding: 0px 20px 20px 20px;
	border: 1px solid #a7a7a7;
}

.imgbox {background: #ffffff;
	float: left;
	margin: 10px auto 15px 25px;
	padding: 5px;
	border: 1px solid #0000ff;
}

div.imgbox a:hover { background: #d7d7d7; }

p { clear: both; }
#container p { margin: 0px; padding: 0px; }