body
{
margin:0px;
font-size: 1em; font-family: Geneva, Arial, Helvetica, sans-serif; background-color:#FFFFFF; 
/*background-image: url('images/');*/
background-repeat: repeat-y;
background-attachment: fixed;
}

a:link{color:blue}
a:hover{ color:#CC0000}
a:active{ color:red }

H1 { font-size:2.5em; font-family: Arial, Helvetica; text-align:center; color:black; margin:0px 0px 15px 0px; padding:0px;}
H2 { font-size:1.7em; font-family: Arial, Helvetica; text-align:center; color:#666666 }
H3 { font-size: 1.4em; font-family: Arial, Helvetica; text-align:center; color: #000000 }
H4 { font-size: 1.2em; font-family: Arial, Helvetica; text-align:center; color: #000000 }

HR { color:#ebebd8}

img{border:0}

#left_col{
	float:left;
	width:290px;
}
.leftnav_title{
	color:#8d4d0d;
	line-height:20px;
}
#leftnav ul{
	margin:0;
	padding: 0;
	list-style:none;
}
#leftnav li{display:inline;}
#leftnav a{
	display:block;
	color:#121111;
	background: url(http://www.hypnosis101.com/images/arrow.gif) no-repeat 275px center;
	padding:6px 0 6px 15px;
	text-decoration:none;
	font-size:10px;
	border-left:3px solid #dadada;
	border-bottom:1px solid #dadada;
	margin-top:5px;
}
#leftnav a:hover{color:#0000ff; text-decoration: underline;}
.news{
	border:1px solid #bfbfbf;
	padding:4px 4px 10px 4px;
	width:280px;
	background: url(../img/news_bg.jpg) repeat-x;
}
#right_col{
	float:right;
	width:575px;
}
#main{
	padding:5px;
	background:#eeeeee;
	border:1px solid #bfbfbf;
}
#main2{
	padding:5px;
	background:#ffffff;
	border:1px solid #bfbfbf;
}

#main a{color:#8d4d0d;}
.top_box_white{
	background:#ffffff;
	padding:4px 4px 10px 4px;
	border:1px solid #bfbfbf;
	width:268px;
}

.top_box{
	background: url(../img/top_box_bg.jpg) repeat-x;
	padding:4px 4px 10px 4px;
	border:1px solid #bfbfbf;
	width:268px;
}
.search_box{
}

.box_content{
	background:#848484 url(../img/box_content_bg.jpg) repeat-x;
	padding:4px;
	color:#ffffff;
	margin:15px 0 5px 0;
}

.search_content{
	background:#848484 url(../img/box_content_bg.jpg) repeat-x;
	padding:5px;
	color:#ffffff;
	margin:5px 5px 5px 5px;
}
#footer{
	color:#a4a3a3;
	clear: both;
	padding:15px 0 5px 0;
}
.title{
	border:1px solid #bfbfbf;
	padding:6px 0 0 30px;
	background: url(../img/title_bg.jpg) no-repeat;
	height:28px;
	line-height:28px;
	color:#5c5b5b;
	font-size:18px;
}
.border{border:1px solid #bfbfbf;padding:3px;}
#main .border{border:1px solid #e3e3e3;padding:2px;background:#a9a9a9;}
.f_right{float:right;}
.f_left{float:left;}
.img_right{
	float:right;
	margin: 5px 0 0 5px;
}
.img_left{
	float:left;
	margin: 0 10px 10px 0;
}
.right{text-align:right;}
.padding10{padding:10px 5px;}
.bulleted_list{
	margin: 0;
	padding: 0;
	list-style:none;
}
.bulleted_list li{
	background: url(../img/arrow.gif) no-repeat left 5px;
	line-height:18px;
	padding:0 0 0 15px;
}
.clear{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
.sp{
	font-size: 1px;
	line-height: 1px;
	height: 5px;
	background: url(../img/sp_bg.jpg) repeat-x;
	margin:10px 0;
}
.textbox
{
width: 80%; margin-left: auto; margin-right: auto;
background-color:#FDF2D0;
border: 2px; border-style: solid; border-color:#FF9933;
padding: 6px; 
}
/*This is a colored box surrounding text<div class="textbox">content of box</div>*/

.orderbox
{
width: 80%; margin-left: auto; margin-right: auto;
background-color:#FDF2D0;
border: 3px; border-style: dashed; border-color:black;
padding: 6px; 
}
/*This is a colored box surrounding text<div class="orderbox">content of box</div>*/


.orderbox2
{
width: 80%; margin-left: auto; margin-right: auto;
background-color:#ffffff;
border: 3px; border-style: dashed; border-color:black;
padding: 6px; 
}
/*This is a colored box surrounding text<div class="orderbox">content of box</div>*/

/*Just testing*/

#Header {
	padding:0px; position: relative;
	border-width:3px;border-color:#008080;border-style:solid;
	background-image: url('http://www.advancingideas.com/images/logo.jpg'); background-repeat: no-repeat; height: 98px; width: 100%; 
	text-align: center;  font-size: 14px; background-position-y:50%
}
	
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>
#Header {height: 150px;}



#Content {
	position: relative;
	margin-left: auto; margin-right:auto; margin-top:0px; margin-bottom:0px; 
 	width: 560px;
	border: 0px; border-style: solid; border-color: #663399; 
	padding: 10px; 
	}


