/**** HTML Base Elements ****/
body {
	margin: 0; padding: 0;
	/*** Background image adapted from SquidFingers #116 - http://www.squidfingers.com/ **/
	background: #626D7C url(../images/style/pagebg2.gif);
	font: normal 1em/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center; /* IE 5 Win*/
}

/* zero out default margins and padding */
p, h1, h2, h3, h4, h5, h6, h7, ul, ol, li, dl, dt, dd, img, a, form {
	margin: 0; padding: 0;
}
a {
	text-decoration: none;
	color: blue;
}
a:hover {
	color: #f60;
	text-decoration: underline;
}
img {
	display: inline; /* v4 has display: none, so counter that */
}
a img {
	border: none;
}
ul, ol, li {
	list-style: none;
}
address {
	font-style: normal;
	padding-left: 2em;
}
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
blockquote {
	background: #fff;
	padding: 0.3em;
	border: 1px solid #ddd;
}
input, textarea {
	border: 1px solid #333;
	padding: 2px;
	/* Explicitly define font for Win IE */
	font: normal 1em/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
fieldset {
	border: 1px solid #333;
	padding: 6px;
	margin: .5em 0;
}
legend {
	color: #555;
	font-size: .9em;
	font-style: italic;
}
.clearing {
	clear: both;
}
.notice-text {
	text-align: center;
	padding: 3em 0;
}
.highlighter {
	background: #ff9;
}

/**** PageWrapper ****/
div#pagewrap {
	width: 760px;
	border: 1px solid #303030;
	position: relative;
	margin: 5px auto;
	text-align: left;
	background: #f6f6f6 url(../images/style/faux_col_bg.gif) left repeat-y;
}
/* Right margin on homepage will be larger - 
	this rule and its partner for div#content accomplish this */
body#home div#pagewrap {
	background-image: url(../images/style/faux_col_bg-home.gif);
}

/**** Masthead ****/
div#masthead {
	background: #333 url(../images/style/masthead_bg.gif);
	height: 120px;
	color: #fff;
	position: relative;
}
div#masthead div#logo {
	position: absolute;
	top: 0;
	left: 28px;
	z-index: 999;
}
div#masthead #textlogo {
	display: none;
}
div#masthead p#tagline {
	background: transparent url(../images/style/masthead_tagline.gif) top left no-repeat;
	position: absolute; /* contained inside div#logo */
	top: 87px;
	left: 0px;
	z-index: 999;
	display: block;

	/*img replacement*/
	width: 585px;
	padding-top: 26px;
	overflow: hidden;
	height: 26px; /* Win IE 5 */ 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

div#masthead div#bullets {
	width: 435px; /* IE likes a couple px wiggle room*/
	position: absolute;
	left: 320px;
	top: 32px;
	z-index: 100;
}
div#masthead li {
	display: block;
	height: 27px;
}
div#masthead li.odd {
	width: 259px;
}
div#masthead li.even {
	width: 172px;
	float: right;
	clear: right;
	margin-top: -27px;
	margin-left: 274px; /* Win IE 5 */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left: 259px;
}
div#masthead li a {
	display: block;
	width: 259px;
	text-decoration: none;
	/*img replacement*/
	padding-top: 27px;
	overflow: hidden;
	height: 27px; /* IE 5 */ 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

div#masthead li.even a {
	width: 172px;
}
div#masthead li#fops {
	background: url(../images/style/masthead_bullet_fearofpub.gif) top left no-repeat;
}
div#masthead li#sh {
	background: url(../images/style/masthead_bullet_shyness.gif) top left no-repeat;
}
div#masthead li#pa {
	background: url(../images/style/masthead_bullet_perfanx.gif) top left no-repeat;
}
div#masthead li#sp {
	background: url(../images/style/masthead_bullet_socphob.gif) top left no-repeat;
}


