/* LIFECOURSE COUNSELING CENTER */

html, body { margin: 0; padding: 0; }

body { 
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; 
	font-size: 0.85em;
	text-align: center; 
	background-color: #60663B;
	}

div#container { 
	text-align: left;
	width: 768px; 
	margin: 0 auto; 
	border: 1px solid black;
	border-top: none;
	border-bottom: none;
	background-color: #FFF;
	background-image:   url(../images/topbg.jpg); 
  	background-repeat: no-repeat;
	}
	
	
/* -------- CONTENT AREA ---------- */

div#content { float: right; width: 566px; margin-top: 190px; }
div#content p { line-height: 150%; margin-right: 20px; }

div#content p.bizname { 
	color: #8D2145; 
	font-size: 2em; 
	font-style: italic; 
	margin-top: 0;
	margin-right: 0;
	padding-bottom: 4px;
	border-bottom: 3px dotted #AFB29D;
	width: 13.3em;
	}
	
h1, h2, h3, h4, h5 { color: #8D2145; font-variant: small-caps; }
h1 { font-size: 1.4em; letter-spacing: 2px; }
h2 { font-size: 1.3em; /*letter-spacing: 1px;*/ font-variant: normal; }
h3 { font-size: 1.2em; letter-spacing: 1px; font-style: italic; }

a { color: #8D2145; }
a:visited, a:active, a:hover { color: #60663B; }

ul { line-height: 140%; padding-left: 16px; margin-left: 0; margin-right: 20px; }
ul li { margin-bottom: 8px; }
ul li ul li { margin-bottom: 0; }

ul.box {
	float: right;
	border: 1px solid #8D2145;
	margin: 0 20px 20px 20px;
	padding: 10px 20px 10px 25px;
	}
ul.box li { margin: 0; padding: 0; }




/* -------- NAVIGATION ---------- */

div#navigation { 
	float: left; 
	width: 172px; 
	padding: 225px 15px 0 15px;
	}
div#navigation ul {
	list-style-type: none;
	margin: 0; padding: 0;
	line-height: 170%;
	}
div#navigation a { 
	font-weight: bold; 
	font-style: italic; 
	color: #413C68; 
	text-decoration: none;
	}
div#navigation a:active, div#navigation a:hover { text-decoration: underline; }

div#navigation p {
	color: #413C68;
	line-height: 130%;
	margin-top: 30px;
	margin-bottom: 10px;
	border-top: 1px dotted #413C68;
	padding-top: 20px;
	font-size: 0.9em;
	}

div#navigation h2 { 
	margin-top: 40px;
	font-size: 0.9em; 
	color: #ada9cd; 
	font-weight: normal; 
	}



/* -------- FOOTER ---------- */

div#footer { 
	clear: both; 
	width: 100%; 
	height: 104px;
	background-image: url(../images/bottombg.jpg);
	background-repeat: no-repeat;
	margin: 20px 0 0 0; padding: 0;
	}
div#footer p { 
	text-align: right;
	padding-top: 8%;
	margin-right: 15px; 
	text-transform: uppercase;
	font-size: 0.9em;
	line-height: 130%;
	}
div#footer a { color: #000; }