* { margin:0; padding:0; }

body { background:#ccc; 	font: normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	color: #666;
	text-align: center; /* For IE */ }

#overall {
	/* width: 720px !important; */
	width: 720px;
	background: #fff url(../a_images/dir_bg_container.jpg) repeat-y;
	border: 15px solid #fff;
	margin: 0 auto; 
	text-align: left; /* For IE, see above */
}

#header {
	background-color: #99CCCC;
	background-image:url(../a_images/dir_bg_header.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	height: 150px;
	text-align: left; /* For IE, see above */
	border-bottom: 1px solid #fff;	
}
#header2 { height: 30px; 	border-bottom: 1px solid #fff; background: #9E9E8E url(../a_images/dir_bg_header2.gif); }
.date {padding: 5px 5px 5px 10px; color:#333333; float: left; }
.thankyou {margin: 10px 0 10px 0; color:#FF0000; font-weight: bold; }
.login { float: right;  padding: 5px 5px 0 0;}
#lhs { float: left;  }
h1 { font-size: 16px;	font-weight: normal;	line-height: 20px;	color: #333333; }
#lhs p {	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: black;	display: block;	width: 160px;	 }
#lhs a { 	text-decoration: none; color: #666666;}

#home, #nav, #images, #quotes, #links, #thoughts, #styles, #backup { width: 180px;	float: left;clear: left;	border-bottom:1px solid #fff;		padding: 10px; }
#home {background-color:#CCCCCC; }
#nav {	background-color: #CCCC99;	}
#holder #navheader p { font-size: 16px; }
#holder #nav li { list-style-image: none; list-style: none;  }
#images { 	background-color: #CCCC66; }
#quotes {	background-color:#99CC99;	}
#holder #quoteheader { font-size: 16px; }
#holder .author {text-align: right; }
#links {	background-color: #879F91; }
#holder #linksheader { font-size:16px; }
#thoughts {	background-color: #AF9D79; }
#holder #thoughtheader { font-size: 16px; }
#styles { background-color: #AFA697; }
#backup { background-color:#999966; }

#thoughts a {display:inline; }
#links a {display: inline; }
#quotes a {display: inline; }


#main {	margin-left: 15px;	float: right;	width: 500px; }
#main h1 {margin-top: 20px; font-size: 18px; }
#main h2 { font-weight: normal; margin: 10px 0 10px 0; font-size: 16px;}
#main p.quote { background-image:url(../images/quote.gif); background-position:left top; background-repeat: no-repeat; padding-left:20px; line-height: 20px;}
#main p.thought { background-image:url(../images/thought.gif); background-position:left top; background-repeat: no-repeat; padding-left:20px; line-height: 20px;}
#main p.link { background-image:url(../images/link.jpg); background-position:left top; background-repeat: no-repeat; padding-left:20px; line-height: 20px;}
#main p {line-height: 20px; padding-bottom: 10px;}
#main .question {font-size: 14px; }
#main #questions ul { padding: 10px 0 10px 0; }
#main li { list-style:none; padding-left: 10px; }

/* footer styling */
#tail { 	clear: both;	width: 700px; }
#tail p { 	font-size: 12px;	color: #000000;	text-align: right;	padding: 20px 0 5px 5px;	margin: 0px; }
/* end of footer styling */