@charset "iso-8859-1";
/* CSS Document */

body 	{
		margin: 0px;
		padding: 0px;
		font: 1em verdana, arial, sans-serif;
		color: #ebd4b0;
		text-align: center; /*This line added soley for IE 5.x windows which doesn't recognize margin: auto*/
		}
		
		/*the asterisk is a universal selector. In this case all default margins and padding from the various browsers 
		are zeroed out. All margins and padding must now be intentionally written into the CSS code.*/
		* {margin:0px; padding:0px;}
		
h1 {
		width: 286px;
		margin-top: 0px;
		margin-right: auto; margin-left: auto;
		font: 1.3em bold verdana;
		color: #000000;
		text-align: center;
		}	
		
h2 {	width: 344px;
		font: 1.2em verdana;
		}		
		
 .top_h2 {

		text-align: center;
		padding: .25em;
		margin: 45px 15px 1em 15px;
		border-bottom: 1px solid #EBD4B0;
		}	
		
h3 {
  		font: italic .9em verdana;
		margin:30px 60px 0;
		border-bottom: 1px solid #EBD4B0;
		padding: .2em;
		/*background-color: #62251C;*/
		}
		
.bodycopy_h3 {
		border-bottom: 0;
		}
		
 .box_h3 {
 		font: italic 0.9em /*"comic sans ms",*/verdana, georgia, serif;
		margin: 30px 90px 0 15px;
		color: #2B0606;
		border-bottom: 1px solid #2B0606;
		/*for boxed testimonials*/ 
		}
 
		
/*This h4 is for the column3heading*/
h4 {
		width: 150px;
		font: 1em verdana;
		color: #000000;
		margin: 0 auto;
		padding: 15px .2em;
		text-align: center;
		}
		
p {
		width: auto;
		/*font: .8em verdana;*/
		font: verdana;
		margin: 1.5em 15px;
		}		
		
	.inside_30 {
		margin-top: 1em;
		margin-left: 45px;
		} /*see "Pull_Past"*/
		
	.inside_60 {
		margin-top: 1em;
		margin-left: 60px;
		} /*see "Pull_Past"*/
		
	.p_first-line_strong p:first-line {															
		font-weight: bold;
		}	
		
	.italic_indent {
		font-style: italic;
		margin-left: 30px;
		}
	
	.right_name {
		padding-top: 0em;
		padding-bottom: 1.5em;
		text-align: right;
		clear: both;
		}
	
	.spacer_half_em {
		visibility: hidden;
		margin: .5em 15px;
		}
		
	.spacer3xem {
	margin: 0;
	padding-bottom: 2em;
	font-size: 1.2em;
	visibility: hidden;
	}
		
	.spacer5em {
	margin: 0;
	padding-bottom: 4em;
	font-size: 1em;
	visibility: hidden;
	}
	
	.spacer10em {
	margin: 0;
	padding-bottom: 9em;
	font-size: 1em;
	visibility: hidden;
	}
	
	.spacer20em {
	margin: 0;
	padding-bottom: 19em;
	font-size: 1em;
	visibility: hidden;
	}

	.spacer40em {
	margin: 0;
	padding-bottom: 39em;
	font-size: 1em;
	visibility: hidden;
	}
	
	.spacer80em {
	margin: 0;
	padding-bottom: 79em;
	font-size: 1em;
	visibility: hidden;
	}
	
img {
		/*border: 1px solid #000;*/
		}
		
	.floatright{
	float: right;
	}
		
a {
		color: #FEF2E2;
		/*color: #e6debc;*/
		background-color: transparent;															
		text-decoration: none;
		}
		
a:visited {
		color: #d3d3d3;
		background-color: transparent;															
		text-decoration: none;
		}
		
a:hover {
		color: #feac8f;
		background-color: eeeeee;															
		text-decoration: none;
		}
		
a:active {
		color: #000000;
		background-color: transparent;															
		text-decoration: none;
		}		

#menubar_text ul {
		margin: 0.2em;
		}
	
.li_first-line_strong li:first-line {															
		font-weight: bold;
		}
		
