/*** Styles For Basic HTML Elements ***/
	* {
		margin: 0px;
		padding: 0px;
	}
	html, body {
		margin-bottom: 20px;
		background: #f3f1ec url(images/bg_main.jpg) 0 100px repeat-x;
		font: 10px Verdana, Helvetica, Sans-Serif;
		line-height: 16px;
		color: #3d4b52;
	}
	input, textarea { 
		font: 11px Verdana, Helvetica, Sans-Serif; 
		padding: 1px;
	}
	#page {
		margin-top: 0px;
		width: 742px;
		position: relative;
	}
	h1 {
		margin: 10px;
		font: bold 14px Verdana, Helvetica, Sans-Serif;
		color: #b38419;
	}
	h2 {
		margin: 10px;
		margin-top: -10px;
		color: #616466;
		font: 10px Verdana, Helvetica, Sans-Serif;
	}
	h3 {
		font: bold 12px Arial, Helvetica, Verdana, Sans-Serif;
		color: #d9b257;
		text-transform: uppercase;
	}
	hr {
		margin-left: 10px;
		margin-right: 20px;
		border: none 0; 
		border-top: 1px solid #b4b3b1;
		height: 1px;
	}
	p {
		margin: 10px;
		margin-right: 20px;
		font: 10px Verdana, Helvetica, Sans-Serif;
		line-height: 16px;
		color: #3d4b52;
	}
	p strong a { font-weight: bold; }
	a.external { 
		padding-right	: 17px;
		background		: url(images/external_link_bg.gif) center right no-repeat;
	}
	.tip {
		font-size	: 9px;
		color		: #888;
	}
	#content ul, #content ol {
		margin-left: 45px;
		font: 10px Verdana, Helvetica, Sans-Serif;
		line-height: 14px;
		color: #3d4b52;
	}
	#content ul li, #content ol li { margin-bottom: 6px; }
	a {
		font: 10px Verdana, Helvetica, Sans-Serif;
		color: #7e0c0c;
	}
	a:hover {
		text-decoration: none;
		color: #617d8c;
	}
	.TxtCaption {
		font: 10px Arial, Helvetica, verdana, sans-serif;
		line-height: 10px;
		color: #c5c9cb;
	}
	.TxtForm {
		font: 11px Arial, Helvetica, verdana, sans-serif;
		color: #3d4b52;
		background: #f1f1f1;
	}
	
	.TxtNormal {
		font: 10px Arial, Helvetica, verdana, sans-serif;
		color: #3d4b52;
	}
	
	/*** End Styles For Basic HTML Elements ***/
	
 	/* ---------------------------------------- Header Area */
	#header {
		width: 100%;
		height: 100px;
		position: relative; 
	}
	#header .logo {
		position: absolute;
		left: 40px;
		bottom: 6px;
	}
	#header ul {
		position: absolute;
		right: 35px;
		bottom: 5px;
		list-style-type: none;
		color: #797979;
		font: 10px Arial, Sans-Serif;
	}
	#header ul li {
		display: inline;
		padding: 2px;
	}
	#header ul a {
		color: #797979;
		font: 10px Arial, Sans-Serif;
		text-decoration: none;
	}
	#header ul a:hover {
		color: #af852a;
		text-decoration: underline;
	}	
	
	/* ---------------------------------------- Masthead Area */
	#masthead {
		margin-top: 4px;
		background: #3d4b52 url(images/bg_masthead.gif) top left repeat-y;
	}
	
	/* ---------------------------------------- Main Navigation */
	#mainNav {
		height: 144px;
		width: 174px; 
		background: #7294a6;
		float: left;
		position: relative;
		border-bottom: #f3f1ec 1px solid;
		border-right: #f3f1ec 1px solid;		
		border-left: #f3f1ec 1px solid;
	}
	#mainNav ul {
		list-style-type: none;
		text-align: right;
	}
	#mainNav ul li a {
		display: block;
		width: 100%;
		height: 23px;
		font: 12px Arial, Helvetica, Verdana, Sans-Serif;
		color: #f3f1ec;
		text-decoration: none;
		text-transform: uppercase;
	} 
	#mainNav ul li a:hover {
		background: #d9b257;
	}
	
	/* ---------------------------------------- Find A Therapist */
	#findCSAT {
		background: #3d4b52 url(images/findCSAT_bottom.gif) bottom left no-repeat;
		height: 139px;
		width: 174px;
		position: absolute;
		top: 145px;
		left: 0px;
		text-align: left;
	}
	#findCSAT h3 {
		margin: 18px 18px 0 18px;
	}
	#findCSAT .TxtCaption {
		margin: 2px 18px 0 18px;
	}
	
	/* ---------------------------------------- Media */
	#media {
		width: 390px;
		float: left;
		position: relative;
	}
	#media div {
		height: 139px;
		width: 390px;
		background: #3d4b52;
		position: absolute;
		bottom: 2px;
		left: 0px;
		z-index: 2px;
		filter:alpha(opacity=70);
		-moz-opacity:.70;
		opacity:.70;
	}
	#media p.quote {
		margin: 20px 26px 10px 26px;
		line-height: 18px;
		color: #FFF;
		font: 11px Arial, Helvetica, Verdana, Sans-Serif;
		text-align: left;
	}
	
	/* ---------------------------------------- Am I a Sex Addict */
	#amI {
		width: 174px;
		height: 144px;
		background: #3d4b52;
		float: left;
		border-left: #f3f1ec 1px solid;
		border-right: #f3f1ec 1px solid;
		position: relative;
		text-align: left;
	}
	#amI h3 {
		margin: 35px 15px 0 15px;
	}
	#amI .TxtCaption {
		margin: 2px 15px 0 15px; 
	}
	#amI img {
		float: right;
		margin: -6px 18px 4px 4px;
	}
	#amI span {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 30px;
		background: #626b6f;
		font: bold 13px Times, Times New Roman, serif;
		color: #e8e8e8;
		text-align: center;
		line-height: 32px;
		text-transform: uppercase;
	}
	/* ---------------------------------------- Sub Navigation */
	#subNav {
		position:absolute;
		right:2px;
		top:249px;
		padding-top: 20px;
		width: 173px;
		text-align: left;
		list-style-type: none;
	}
	#subNav li {
		border-bottom: #abbec8 1px solid;
		margin-left: 10px;
	}
	#subNav a {
		margin-left: 8px;
		font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
		text-decoration: underline;
		line-height: 22px;
		color: #145f85;
		text-decoration: none;
	}
	#subNav a:hover {
		color: #c79b3b;
		text-decoration: none;
	}
	
	/* ---------------------------------------- Content Area */
	#content {
		padding: 18px 0 0 20px;
		width: 390px;
		clear: both;
		text-align: left;
	}
	
	#sast_content {
		padding: 10px 0 0 200px;
		clear: both;
		text-align: left;
	}
	
	/* ---------------------------------------- Footer */
	#footer {
		clear: both;
		margin-top: 30px; 
		width: 100%;
		font: 10px Arial, Helvetica, Sans-Serif;
		color: #888888;
		text-align: left;
		line-height: 14px;
	}
	#footer hr {
		margin-bottom: 5px;
	}	
	#footer a {
		font: 10px Arial, Helvetica, Sans-Serif;
		color: #888888;
		text-decoration: none;
	}
	#footer a:hover {
		color: #af852a;
		text-decoration: underline;
	}
	#footer ul {
		margin-left: 15px;
		list-style-type: none;
		display: inline;
	}
	#footer ul li {
		display: inline;
		padding: 1px;
	}
	#footer span {
		margin-left: 16px
	}