/**** Main (Middle) ****/
div#main {
		border: 10px solid #363466;
		border-width: 10px 0;
}
/** Nav **/
div#nav {
	width: 190px;
	background: #C2C285;
	float: left; /* for Mac IE */
}
/* Mac IE Hack \*/
div#nav {
	float: none;
}
/* end mac hack */

div#nav ul {
	list-style: none;
	margin-left: 0;
	padding-top: .4em;
}
div#nav li {
	height: 23px;
	margin: 0 0 4px;
}
div#nav li a {
	display: block;
	width: 190px;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;

	/*img replacement*/
	padding-top: 23px;
	overflow: hidden;
	height: 23px; /* IE 5 */ 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
/* Mac IE Hack \*/
div#nav li a {
	float: none;
}
/* hide HOME and TOP links from left nav */
div#nav li#btn-home,
div#nav li#btn-top {
	display: none;
}

/***** highlight specific nav link according to body ID  ****/
div#nav li#btn-aboutsf a {background: url(../images/style/btn_aboutsf.gif);}
div#nav li#btn-aboutsf a:hover {background: url(../images/style/btn_aboutsf_f2.gif);}
body#aboutsf div#nav li#btn-aboutsf a {background: url(../images/style/btn_aboutsf_f3.gif);}
body#aboutsf div#nav li#btn-aboutsf a:hover {background: url(../images/style/btn_aboutsf_f4.gif);}

div#nav li#btn-casest a {background: url(../images/style/btn_casest.gif);}
div#nav li#btn-casest a:hover {background: url(../images/style/btn_casest_f2.gif);}
body#casest div#nav li#btn-casest a {background: url(../images/style/btn_casest_f3.gif);}
body#casest div#nav li#btn-casest a:hover {background: url(../images/style/btn_casest_f4.gif);}

div#nav li#btn-selftest a {background: url(../images/style/btn_selftest.gif);}
div#nav li#btn-selftest a:hover {background: url(../images/style/btn_selftest_f2.gif);}
body#selftest div#nav li#btn-selftest a {background: url(../images/style/btn_selftest_f3.gif);}
body#selftest div#nav li#btn-selftest a:hover {background: url(../images/style/btn_selftest_f4.gif);}

div#nav li#btn-programs a {background: url(../images/style/btn_programs.gif);}
div#nav li#btn-programs a:hover {background: url(../images/style/btn_programs_f2.gif);}
body#programs div#nav li#btn-programs a {background: url(../images/style/btn_programs_f3.gif);}
body#programs div#nav li#btn-programs a:hover {background: url(../images/style/btn_programs_f4.gif);}

div#nav li#btn-articles a {background: url(../images/style/btn_articles.gif);}
div#nav li#btn-articles a:hover {background: url(../images/style/btn_articles_f2.gif);}
body#articles div#nav li#btn-articles a {background: url(../images/style/btn_articles_f3.gif);}
body#articles div#nav li#btn-articles a:hover {background: url(../images/style/btn_articles_f4.gif);}

div#nav li#btn-clients a {background: url(../images/style/btn_clients.gif);}
div#nav li#btn-clients a:hover {background: url(../images/style/btn_clients_f2.gif);}
body#clients div#nav li#btn-clients a {background: url(../images/style/btn_clients_f3.gif);}
body#clients div#nav li#btn-clients a:hover {background: url(../images/style/btn_clients_f4.gif);}

div#nav li#btn-aboutrl a {background: url(../images/style/btn_aboutrl.gif);}
div#nav li#btn-aboutrl a:hover {background: url(../images/style/btn_aboutrl_f2.gif);}
body#aboutrl div#nav li#btn-aboutrl a {background: url(../images/style/btn_aboutrl_f3.gif);}
body#aboutrl div#nav li#btn-aboutrl a:hover {background: url(../images/style/btn_aboutrl_f4.gif);}