ul {
		list-style-type: disc;
		list-style-position: outside;
		position: relative; left: 15px;
		width: auto;
		font: 1em verdana;
		margin: 1.5em 15px;
		}
	
	.no_bullet {
		list-style-type: none;
		}/*see "articles_chicken_little"*/
		
	.no_bullet li{
		margin: 0;
		}/*see "articles_chicken_little"*/
	
	ul.largertype li {
		font-size: 1.2em;
		margin-bottom: 1em;
		}/*see "Article_Archives"*/
		
	ul.circle li {
		list-style-type: circle;
		}/*see "Article-Wrong_Person"*/
	
	ul li {
		margin: .4em 15px;
		}
		
	ul p {
			font-size: 1em;
			margin: 0 15px 1.5em 0;
			}
			
	ul ul {
			font-size: 1em;
			list-style-type: circle;
			}
			
	ul ul li {
			margin-bottom: .5em;
		}
			
#right_sidebar {
		font-size:0.9em;
		padding:5px;
		}
		
#navbox li {
		padding: .4em 0;
		}
		
ol {
		list-style-type: decimal;
		list-style-position: outside;
		width: auto;
		font: .8em verdana;
		margin: 1em 15px;
		}

.ol_2 {
		font-size: 1em;
		list-style-position: outside;
		margin-left: 38px;
		}

.ol_3 li{
		font-size: 1.2em;
		list-style-position: outside;
		padding: 0;
		margin-left: 38px;
		}/*see article"fun"*/

.ol_2 p {
		margin-top: 0;
		}

.ol_inside_30 {
		margin-left: 30px;
		list-style-position: inside;
		} /*see "Articles_Belittling"*/
		
.ol_inside_30_b {
		font-size: 1em;
		margin-left: 30px;
		list-style-position: inside;
		} /*see "Articles_Fun"*/
		
.ol_inside_30 ul li {
		padding: 0;
		} /*see "Articles_Belittling"*/
		
.ol_inside_30 p {
		margin-left: 30px;
		font-size: 1em;
		} /*see "Articles_Belittling" and "fun"*/\

ol ul {
		font-size: 1em;
		margin-top: 0;
		margin-bottom: 0;
		} /*see "What's in our mojo bag"*/

.nested_inside {
		font-size:.8em;
		list-style-position: inside;
		}

.inside {
		list-style-position: inside;
		}
		
ol li {
		padding: 0.8em;
		}		

dl {
		font-size: .8em;
		margin-left: 15px;
		margin-right: 120px;
		}/*see "articles_chicken_little"*/
		
.dt_normal_dd_indent{
		margin-right: 15px;
		}/*see "articles_looking_glass"*/
		
.dt_normal_dd_indent dt{
		font-weight: normal;
		}/*see "articles_looking_glass"*/
		
.dt_normal_dd_indent dd{
		margin-left: 1.5em;
		}/*see "articles_looking_glass"*/
		
dt {
		font-weight: bold;
		}/*see "articles_chicken_little"*/
	
dd {
		margin-bottom: 1em;
		margin-left: 1em;
		}/*see "articles_chicken_little"*/

hr {
		width: 110px;
		height: 1px;
		background-color: #ebd4b0;	
		border: none;
		margin: .7em 0 .5em 0;
		}
		
		.col3 {
		width: 110px;
		height: 1px;
		background-color: #000000;	
		border: none;
		margin: 2em auto;
		}
						
				
		.hr_body {
		width: 260px;
		height: 1px;
		background-color: #ebd4b0;	
		border: none;
		margin-right: auto; 
		margin-left: auto;
		margin-top: 2.2em;
		margin-bottom: 2.2em;
		}
						
h2 sup {
		vertical-align: 55%;
		font-size: 0.8em;
		}
		
p sup {vertical-align: 45%;
		font-size: .9em;
		}
		
.align_right {
		margin: .5em 2em;
		text-align: right;
		}
		
.align_center {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		}

.double_rule {
		width: 344px;
		height:2px;
		margin-left: 15px;
		border-top: 1px solid #EBD4B0;
		border-bottom: 1px solid #EBD4B0;
		}
		
.single_rule {
		width: 359px;
		height:2px;
		margin-left: -53px;
		margin-top: 2em;
		margin-bottom: 2em;
		border-top: 1px solid #EBD4B0;
		}
		
.border_0 {
		border: 0;
		}
		