#menutop {
	position: relative;
	height: 55px;
	border-top: 18px; border-bottom: 18px; border-left: 0px; border-right: 0px; border-style: solid; border-color:#666666;
		}
		
#menutop2 {
	width: 100%;
	background-color:#ebebd8;
	text-align: center;
			}
			
#menutop3 {
	margin-left: auto; margin-right:auto;margin-top:-55px; margin-bottom:0px;
	border-top: 18px;
	text-align: center;
			}


#menuslogan {
	text-align: center; color:#666666;
	margin-top:-13px;
	font-size: 30px; font-style:italic;
			}


#bottom
{
position: absolute;
margin-left: 20px; margin-right:0px; margin-top:15px; margin-bottom:0px; 
 	width: 500px;
font-size: 1em; color:black; text-align:center;
background-color:white;
border: 0px; border-style: solid; border-color:#CC0000;
padding: 6px;
}
/*This is a colored box surrounding text for the bottom of every page<div class="bottom">content of box</div>*/


#Menu
{
	position: absolute;
	margin-left:30px; margin-right:0px; margin-top:125px; margin-bottom:0px;
	width:130px;
}


#subscribebox
{position: relative;
margin-left:33%; 
width:180px;
text-align:center;
background-color:#FDF2D0;
border: 2px; border-style: solid; border-color:#000080;
padding: 2px;

}




.orderbox
{
width: 80%; margin-left: auto; margin-right: auto;
background-color:#FDF2D0;
border: 3px; border-style: dashed; border-color:black;
padding: 6px; 
}
/*This is a colored box surrounding text<div class="textbox">content of box</div>*/


.orderboxII
{
width: 80%; margin-left: auto; margin-right: auto;
background-color:#EEEEEE;
border: 3px; border-style: dashed; border-color:black;
padding: 6px; 
}
/*This is a colored box surrounding text<div class="textbox">content of box</div>*/





.textbox
{
width: 85%; margin-left: auto; margin-right: auto;
background-color:white;
border: 2px; border-style: solid; border-color:#CC0000;
padding: 6px; 
}
/*This is a colored box surrounding text<div class="textbox">content of box</div>*/


.textboxcenter
{
width: 70%; margin-left: auto; margin-right: auto;
text-align:center;
background-color:#FDF2D0;
border: 2px; border-style: solid; border-color:#FF9933;
padding-left: 6px; padding right: 6px; padding-top: 6px; padding-bottom: 6px;
}
/*This is a colored box surrounding text<div class="textbox">content of box</div>*/



.borderbox
{
width:438px; 
margin-left:0px;
background-color:#FFFFFF;
border: 1px; border-style: solid; border-color: #000080; 
padding-left: 6px; padding right: 6px; padding-top: 6px; padding-bottom: 6px;
}
/*This is a colored border around text<div class="borderbox">content of box</div>*/

/*These are for creating a text shadow
.container { position: relative; left: 1px; top: 1px; color: #666; }
.text { position: absolute; left: -1px; top: -1px; color: #000;}
*/

.title{
	border:1px solid #bfbfbf;
	padding:6px 0 0 30px;
	background: url(../img/title_bg.jpg) no-repeat;
	height:28px;
	line-height:28px;
	color:#5c5b5b;
	font-size:18px;
}
.f_right{float:right;}
.f_left{float:left;}
.img_right{
	float:right;
	margin: 5px 0 0 5px;
}
.img_left{
	float:left;
	margin: 0 10px 10px 0;
}
.right{text-align:right;}
.padding10{padding:10px 5px;}
.clear{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
.sp{
	font-size: 1px;
	line-height: 1px;
	height: 5px;
	background: url(../img/sp_bg.jpg) repeat-x;
	margin:10px 0;
}
#header_left{
	width:274px;
	float:left;
	border: 1px solid #616161;
	background-color:#010101;
	padding:6px;
	color:#ffffff;
}
#header_left_content{
	background: #474747 url(../img/header_left_bg.jpg) repeat-x;
	padding:6px;
	height: 169px;
}
.header_left_title{
	font-size:16px;
	color:#ff9933;
	border-bottom:1px solid #b2b1b1;
	line-height:35px;
}
#header_left_content a{color:#ffffff;}
#flash_con{
	border:5px solid #636363;
	float:right;