div#nav li#btn-ezine a {background: url(../images/style/btn_ezine.gif);}
div#nav li#btn-ezine a:hover {background: url(../images/style/btn_ezine_f2.gif);}
body#ezine div#nav li#btn-ezine a {background: url(../images/style/btn_ezine_f3.gif);}
body#ezine div#nav li#btn-ezine a:hover {background: url(../images/style/btn_ezine_f4.gif);}

div#nav li#btn-products a {background: url(../images/style/btn_products.gif);}
div#nav li#btn-products a:hover {background: url(../images/style/btn_products_f2.gif);}
body#products div#nav li#btn-products a {background: url(../images/style/btn_products_f3.gif);}
body#products div#nav li#btn-products a:hover {background: url(../images/style/btn_products_f4.gif);}

div#nav li#btn-contact a {background: url(../images/style/btn_contact.gif);}
div#nav li#btn-contact a:hover {background: url(../images/style/btn_contact_f2.gif);}
body#contact div#nav li#btn-contact a {background: url(../images/style/btn_contact_f3.gif);}
body#contact div#nav li#btn-contact a:hover {background: url(../images/style/btn_contact_f4.gif);}

/* Steps  - Left Column*/
div#steps-left-text {
	background-color: #363465;
	text-align: center;
	margin-top: 10px;
	width: 190px;
	padding-top: 3px;
}

div#steps-left {
	background: #E8E8D0;
	border: 0px solid red;
	margin: 5px;
	padding: 8px 2px;
	width: 180px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 176px;
}
div#steps-left img {
	margin-bottom: .3em;
}
/* steps on the homepage only */
/* hide it by default */
div#steps-home {
	display: none;
}
/* show on body#home */
body#home div#steps-home {
	display: block;
	height: 72px;
	background-color: #E8E8D0;
}
body#home div#main {
	border-bottom: 0;
}
div#steps-home h2 {
	display: block;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0; padding: 0;
	background: url(../images/style/3steps_home_text.gif) center no-repeat;
}
div#steps-home ol {
	display: block;
	height: 52px;
	background-color: #E8E8D0;
	text-align: center;
}
div#steps-home ol li {
	float: left;
	width: 189px;
	padding-top: 6px;
	border-right: 1px solid #999;
}
div#steps-home ol li#last {
	border: none;
}


/*********** Content **********/
div#content {
	float: right;
	margin-right: 10px; /* IE */
	font-size: .9em;
	line-height: 1.3em;
	padding: .25em 15px 15px 5px;
	width: 530px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 515px;
}
html>body div#content {
	/* Gecko and Safari */
	margin-right: 20px;
}
/***** Homepage-specific Content *****/
body#home div#content {
	font-size: 0.8em;
	line-height: 1.4em;
	margin-right: 32px;
	width: 480px;
	height: 230px;
	background: #F5F2DF url(../images/homepage2.jpg) no-repeat;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 460px;
	height: 280px;
}
html>body#home div#content { height: 260px; }
body#home div#content a#letter-link {
	padding-right: .2em;
	font-weight: bold;
	float: right;
	color: #645FBD; /* #5E59AA slightly more saturated and lightened */;
}
body#home div#content a#letter-link:hover {
	color: #FF6347;
}
html>body#home div#content { /* Gecko */
	margin-right: 65px;
}
body#home div#content div#headline {
	padding-left: 140px;
	padding-top: 4px;
	text-align: center;
}
body#home div#content div#headline p {
	margin: 0;
}
body#home div#content h1 {
	/*margin: 0.24em 0; line-height: 1.2em;
	font-size: 1.3em;*/
	/* image replacement */
	display: block;
	width: 320px;
	height: 43px; /* Win IE 5 */
	padding-top: 43px;
	overflow: hidden;
	background: url(../images/style/overcome_h1.gif) 5px 0 no-repeat;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

body#home div#content div#subtext {
	margin: 0 0 0 164px; /* how's dat for arbitrary? */
	width: 280px;
}