.trade_claim {
		font-size: .7em;
		/*margin-left: auto;
		margin-right: auto;*/
		text-align: right;
		}
		
.center_box {
		width: 344px;
		position: relative; left: 15px;
		/*background: #6F5F53;*/
		background: #C99E78;
		padding: .75em, .75em, .4em, .75em;
		border: 1px solid black;
		margin-top: 3em;
		margin-bottom: 3em;
		font-size:1.4em;
		/*for boxed testimonials in center content area*/ 
		}
		
div.center_box p {
		font: 0.8em "comic sans ms", georgia, serif;
		color: #2B0606;
		/*for boxed testimonials in center content area*/ 
		}

.center_box2 {
		width: 254px;
		background: #686559;
		/*background: #6F5F53;*/
		/*background: #C99E78;*/
		padding: .75em, .75em, .4em, .75em;
		border: 1px solid black;
		margin-top: 3em;
		margin-right: auto;
		margin-bottom: 3em;
		margin-left: auto;
		/*for boxed medical definition - Looking Glass Lie article and chocolate (poetry)*/ 
		}
		
.center_box3 {
		width: 13em;
		background: #686559;
		padding: .75em, .75em, .4em, .75em;
		border: 1px solid black;
		margin-top: 3em;
		margin-right: auto;
		margin-bottom: 3em;
		margin-left: auto;
		/*for boxed poetry - see joy*/ 
		}

.center_boxlet {
		width: 200px;
		background: #C99E78;
		color: #2B0606;
		border: 1px solid black;
		margin-left: auto;
		margin-right: auto;
		padding: 1em;
		text-align: center;
		}
		
.center_boxlet p {
		font: .9em "comic sans ms", georgia, serif;
		color: #2B0606;
		margin: 0 0 0 0;
		text-align: center;
		}
		
.center_boxlet hr {
		background-color: #2B0606;
		width: 160px;
		margin: .5em auto;
		/*margin-left: auto;
		margin-right: auto;*/
		}
		
div.border p span {
		font: 1em verdana, "sans serif";
		color: #111111;
		/*for boxed testimonials in center content area*/
		}

/*This class pushes the footer text 30px below the body text*/		
.bottom_text_pad {
		padding: 0px 0px 30px 0px;
		}		
/*this class indents the start of the footer text. It is necessary because the containing #footer holds a tiled 
background image which matches the main background tile. The footer tile must start at 0x.*/		
.footer_indent {
		padding: 0px 0px 45px 110px;
		}
		
.column3_text_margin {
				margin-right: auto; margin-left: auto;
				text-align: center;
				}
		
/*begin mainwrap - encompasses entire page - becomesthe positioning context for all its children when its 
position is set to "relative" and child's position is set to "absolute*/

div#mainwrap {
		width: 925px;
		position: relative;
		background-image:  url(images/main_tile.jpg);
		background-repeat: repeat-y;
		background-color: #B8AFA0;
		margin-right: auto;
		margin-left: auto; 
		text-align: left; /*This line added soley for IE 5.x windows. This cancels out the body text-align: center
		instruction so only the page itself is centered.*/
		}
		
/*begin headerwrap - encompasses 5 divs inc. - #mainlogo, #right_logo, #dedicated, #mojorise, and #right_tagline*/

div#headerwrap {
		width: 925px;
		height: 214px;
		position: relative;
		background-image:  url(images/header_tile.jpg);
		background-repeat: repeat-x;
		}
		

div#mainlogo {
		width: 230px;
		height: 214px;
		position: absolute; top: 0px; left: 0px;
		background-image:  url(images/main_logo.jpg);
		background-repeat: no-repeat;
		}
		
div#right_logo {
		width: 80px;
		height: 135px;
		position: absolute; top: 0px; left: 230px;
		background-image:  url(images/right_logo.jpg); 
		background-repeat: no-repeat;
		}
		
div#dedicated {
		width: 183px;
		height: 17px;
		position: absolute; top: 105px; left: 485px; 
		background-image:  url(images/dedicated.jpg);
		background-repeat: no-repeat;
		}
		
div#mojorise {
		width: 102px;
		height: 154px;
		position: absolute; top: 60px; left: 668px;
		background-image:  url(images/mojorise.jpg);
		background-repeat: no-repeat;
		}				
		