body#home div#content div#subtext p {
	text-align: left;
	margin-bottom: .2em;
}
/******* end homepage-specific *****/


div#content h1 {
	margin: .5em 0 1em; padding: 0;
	font-size: 1.2em;
	text-align: center;
	color: #000;
	font-weight: bold;
	line-height: 1.4;
}
body#aboutrl h1 {
	margin-bottom: 1.5em;
}
div#content h2 {
	margin: 5px 150px 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #363466;
}
body#programs div#content h2 {
	/* page-specific style per Randy */
	border: none;
	font-size: 1.1em;
	text-align: center;
	margin: 1.6em 0;
}
div#content h3 {
	margin: 3px 0 1px;
	font-size: 1em;
	font-weight: bold;
	color: #555;
}
div#content p {
	margin-bottom: 1em;
}
img.content-image {
	float: right;
	clear: right;
	border: 1px solid #363466;
	padding: 2px;
	margin: .3em .1em .3em .5em;
	background: #fff;
}

ul.content-bullets li {
	padding-left: 16px;
	background: url(../images/widgets/blue_bullet.gif) 1px 6px no-repeat;
	margin-bottom: 1em;
}
ul.content-bullets h3 a {
	color: #555;
}
ul.content-bullets h3 a:hover {
	color: #f60;
}
ul.columned {
	width: 220px;
	float: left;
	margin-right: 10px; 
	padding-left: 20px;
}
dl.main-terms {
	margin: .5em 0 1em;
}
dl.main-terms dt {
	font-weight: bold;
	margin-top: .5em;
	font-size: 1.2em;
}
dl.main-terms dd {
	padding-left: 2em;
}
p.sidequote {
	border: 1px solid #333;
	float: right;
	clear: right;
	width: 18em;
	margin-left: .5em;
	font-size: .8em;
	font-style: italic;
	background: #C2C285;
	padding: 5px;
}
.divider {
	display: block; 
	margin: .3em auto;
}

/* The following two are used for show-hide */
div.more-links {
	display: block;
}
div.more-text {
	display: none;
}

div#audiowrap {
	margin: 60px 0 0 164px;
	text-align: center;
}

div#audiowrap p {
	display: block;
	width: 110px;
	background: #FCFAF8;
	font-style: italic;
	margin: 2px auto;
	border: 1px solid #000;
	padding: 2px 1px;
	font-size: .8em;
	line-height: .9em;
}

/****** Form Styles  *******/
form.regular {
	margin-top: 1em;
}
form.regular fieldset {
	padding: .5em;
	text-align: center;
}
form.regular label {
	display: block;
	float: left;
	width: 10em;
	text-align: right;
}
form.regular input {
	width: 20em;
	margin: 3px;
}
form.regular textarea {
	width: 20em;
	height: 5em;
	margin: 3px;
}
form input.submit-button {
	/* #submit-button is used on contact and self-test */
	display: block;
	margin: .5em auto;
	background: #555;
	color: #fff;
	font-weight: bold;
}
form input.submit-button:hover {
	background: #999;
}
form#self-test fieldset {
	margin-bottom: .5em;
}
form#self-test label.short {
	float: left;
	width: 230px;
}
form#self-test label.radio input {
	border-width: 0;
}
form#self-test span.radio-group {
	float: right;
}
form#self-test div.radio-question {
	margin-bottom: 3px;
	background: #F8F8E8;
	padding: 2px;
}

form#self-test input.num {
	height: 1em; width: 1em;
	font-size: .9em;
	text-align: center;
	margin-right: 5px;
}

/**** newsletter popup ****/
div#popLayer {
	width:320px; height:290px; 
	z-index:999; 
	background: #fff; 
	/* layer-background-color: #fff; */ 
	border-width: 1px 2px 2px 1px; 
	border-style: solid; 
	border-color: #bbb #444 #222 #888; 
	font-size: .8em;
	text-align: left;
}
div#popLayer div#winbar {
	background: #363466;
	text-align: right;
	height: 1.1em;
}
div#popLayer div#winbar a {
	font-weight: bold;
	color: #fff;
	background: #f00;
	text-decoration: none;
	font-size: 1em;
	padding: 2px;
}
div#popLayer a#close:hover {
	background: #f50;
}
div#popLayer h3 {
	display: none;
}
div#popLayer p,
div#popLayer ul {
	margin: 5px;
}
form.popup {
	text-align: center;
}
form.popup fieldset {
	width: 18em;
	margin: 0 auto;
}
form.popup label {
	display: block;
	float: left;
	width: 6em;
	text-align: right;
}

form.popup input {
	width: 10em;
	margin: 2px;
}
form.popup input.submit-button {
	margin: .2em auto;
}
form.popup input.chkbox {
	width: 2em;
	border: none;
}

/**** Footer ****/
div#foot {
	background: #333;
	color: #ccc;
	text-align: center;
	margin-bottom: -2px;
}
div#foot div#footnav {
	display: block; /* to counter the V4 style rule */
	padding: .1em 0 .3em;
}
/* don't show foot nav on homepage */
body#home div#footnav {
	display: none;
}
div#footnav ul {
	list-style: none;
	line-height: 1.1em;
}
div#footnav li {
	display: inline;
	font-size: 0.60em;
	padding-right: 0.4em;
}

div#footnav a {
	color: #999;
	text-decoration: underline;
}
div#footnav a:hover {
	color: #fff;
}
div#copyright {
	width: 80%;
	margin: 0 auto;
	border-top: 1px solid #666;
	font-size: .9em;
	line-height: 2em
}

/** Articles page **/
ul#articleslist {
	width: 400px;
	margin: 1em auto;
}
div.article-text ul li,
ul#articleslist li {
	background: url(/images/widgets/blue_bullet.gif) 0 5px no-repeat;
	padding-left: 20px;
	margin-bottom: 1em;
}
div.article-text ol {
	padding-left: .5em;
}
div.article-text ol li {
	margin-bottom: 1em;
	margin-left: 1em;
	list-style: decimal;
}

div#byline {
	margin-top: .5em;
	padding-top: .5em;
	border-top: 2px solid #363465;
	font-style: italic;
}
div#byline span.getitnow {
	display: block;
	text-align: center;
	font-size: 110%;
	margin: 1em 0 0;
}
p.contactrandy, p.backlink {
	text-align: center;
	margin: .2em auto !important;
}



/* Sales Letter Page */
body#letter p#ps {
	display: block;
	padding-left: 50px;
	background: url(../images/style/ps.gif) 0 4px no-repeat;
}
body#letter p#pss {
	display: block;
	padding-left: 50px;
	background: url(../images/style/pss.gif) 0 4px no-repeat;
}
/* Cart Thank you page */
body#cartthanks div#content dl {
	margin: 0 3em; display: block;
}
body#cartthanks div#content dt {
	margin: 1em 0 0;
	font-weight: bold;
}
body#cartthanks div#content dl dl {
	margin: 0;
	padding: .3em 0;
	background: white;
	border: 1px solid #333;
}
body#cartthanks div#content dl dl dt {
	margin: 0 5px 0 0;
	width: 150px;
	float: left;
	text-align: right;
	background-color: transparent;
	background-image: none;
}
body#cartthanks div#content dl dl dd {
	margin-bottom: .3em;
	margin-left: 155px;
}

/* Credit */
div#credit {
	text-align: right;
	font-size: .7em;
	font-weight: bold;
	padding: 1.2em 0;
	color: #999;
	width: 760px;
	margin: 0 auto;
}
div#credit cite {
	font-style: italic;
	margin-right: 2em;
}
div#credit a {
	color: #ccc;
	text-decoration: underline;
}
div#credit a:hover {
	color: #FFFACD;
}