div#right_tagline {
		width: 155px;
		height: 214px;
		position: absolute; top: 0px; left: 770px; 
		background-image:  url(images/right_tagline.jpg);
		background-repeat: no-repeat;
		}


/*end headerwrap*/

/*menubar_text floats over div#headerwrap. It contains text buttons. Its positioning context is the #mainwrap*/

div#menubar_text {
		width: 600px;
		height: 22px;
		position: absolute; top: 129px; left: 207px;
		font: .8em verdana;
		z-index:1000;
		}
		
div#menubar_text li {
		float: left;
		display: block;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px; 
		position: relative;
		list-style-type: none;		
		}		
		
/*div#menubar_text li:hover {
		background-color: #63704B;
		}*/
		
	div#menubar_text ul li ul {
			display: none;
			margin: 0;
			position: absolute;
			top: 15px;
			left: 0;
			width: 8em;
			}
			
	div#menubar_text ul li:hover ul, div#menubar_text ul li ul:hover {
			display: block;
			}
			
	div#menubar_text ul li ul li {
			width:350%;
			margin: 0;
			/*border-top: 1px solid #000000;*/
			border-left: 1px solid #000000;
			border-bottom: 1px solid #000000;
			border-right: 1px solid #000000;
			background-color: #675F53;
			padding-left: 5%;
			}
			
	/*div#menubar_text ul li ul li:first-child {
			border-top: 1px solid #000000;
			}*/
			
		
		
/*begin navbox_content_wrap - this contains 2 divs, #navbox and #center_content_wrap. This wrapping div enables 
the footer to get pushed below both the nav box and the contents.*/

div#navbox_content_wrap {
		width: 650px;
		}
		
div#navbox { 
		width: 143px;
		background-image: url(IMAGES/navbox_tile2.gif);
		/*background-repeat: repeat-x;*/
		margin: 102px 16px 26px 75px;
		padding: 1em 0;
		border-top: 2px solid #EBD4B0;
		border-bottom: 2px solid #EBD4B0;
		float: left;
		}
	
div#navbox ul {
		margin: 0 0 0 -5px;
		font: .7em verdana;
		}
	
div#navbox li {
 		list-style-type: none;
		margin: 0 0 0 0;
		}
			

/*begin #center_content_wrap - this div holds the h1 container div, an h2, and the main body text*/
div#center_content_wrap {
		width: 400px;
		float: left;
		/*background-color:#BAA36C*/
		}	

/*begin #center_h1_wrap - this is a container for an h1 with gradients on all sides. It is expandable top to bottom.*/

div#center_h1_wrap {
		width: 374px;
		}
	
div#center_h1_top {
		width: 374px;
		height: 12px;
		background-image:  url(images/h1_top.jpg);
		}
		
div#center_h1_heading {
		width: 374px;
		background-image:  url(images/h1_tile.jpg);
		background-repeat: repeat-y;
		
		}
		
div#center_h1_bottom {
		width: 374px;
		height: 12px;
		background-image:  url(images/h1_bottom.jpg);
		}		

/*end #center_h1_wrap - this is a container for an h1 with gradients on all sides. It is expandable top to bottom.*/

div#center_content {
		font: .8em verdana;
		}
	
div#center_content img {
		margin: 0 0 0 15px;
		}
		
	div#center_content .over_float {
		margin: 0 1em 0 -35px;
		float: left;
		}
		
div.center_form_wrap {
		width: 280px;
		padding: 1em 0 0 0;
		margin: 0 auto 1.5em auto;
		border: 1px solid #000000;
		background-color: #695F52;
		}
		
	div#center_content div.center_form_wrap p {
		font: 1em verdana;
		color: #EBD4B0;
		margin: 1em 0 0 0;
		}
		
	div#center_content div.center_form_wrap form {
		font: .8em verdana;
		color: #EBD4B0;
		margin: 1em 15px;
		}
		
	div#center_content div.center_form_wrap form input, textarea {
			background-color: #D2BDA4;
			border-top: 1px inset #90766B;		
			border-left: 1px inset #90766B;
			border-bottom: 1px inset #DFD2B6;
			border-right: 1px inset #DFD2B6;
			margin-bottom: 1em;
			}

/*end #center_content_wrap - this div holds the h1 container div, an h2 container, and the main body text*/

/*end navbox_content_wrap - this contains 2 divs, #navbox and #center_content_wrap. This wrapping div enables the 
footer to get pushed below both the nav box and the contents.*/

/*footer - this is for text buttons at the bottom of the page. It should float down below the main text div.*/

div#footer {
		width: 925px;
		padding: 30 0 0 0px;
		font: .8em verdana;
		background-image:  url(images/main_tile.jpg);
		float: left;
		}

div#footer li {
		float: left;
		list-style-type: none; 
		padding: 0 14px;
		}		
		

/* This is the Aslett Clearing Method. It is being used here to place the navbox and center_content_ wrap divs to "float"
side by side without resorting to absolute positioning. Absolutely positioned elements are not contained by 
enclosing divs. In this case, that means that the footer will not get pushed down below the navbox or center_content 
divs. There is also a fix for IE 5.x Mac and one for a bug in IE6 windows. This clearing fix is necessary to clear the 
floats so that the floated divs are enclosed by the wrap div.*/
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}		
		
.clearfix {display: inline-table;}		

/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */


/*column3_wrap -contains the newsletter sign-up as well as ancillary items of humor and/or interest. The top and bottom 
of this column have background images in their own divs. The central part of the column is allowed to expand as needed. 
It is filled with a tiled background in the column3_wrap*/
div#column3_wrap {
		width: 224px;
		position: absolute; top: 187px; left: 653px;
		background-image:  url(images/column3_tile.jpg);
		background-repeat: repeat-y;
		}
		
div#column3_top {
		width: 224px;
		height: 27px;
		background-image:  url(images/column3_top.jpg);
		}		
		
div#form_wrap {
		width: 180px;
		margin: 0 auto 0 auto;
		border: 1px solid #000000;
		}
		/*This is for the column3 freebie form*/
		
	div#freebie_pic1 {
			background-image: url(images/col3_head_1x2b.jpg);
			background-repeat: no-repeat;
			width: 150px;
			height: 75px;
			margin: 15px auto 0 auto;
			}
	
	div#column3_content div#form_wrap p {
		font: .7em verdana;
		color: #000000;
		margin: 1em 15px;
		}
		
	div#column3_content div#form_wrap form {
		font: .7em verdana;
		color: #000000;
		margin: 1em 15px;
		}
		
		/*This targets the "How did you hear of me" line*/
		div#column3_content div#form_wrap form p {
		font: 1em verdana;
		margin: 0;
		}
		
	div#column3_content div#form_wrap form input, textarea {
			background-color: #D2BDA4;
			border-top: 1px inset #90766B;		
			border-left: 1px inset #90766B;
			border-bottom: 1px inset #DFD2B6;
			border-right: 1px inset #DFD2B6;
			margin-bottom: 1em;
			}
			
			
	div#submit {
			/*border: 0 solid #000000;*/
			text-align: center;
			margin: 1.5em 0 0 0;
			}
	
	div#privacy {
			position: relative;
			width: 100px;
			padding: .2em;
			margin: 0 0 1.5em 38px;
			border: 2px outset #000000;
			font-size: .7em;		
			text-align: center;	
			background-color: #675F53;			
			}
			
			div#policytextblock {
			display: none;
			position: absolute;
			left: -24px;
			top: 1.2em;
			width: 150px;
			font-size: 1.3em;
			background-color: #D2BDA4;
			border: 1px solid #000000;
			}
			
			div#privacy:hover div#policytextblock, div#privacy div#policytextblock:hover {
			display: block;
			}
			
div#column3_content {
		width: 224px;
		} 
				
div#column3_content p {
		font: .8em georgia, serif;
		color: #000000;
		margin: 1em 20px;
		}
		
div#column3_content ol {
		font: .85em georgia, serif;
		color: #000000;
		margin: -1em 30px 1em 20px;
		}
		
div#column3_content ol li {
		padding: .3em;
		}
				
div#column3_content img {
		/*width: 180px;
		margin: 0 11px 0 11px;*/
		}
				
div#column3_bottom {
		width: 224px;
		height: 27px;
		background-image:  url(images/column3_bottom.jpg);		
				
		
/*end column3_wrap*/

/*end mainwrap*/

/*Begin Is This You? page(self-assesment)*/